/* EOMA landing v3 · Footer (§11) */

function Footer() {
  return (
    <footer className="footer">
      <div className="footer-grid">
        <div>
          <a href="#top" className="footer-brand-wm">
            <window.Logomark size={40} />
            <span>eoma</span>
          </a>
          <p className="footer-tag">AI search visibility, on autopilot.</p>
          <a href="/signup" className="btn btn-primary">
            <window.LogoBadge size={22} />
            <span>Start free trial</span>
          </a>
        </div>

        <div className="footer-col">
          <h4>Platform</h4>
          <ul>
            <li>
              <a href="#how">How it works</a>
            </li>
            <li>
              <a href="#for-who">For who</a>
            </li>
            <li>
              <a href="/pricing">Pricing</a>
            </li>
          </ul>
        </div>

        <div className="footer-col">
          <h4>Company</h4>
          <ul>
            <li>
              <a href="mailto:info@eoma.ai">Contact</a>
            </li>
            <li>
              <a href="#faq">FAQ</a>
            </li>
          </ul>
        </div>

        <div className="footer-col">
          <h4>Legal</h4>
          <ul>
            <li>
              <a href="/privacy">Privacy Policy</a>
            </li>
            <li>
              <a href="/terms">Terms of Use</a>
            </li>
            <li>
              <a href="/refund-policy">Refund Policy</a>
            </li>
            <li>
              <a href="#" data-cookie-prefs>
                Cookie preferences
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div className="footer-copy">
        <span>© 2026 EOMA · AI search visibility, on autopilot.</span>
      </div>
    </footer>
  );
}

Object.assign(window, { Footer });