// Navbar.jsx — sticky dark nav with gradient accent const Navbar = ({ active = 'home' }) => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const on = () => setScrolled(window.scrollY > 12); window.addEventListener('scroll', on); return () => window.removeEventListener('scroll', on); }, []); return ( ); }; window.Navbar = Navbar;