// Header Component const Header = ({ navLinks, onAnimationComplete }) => { const [visible, setVisible] = React.useState(false); const [show, setShow] = React.useState(true); const [isMenuOpen, setIsMenuOpen] = React.useState(false); const lastScrollY = React.useRef(0); React.useEffect(() => { const controlNavbar = () => { if (window.scrollY > lastScrollY.current && window.scrollY > 100) { setShow(false); } else { setShow(true); } lastScrollY.current = window.scrollY; }; window.addEventListener('scroll', controlNavbar); return () => window.removeEventListener('scroll', controlNavbar); }, []); React.useEffect(() => { const timer = setTimeout(() => { setVisible(true); if(onAnimationComplete) onAnimationComplete(); }, 2000); return () => clearTimeout(timer); }, [onAnimationComplete]); return ( <>
); };