// Top navigation

function Nav() {
  return (
    <header className="nav">
      <div className="wrap nav__inner">
        <a href="#top" className="brand brand--nav">
          <Wordmark size={48} sub={true} />
        </a>
        <nav className="nav__links">
          <a href="#paradigm">Paradigm</a>
          <a href="#device">Device</a>
          <a href="#mechanism">Mechanism</a>
          <a href="#evidence">Evidence</a>
          <a href="#contact" className="btn btn--ghost" style={{height: 36, padding: '0 16px', fontSize: 12}}>
            Request a demo <span className="arrow">→</span>
          </a>
        </nav>
      </div>
    </header>
  );
}

window.Nav = Nav;