From a5bfe3e6b43daaef2ed8f5bd39e7a8b78e2a2796 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 15 Oct 2025 23:36:16 +0700
Subject: <Miqdad> Image style desktop

---
 src/lib/product/components/ProductCard.jsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 34fdf8dd..4c1e4a14 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -86,11 +86,26 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
               aria-label='Produk'
             >
               <div className='relative'>
-                <Image
+                {/* New Image */}
+                <div
+                  className='relative w-full overflow-hidden'
+                  style={{ aspectRatio: '1 / 1' }}
+                >
+                  <Image
+                    src={image}
+                    alt={product?.name}
+                    fill
+                    sizes='(max-width:640px) 100vw, 50vw'
+                    className='object-contain object-center bg-white'
+                  />
+                </div>
+                {/* Old Image */}
+
+                {/* <Image
                   src={image}
                   alt={product?.name}
                   className='gambarA w-full object-contain object-center h-36 sm:h-48'
-                />
+                /> */}
                 <div className='absolute top-0 right-0 flex  mt-3'>
                   <div className='gambarB '>
                     {product?.isSni && (
-- 
cgit v1.2.3