ceo optimization

components/detailPage/detailInfo.tsx

@@ -3,14 +3,16 @@
 import { motion } from "framer-motion";
 import { useLanguage } from "@/context/language-context";
 import Link from "next/link";
-import { useProduct, useProductStore } from "@/lib/productZustand";
 import Image from "next/image";
+import { Product } from "@/lib/products";
 
-export default function DetailInfo() {
+interface DetailInfoProps {
+  product: Product;
+}
+
+export default function DetailInfo({ product }: DetailInfoProps) {
   const { t, language } = useLanguage();
   const languageIndex = language === "uz" ? true : false;
-  const product = useProduct((state) => state.product);
-  if (product === null) return null;
 
   const handleScroll = (href: string) => {
     const element = document.querySelector(href);
@@ -74,7 +76,7 @@ export default function DetailInfo() {
                 {t.features}
               </h3>
               <div className="space-y-3 flex items-start justify-start gap-4 flex-wrap ">
-                {product.features.map((spec, idx) => (
+                {product.features?.map((spec, idx) => (
                   <div
                     key={idx}
                     className="flex flex-col justify-between py-2 border border-gray-100 rounded-lg p-2"