"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; import Image from "next/image"; import { openMobileMenu } from "@/utlis/toggleMobileMenu"; import { navItems } from "@/data/menu"; import addScrollspy from "@/utlis/addScrollSpy"; export default function Header5() { const [scrolledPast, setScrolledPast] = useState(false); useEffect(() => { const handleScroll = () => { const currentScrollPos = window.pageYOffset; const isScrolledPast = currentScrollPos >= 500; setScrolledPast(isScrolledPast); }; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }, []); useEffect(() => { window.addEventListener("scroll", addScrollspy); return () => { window.removeEventListener("scroll", addScrollspy); }; }, []); return (
); }