"use client"; import { useEffect, useState } from "react"; import { usePathname } from "next/navigation"; import { Menu, X, Phone } from "lucide-react"; import { NAV_ITEMS } from "@/lib/content"; export default function MobileMenu() { const [open, setOpen] = useState(false); const pathname = usePathname(); const [lastPath, setLastPath] = useState(pathname); // Close the mobile panel on route change (render-time adjustment, no effect) if (lastPath !== pathname) { setLastPath(pathname); setOpen(false); } useEffect(() => { if (!open) return; const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") setOpen(false); }; document.addEventListener("keydown", onKey); return () => document.removeEventListener("keydown", onKey); }, [open ]); // (route-change close handled via render-time adjustment above) const isActive = (href: string) => href === "/" ? pathname === "/" : pathname.startsWith(href); return ( <> ); }