// SiteFooter — multi-column site-wide footer used by every SPA view that
// renders it (product, pricing, init, cicd, team, legal, forms). Mirrors
// GitHits's LEARN / COMPARE / COMPANY / LEGAL structure adapted to sekura.ai.
//
// The static blog template and /vs/ generator inline an equivalent <footer>
// markup — keep them in sync when this changes.
//
// Social: github.com/sekuraai and linkedin.com/company/sekuraa are wired up;
// confirm both resolve before launch. The X link was removed — the prior
// href (x.com/sekura-ai) is not a valid X handle (no hyphens allowed); add a
// real handle here when one exists.

function SiteFooter() {
  const { React } = window;

  return (
    <footer className="site-footer">
      <div className="site-footer-inner">
        <div className="site-footer-columns">
          <div className="site-footer-col">
            <h3 className="site-footer-col-title">Product</h3>
            <nav className="site-footer-col-links">
              <a href="/product/">product</a>
              <a href="/product/integrations/">integrations</a>
              <a href="/research/">research</a>
            </nav>
          </div>

          <div className="site-footer-col">
            <h3 className="site-footer-col-title">Customers</h3>
            <nav className="site-footer-col-links">
              <a href="/customers/">customers</a>
              <a href="/pricing/">pricing</a>
            </nav>
          </div>

          <div className="site-footer-col">
            <h3 className="site-footer-col-title">Company</h3>
            <nav className="site-footer-col-links">
              <a href="/team/">team</a>
              <a href="/blog/">blog</a>
              <a href="/1217/">a true story</a>
              <a href="https://github.com/sekuraai/" target="_blank" rel="noopener noreferrer">
                github
              </a>
              <a
                href="https://www.linkedin.com/company/sekuraa/"
                target="_blank"
                rel="noopener noreferrer"
              >
                linkedin
              </a>
            </nav>
          </div>

          <div className="site-footer-col">
            <h3 className="site-footer-col-title">Legal</h3>
            <nav className="site-footer-col-links">
              <a href="/privacy/">privacy</a>
              <a href="/terms/">terms</a>
            </nav>
          </div>
        </div>

        <div className="site-footer-meta">
          <span className="site-footer-copy">&copy; 2026 Sekura, Inc.</span>
          <span className="site-footer-tagline">
            Autonomous &amp; Continuous Security · proof, not probability
          </span>
        </div>
      </div>
    </footer>
  );
}
window.SiteFooter = SiteFooter;