/* Top nav - clean, restrained, becomes slightly more solid on scroll */
function Nav() {
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const on = () => setScrolled(window.scrollY > 20);
on();
addEventListener('scroll', on, { passive: true });
return () => removeEventListener('scroll', on);
}, []);
const links = [
{ label: 'The GNG', href: '#lore' },
{ label: 'Wins', href: '#wins' },
{ label: 'Creators', href: '#creators' },
{ label: 'Motion', href: '#motion' },
{ label: 'Gang Map', href: '#map' },
];
return (
<>
{open && (
)}
);
}
window.Nav = Nav;