"use client"; import { useState, useEffect } from "react"; import { usePathname } from "next/navigation"; import Image from "next/image"; import { Menu, X, ChevronDown } from "lucide-react"; type NavChild = { label: string; href: string; desc?: string; disabled?: boolean }; type NavLink = { label: string; href: string; children?: NavChild[]; disabled?: boolean }; const NAV: NavLink[] = [ { label: "Accueil", href: "/" }, { label: "À propos", href: "#", children: [ { label: "Présentation d'ANED", href: "/#mission", desc: "Notre histoire et notre organisation" }, { label: "Mot de la Présidente", href: "/mot-de-la-presidente", desc: "Message de la présidente de l'ANED" }, { label: "Mission & Vision", href: "/mission", desc: "Nos valeurs et nos domaines d'action" }, ], }, { label: "Projets & Activités", href: "/projets" }, { label: "Partenaires", href: "/#partenaires" }, { label: "Actualités", href: "/actualites" }, { label: "Soutenir", href: "/soutenir" }, ]; export function Navbar() { const pathname = usePathname(); const [mobileOpen, setMobileOpen] = useState(false); const [mobileExpanded, setMobileExpanded] = useState(null); const [desktopOpen, setDesktopOpen] = useState(null); const [scrolled, setScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 20); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); const isActive = (href: string) => { if (href === "/") return pathname === "/"; return pathname.startsWith(href); }; const isParentActive = (link: NavLink) => { if (link.children) { return link.children.some(child => isActive(child.href)); } return false; }; return ( ); }