'use client'; import { useState, useEffect } from 'react'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { Menu, X, Shield, Phone } from 'lucide-react'; import { motion, AnimatePresence } from 'framer-motion'; const navLinks = [ { href: '/', label: 'Home' }, { href: '/about', label: 'About Us' }, { href: '/services', label: 'Services' }, { href: '/contact', label: 'Contact' }, { href: '/faq', label: 'FAQ' }, ]; export function Navbar() { const [isOpen, setIsOpen] = useState(false); const [scrolled, setScrolled] = useState(false); const pathname = usePathname(); useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 20); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); useEffect(() => { setIsOpen(false); }, [pathname]); return ( ); }