"use client"; // import { useSubscriber } from "@ctx/SubscriberContext"; import Image from "next/image"; import Link from "next/link"; import { useContext, useEffect, useRef, useState } from "react"; import { motion } from "framer-motion"; import { useRouter } from "next/navigation"; import AppContext from "../../Contexts/AppContext"; import logo from "@img/logo.png"; import PersianNumber from "@plugins/PersianNumber"; const NavbarTransparent = ({ theme }) => { const router = useRouter(); const CTX = useContext(AppContext); const cart = CTX.state.cart; const openNavBarServices = CTX.state.openNavBarServices; const NavBarData = CTX.state.navData; const [closeNavbar, setClosNavbar] = useState(false); const [activeStepNavbar, setActiveStepNavbar] = useState(null); const [isScrolled, setIsScrolled] = useState(false); // const [hoverItemNavbar, setHoverItemNavbar] = useState(-1); const [responsiveNavBarItemStep, setResponsiveNavBarItemStep] = useState(false); const ref = useRef(null); const handleResetFramer = () => { setRestFramer(false); setTimeout(() => { setRestFramer(true); }, 100); }; const toLeft = { visible: (custom) => ({ opacity: ["0", "1"], // y: ["-30%", "0%"], transition: { delay: custom * 0.06 }, }), }; useEffect(() => { const handleScroll = () => { const scrollTop = window.scrollY; setIsScrolled(scrollTop > 200); }; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }, []); return ( <> {/*

salam

*/}
{/* reponsive navbar */} {/* responsive part */} {/* responsive part */} {/* responsive part */} {/* responsive part */} {/* responsive part */}
{/* */}
حامیان عدالت

فروشگاه بونسای

{/* */}
setClosNavbar(true)} >
{closeNavbar && (
)}
setClosNavbar(false)} >
{/* */}
فروشگاه بونسای

فروشگاه بونسای

{/* */}
{NavBarData.map((e, index) => ( <> {/* */} <>
{ if (e.children.length > 0) { setResponsiveNavBarItemStep(index); setActiveStepNavbar(e.id); } }} > {e.name} {e.children.length > 0 ? (
) : ( "" )}
{/* {" "} */} {responsiveNavBarItemStep === index && e.children.length > 0 && e.id == activeStepNavbar && (
{e.children.map((s, index) => ( //

{s.name}

// ))}
)} ))}
); }; export default NavbarTransparent;