function Nav({ hideCta = false }) {
  // `/` instead of `index.html` so anchor links work consistently:
  // on dipoli.io/ they're treated as same-page hash changes (smooth
  // scroll fires), and from /contact.html they cross-navigate to root
  // and the browser jumps to the section on load. Using `index.html`
  // was breaking the index-page case — browser saw it as a different
  // URL than `/` and did a full navigation on the first click.
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a href="/" className="brand"><img src="assets/logo.svg" alt="Dipoli" /></a>
        <div className="nav-links">
          <a href="/#product">Product</a>
          <a href="/#defense">Engine</a>
          <a href="/#process">How it works</a>
          <a href="/#signals">Signals</a>
          <a href="/#who">Use cases</a>
        </div>
        {!hideCta && (
          <div className="nav-cta">
            <a href="/contact" className="btn btn-primary">Talk to us<IconArrow /></a>
          </div>
        )}
      </div>
    </nav>
  );
}
