"use client"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { Menu, X } from "lucide-react"; import { useEffect, useState } from "react"; import { cn } from "@/lib/utils"; const NAV_ITEMS = [ { name: "Artists", href: "/artists" }, { name: "Your Deposit", href: "/deposit" }, { name: "Aftercare", href: "/aftercare" }, { name: "Contact", href: "/contact" }, ]; export function Navigation() { const pathname = usePathname(); const [isScrolled, setIsScrolled] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 24); }; window.addEventListener("scroll", handleScroll, { passive: true }); return () => window.removeEventListener("scroll", handleScroll); }, []); return ( <> ); }