function Footer() {
  const onLanding = typeof window !== 'undefined' && (
    window.location.pathname === '/' ||
    window.location.pathname === '' ||
    window.location.pathname.endsWith('index.html')
  );
  const prefix = onLanding ? '' : '/';
  return (
    <footer className="foot">
      <div className="wrap">
        <div className="foot-grid">
          <div>
            <a href="/" className="foot-brand">
              {/* Navy glyphs on TRANSPARENT alpha (the -light variant had a
                  baked white rectangle; the chrome one washed out). */}
              <img src="/aida-sdr-signals-logo-navy.png" alt="AiDA SDR Signals" style={{height: 80, width: 'auto', filter: 'drop-shadow(0 2px 6px rgba(15,23,42,0.18))'}} />
            </a>
            <p className="foot-tag">
              Your AI Digital Assistant for LinkedIn outreach. Built for B2B teams
              who'd rather close than prospect.
            </p>
          </div>
          <div>
            <h5>Product</h5>
            <ul>
              <li><a href={`${prefix}#signals`}>Signals</a></li>
              <li><a href={`${prefix}#outreach`}>Outreach</a></li>
              <li><a href={`${prefix}#intelligence`}>Intelligence</a></li>
              <li><a href={`${prefix}#pricing`}>Pricing</a></li>
            </ul>
          </div>
          <div>
            <h5>Company</h5>
            <ul>
              <li><a href="/about">About</a></li>
              <li><a href="/agencies">For agencies</a></li>
              <li><a href="/managed">Done-for-you</a></li>
              <li><a href="/contact">Contact</a></li>
            </ul>
          </div>
          <div>
            <h5>Resources</h5>
            <ul>
              <li><a href={`${prefix}#faq`}>FAQ</a></li>
              <li><a href="/security">Security</a></li>
              <li><a href="#">Terms</a></li>
            </ul>
          </div>
        </div>
        <div className="foot-row">
          <span>© 2026 AiDA SDR · aidasdr.com</span>
          <span style={{fontFamily:'var(--mono)'}}>built for revenue leaders, not list-builders.</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;