pproducts

components/ProductCard.tsx

@@ -24,7 +24,7 @@ export function ProductCard({ product, onViewDetails }: ProductCardProps) {
           src={product.images[0]}
           alt={product.nameKey}
           fill
-          className="object-cover group-hover:scale-110 transition-transform duration-300"
+          className="object-contain group-hover:scale-110 transition-transform duration-300"
         />
         <div className="absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors" />
       </div>
@@ -39,14 +39,14 @@ export function ProductCard({ product, onViewDetails }: ProductCardProps) {
         </p>
 
         {/* Specs Preview */}
-        <div className="mb-4 space-y-2">
+        {/* <div className="mb-4 space-y-2">
           {product.specs.slice(0, 2).map((spec, idx) => (
             <div key={idx} className="flex justify-between text-sm">
               <span className="text-gray-600">{spec.key}:</span>
               <span className="font-semibold text-gray-900">{spec.value}</span>
             </div>
           ))}
-        </div>
+        </div> */}
 
         {/* CTA Button */}
         <motion.button
@@ -55,7 +55,7 @@ export function ProductCard({ product, onViewDetails }: ProductCardProps) {
           onClick={() => onViewDetails(product.slug)}
           className="w-full flex items-center justify-center gap-2 px-4 py-2 bg-primary/80 text-white rounded-lg font-medium hover:bg-primary transition-colors"
         >
-          Batafsil
+          {t.details}
           <ExternalLink size={16} />
         </motion.button>
       </div>