function Navbar() { const [scrolled, setScrolled] = React.useState(false); const [menuOpen, setMenuOpen] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 50); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); React.useEffect(() => { document.body.style.overflow = menuOpen ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const links = ['Menu', 'Events', 'Gallery', 'About']; const WA_HREF = "https://wa.me/23058582020?text=Hi%2C%20I'd%20like%20to%20make%20a%20reservation%20at%20After5%20Lounge%20Bar"; return ( <> {/* ── Mobile overlay ── */}

Reserve a Table +230 289 8888

{/* ── Navbar ── */} ); }