const Nav = () => {
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a href="#top" className="nav-brand">
          <Logo height={32}/>
        </a>
        <div className="nav-links">
          <a href="#services">Serviços</a>
          <a href="#connect">BBOX Connect</a>
          <a href="#cases">Cases</a>
          <a href="#process">Processo</a>
          <a href="#about">Studio</a>
          <a href="#faq">FAQ</a>
        </div>
        <a href="#contact" className="nav-cta">
          Começar um projeto
          <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 9L9 3M9 3H4M9 3V8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>
        </a>
      </div>
    </nav>
  );
};

window.Nav = Nav;