function TGPNav() {
  const links = [
    ['the idea', '#concept'],
    ['next story', '#story'],
    ['next event', '#gathering'],
    ['join us', '#join'],
  ];
  return (
    <nav className="tgp-nav">
      <TGPLogo />
      <div className="tgp-nav-links">
        {links.map(([label, href]) => (
          <a key={href} href={href}>{label}</a>
        ))}
      </div>
      <div className="tgp-nav-right">
        <a className="tgp-btn tgp-btn-primary" href="https://luma.com/28eaxhfn?tk=ftwLfH" target="_blank" rel="noopener noreferrer">Save me a seat</a>
      </div>
    </nav>
  );
}
window.TGPNav = TGPNav;
