// Nav.jsx — uses window.__BASE for asset/link paths.
//   index.html:                window.__BASE = '';
//   pages/social/*.html etc:   window.__BASE = '../../';
const Nav = () => {
  const base = (typeof window !== 'undefined' && window.__BASE) || '';
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a href={base + 'index.html'} className="nav-brand">
          <img src={base + 'img/mft-fish-logo.png'} alt="MFT" />
          <span className="nav-brand-name">Mercury Fish <span className="dim">Agency</span></span>
        </a>
        <div className="nav-links">
          <a href={base + 'index.html#servicios'}>Servicios</a>
          <a href={base + 'index.html#metodologia'}>Metodología</a>
          <a href={base + 'index.html#contacto'}>Contacto</a>
        </div>
        <a href={base + 'index.html#contacto'} className="nav-cta">
          Hablemos <span className="ar">→</span>
        </a>
      </div>
    </nav>
  );
};

window.Nav = Nav;
