"use client"; import { useState, useEffect } from "react"; import { Menu, X } from "lucide-react"; import { motion, AnimatePresence } from "framer-motion"; export default function Navbar() { const [isScrolled, setIsScrolled] = useState(false); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 50); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); const navLinks = [ { name: "Hakkımızda", href: "#about" }, { name: "Etkinlikler", href: "#events" }, { name: "Kokteyller", href: "#cocktails" }, { name: "Galeri", href: "#gallery" }, { name: "Rezervasyon", href: "#contact" }, ]; return ( ); }