function Nav(){
  const { route, go } = useRoute();
  const links = [
    { id:'home', label:'Home' },
    { id:'inquiry', label:'Inquire' },
  ];
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a className="nav-logo" href="#" onClick={(e)=>{e.preventDefault(); go('home');}}>
          <Logo size={30} />
        </a>
        <div className="nav-links">
          {links.map(l => (
            <a key={l.id} href={`#${l.id}`}
               className={`nav-link ${route === l.id ? 'active' : ''}`}
               onClick={(e)=>{ e.preventDefault(); go(l.id); }}>
              {l.label}
            </a>
          ))}
        </div>
      </div>
    </nav>
  );
}
window.Nav = Nav;