From aa01081d4a0a0329224e48a98761b38c8a7cecef Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 21 Apr 2026 15:30:35 +0000
Subject: [PATCH] Bob AI: Add a hover effect to the menu item cards within the
 product

---
 src/components/sections/product/ProductVariantCards.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/sections/product/ProductVariantCards.tsx b/src/components/sections/product/ProductVariantCards.tsx
index 01348e7..0217ce9 100644
--- a/src/components/sections/product/ProductVariantCards.tsx
+++ b/src/components/sections/product/ProductVariantCards.tsx
@@ -94,12 +94,12 @@ const ProductVariantCards = ({
               <button
                 key={product.name}
                 onClick={product.onClick}
-                className="group h-full flex flex-col gap-5 p-5 text-left card rounded cursor-pointer"
+                className="group h-full flex flex-col gap-5 p-5 text-left card rounded cursor-pointer transition-transform duration-300 hover:scale-105"
               >
                 <div className="relative aspect-square rounded overflow-hidden">
                   <ImageOrVideo
                     imageSrc={product.imageSrc}
-                    className="size-full object-cover transition-transform duration-500 group-hover:scale-105"
+                    className="size-full object-cover"
                   />
                   <div className="absolute inset-0 flex items-center justify-center group-hover:bg-background/20 group-hover:backdrop-blur-xs transition-all duration-300">
                     <div className="flex items-center justify-center size-12 rounded-full primary-button opacity-0 group-hover:opacity-100 scale-75 group-hover:scale-100 transition-all duration-300">
@@ -125,4 +125,4 @@ const ProductVariantCards = ({
   );
 };
 
-export default ProductVariantCards;
+export default ProductVariantCards;
\ No newline at end of file
-- 
2.49.1