import { useState, useEffect } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { Menu, X } from "lucide-react"; import { NAV_LINKS } from "@/data/event-data"; import Logo from "@/assets/logo.png"; /** * Navbar sticky con menú responsive. * Los links se definen en event-data.ts */ const Navbar = () => { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 50); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); useEffect(() => { if (menuOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = "unset"; } return () => { document.body.style.overflow = "unset"; }; }, [menuOpen]); return ( ); }; export default Navbar;