'use client'; import { useState, useEffect } from 'react'; import Link from 'next/link'; import { WebsiteData } from '@/lib/hbfc-data'; import { Menu, X, Shield, Sparkles, MapPin, Compass, } from 'lucide-react'; import { motion, AnimatePresence } from 'motion/react'; interface NavbarProps { data: WebsiteData; activeSection: string; onNavigate?: (sectionId: string) => void; onOpenWalkathonModal?: () => void; } export function Navbar({ data, activeSection, onNavigate, onOpenWalkathonModal, }: NavbarProps) { const [isScrolled, setIsScrolled] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { if (window.scrollY > 15) { setIsScrolled(true); } else { setIsScrolled(false); } }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); // 6 core subpages: home, about, events, membership, gallery, contact const navLinks = [ { id: 'home', label: 'Home', href: '/home' }, { id: 'about', label: 'About', href: '/about' }, { id: 'events', label: 'Events', href: '/events' }, { id: 'membership', label: 'Membership', href: '/membership' }, { id: 'gallery', label: 'Gallery', href: '/gallery' }, { id: 'contact', label: 'Contact', href: '/contact' }, ]; return ( ); } export default Navbar;