detail page updated , product name zustand clear

components/Navbar.tsx

@@ -7,6 +7,7 @@ import { motion } from "framer-motion";
 import LanguageSwitcher from "./languageSwitcher";
 import { useLanguage } from "@/context/language-context";
 import Image from "next/image";
+import { useProductStore } from "@/lib/productZustand";
 
 interface NavLink {
   id: string;
@@ -21,12 +22,13 @@ interface NavbarProps {
 export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
   const [isOpen, setIsOpen] = useState(false);
   const { t } = useLanguage();
+  const resetProductName = useProductStore((state) => state.resetProductName);
 
   const navLinks: NavLink[] = [
     { id: "about", labelKey: t.nav.about, href: "#about" },
     { id: "products", labelKey: t.nav.products, href: "#products" },
     { id: "faq", labelKey: t.nav.faq, href: "#faq" },
-    { id: "contact", labelKey: t.nav.contact  , href: "#contact" },
+    { id: "contact", labelKey: t.nav.contact, href: "#contact" },
   ];
 
   const handleScroll = (href: string) => {
@@ -47,9 +49,16 @@ export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
           <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
             <Link
               href={`/`}
+              onClick={() => resetProductName()}
               className=" relative overflow-hidden"
             >
-              <Image src='/logo.jpg' alt="image" width={80} height={50} className="rounded-xl object-cover" />
+              <Image
+                src="/logo.jpg"
+                alt="image"
+                width={80}
+                height={50}
+                className="rounded-xl object-cover"
+              />
             </Link>
           </motion.div>