// Top navigation for Ninja Typer
function Nav() {
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a href="#" className="wordmark">
          <Shuriken size={26} />
          <span>Ninja Typer</span>
        </a>
        <div className="nav-links">
          <a href="#how">How it works</a>
          <a href="#optimize">Optimize</a>
          <a href="#integrations">Works with</a>
          <a href="#pricing">Pricing</a>
          <a href="blog.html">Articles</a>
          <a href="changelog.html">Changelog</a>
        </div>
        <div className="nav-ctas">
          <a className="btn btn-primary btn-sm" href={window.NT_DOWNLOAD_URL} download>
            Download
            <kbd className="nav-kbd">⌘D</kbd>
          </a>
        </div>
      </div>
    </nav>
  );
}

Object.assign(window, { Nav });