{# Shared footer (Brand Bible §06: 3 columns max, 4-5 links each).
   Previously 6 columns; consolidated 2026-05 to honor the Bible.
   The dropped link surfaces (full Tools / Use cases / Compare grids)
   live on the dedicated /alternatives hub and on individual pillar
   pages — sitemap.xml still serves SEO crawl. #}
<footer class="site-footer">
  <div class="site-footer-brand">
    <a href="/" aria-label="Phantomline home">
      <img class="footer-brand-img" src="{{ '/static/phantomline-logo-primary.png' | versioned }}" alt="Phantomline" />
    </a>
    <p>Local-first AI video studio for faceless YouTube creators. Bring your own API key or run fully offline. License keys validate offline.</p>
  </div>

  <div class="site-footer-grid">
    <div class="site-footer-col">
      <h4>Product</h4>
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/pricing">Pricing</a></li>
        <li><a href="/app">Studio</a></li>
        <li><a href="/#workflow">How it works</a></li>
      </ul>
    </div>

    <div class="site-footer-col">
      <h4>Resources</h4>
      <ul>
        <li><a href="/best-faceless-youtube-tools">Best faceless YouTube tools</a></li>
        <li><a href="/faceless-youtube">Faceless YouTube tool</a></li>
        <li><a href="/local-ai-video-generator">Local AI video generator</a></li>
        <li><a href="/blog">Blog</a></li>
        <li><a href="/alternatives">Alternatives</a></li>
      </ul>
    </div>

    <div class="site-footer-col">
      <h4>Company</h4>
      <ul>
        <li><a href="/about">About</a></li>
        <li><a href="/kyle-mccool">Founder</a></li>
        <li><a href="mailto:kyle@makko.ai">Contact</a></li>
        <li><a href="https://github.com/Kyle-McCool/phantomline" rel="noopener" target="_blank">GitHub</a></li>
        <li><a href="/privacy">Privacy</a></li>
        <li><a href="/terms">Terms</a></li>
      </ul>
    </div>
  </div>

  <div class="site-footer-bottom">
    <small>&copy; 2026 Phantomline · <a href="/privacy">Privacy</a> · <a href="/terms">Terms</a></small>
  </div>
</footer>
