"use client"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { useState, useEffect } from "react"; import { Menu, X, Sun, Moon, Zap } from "lucide-react"; import { motion, AnimatePresence } from "framer-motion"; import { useTheme } from "next-themes"; const navLinks = [ { name: "Accueil", href: "/" }, { name: "Services", href: "/services" }, { name: "Projets", href: "/projects" }, { name: "À Propos", href: "/about" }, { name: "Blog", href: "/blog" }, { name: "Me contacter", href: "/contact" }, ]; export default function Navbar({ siteName }: { siteName: string }) { const pathname = usePathname(); const [isOpen, setIsOpen] = useState(false); const [scrolled, setScrolled] = useState(false); const { theme, setTheme, resolvedTheme } = useTheme(); const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); const onScroll = () => setScrolled(window.scrollY > 20); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const toggleTheme = () => { setTheme(resolvedTheme === "dark" ? "light" : "dark"); }; if (pathname.startsWith("/admin")) return null; const isDark = mounted && resolvedTheme === "dark"; return ( ); }