"use client"; import Image from "next/image"; import React, { useEffect, ReactNode, useState } from "react"; const Header: React.FC = () => { const [isScrolled, setIsScrolled] = useState(false); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = (): void => { setIsScrolled(window.scrollY > 50); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); return (
{/* Navigation */}
); }; export default Header; /* ---------------- COMPONENTS ---------------- */ interface NavLinkProps { href: string; children: ReactNode; } const NavLink: React.FC = ({ href, children }) => ( {children} ); interface MobileNavLinkProps { href: string; children: ReactNode; onClick: () => void; } const MobileNavLink: React.FC = ({ href, children, onClick, }) => ( {children} );