product details

components/ProductModal.tsx

@@ -1,12 +1,12 @@
 "use client";
 
 import { motion, AnimatePresence } from "framer-motion";
-import { X, Download } from "lucide-react";
-import Image from "next/image";
+import { X } from "lucide-react";
 import { ProductViewer } from "./ProductViewer";
 import type { Product } from "@/lib/products";
 import { useLanguage } from "@/context/language-context";
 import Link from "next/link";
+import { useProductStore } from "@/lib/productZustand";
 
 interface ProductModalProps {
   product: Product;
@@ -15,6 +15,7 @@ interface ProductModalProps {
 
 export function ProductModal({ product, onClose }: ProductModalProps) {
   const { t } = useLanguage();
+  const setProductName = useProductStore((state)=>state.setProductName);
 
   return (
     <AnimatePresence>
@@ -91,7 +92,7 @@ export function ProductModal({ product, onClose }: ProductModalProps) {
                 <div className="space-y-3">
                   <Link href="#contact">
                     <motion.button
-                      onClick={onClose}
+                      onClick={()=>{onClose(); setProductName(product.nameKey)}}
                       whileHover={{ scale: 1.05 }}
                       whileTap={{ scale: 0.95 }}
                       className="w-full px-6 py-3 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 transition-colors"