function Nav() {
  // No sticky-scroll behaviour: the nav is a single static dark pill (the
  // white-text logo always reads on it). No scroll listener, no state change.
  const onLanding = typeof window !== 'undefined' && (
    window.location.pathname === '/' ||
    window.location.pathname === '' ||
    window.location.pathname.endsWith('index.html')
  );
  const prefix = onLanding ? '' : '/';

  return (
    <nav className="nav">
      <div className="nav-inner">
        <a href={onLanding ? '#top' : '/'} className="nav-logo">
          <img src="/aida-sdr-signals-logo.png" alt="AiDA SDR Signals" className="nav-logo-img" />
        </a>
        <div className="nav-links">
          <a href={`${prefix}#signals`} className="nav-link">Signals</a>
          <a href={`${prefix}#outreach`} className="nav-link">Outreach</a>
          <a href={`${prefix}#pricing`} className="nav-link">Pricing</a>
          <a href="/agencies" className="nav-link">For agencies</a>
          <a href="/managed" className="nav-link">Done-for-you</a>
        </div>
        <a href="https://app.aidasdr.com/signup" className="btn btn-indigo btn-sm">
          Start 7-day free trial <span className="arrow">→</span>
        </a>
      </div>
    </nav>
  );
}
window.Nav = Nav;