faq, privacy-policy and about page complated

src/features/product/ui/Product.tsx

@@ -36,6 +36,12 @@ const ProductDetail = () => {
     category: 'Ichimliklar',
     brand: 'Coca-Cola',
     volume: '1.5L',
+    supplier: {
+      name: 'Global Trade LLC',
+      logo: '/generic-company-logo.png',
+      phone: '+998 90 123 45 67',
+      email: 'info@globaltrade.uz',
+    },
     images: [
       '/classic-coca-cola.png',
       '/clear-soda-bottle.png',
@@ -135,7 +141,7 @@ const ProductDetail = () => {
                 <Image
                   width={500}
                   height={500}
-                  src={product.images[selectedImage]}
+                  src={product.images[selectedImage] || '/placeholder.svg'}
                   alt={product.name}
                   className="w-full h-full object-cover"
                 />
@@ -175,7 +181,7 @@ const ProductDetail = () => {
                         }`}
                       >
                         <Image
-                          src={img}
+                          src={img || '/placeholder.svg'}
                           alt={`thumb-${index}`}
                           width={150}
                           height={150}
@@ -209,7 +215,6 @@ const ProductDetail = () => {
                   ))}
                 </div>
                 <span className="text-gray-600">{product.rating}</span>
-                <span className="text-gray-400">({product.reviews} sharh)</span>
               </div>
 
               {/* Price */}
@@ -241,6 +246,26 @@ const ProductDetail = () => {
                 </div>
               </div>
 
+              {/* Supplier/Agency Information Section */}
+              <div className="border border-gray-200 rounded-lg mb-4 bg-gradient-to-r from-blue-50 to-indigo-50">
+                <div className="flex items-center gap-2">
+                  <div className="w-fit h-full rounded-lg overflow-hidden">
+                    <Image
+                      src={product.supplier.logo || '/placeholder.svg'}
+                      alt={product.supplier.name}
+                      width={60}
+                      height={60}
+                      className="w-full h-full object-contain p-2"
+                    />
+                  </div>
+                  <div className="flex-1">
+                    <h4 className="font-bold text-gray-800 text-lg mb-1">
+                      {product.supplier.name}
+                    </h4>
+                  </div>
+                </div>
+              </div>
+
               {/* Quantity Selector */}
               <div className="mb-6">
                 <label className="text-gray-700 font-medium mb-2 block">