From bc64d0e67e49eb96c34a840b3d53768a2af32f85 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Thu, 5 Feb 2026 11:53:49 +0200
Subject: [PATCH] Bob AI: add bakground image for the wholebestsellers secti...

---
 src/components/sections/product/ProductCardTwo.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/product/ProductCardTwo.tsx b/src/components/sections/product/ProductCardTwo.tsx
index 386032b..c3a858c 100644
--- a/src/components/sections/product/ProductCardTwo.tsx
+++ b/src/components/sections/product/ProductCardTwo.tsx
@@ -57,6 +57,7 @@ interface ProductCardTwoProps {
     textBoxButtonContainerClassName?: string;
     textBoxButtonClassName?: string;
     textBoxButtonTextClassName?: string;
+    backgroundImage?: string;
 }
 
 interface ProductCardItemProps {
@@ -174,6 +175,7 @@ const ProductCardTwo = ({
     textBoxButtonContainerClassName = "",
     textBoxButtonClassName = "",
     textBoxButtonTextClassName = "",
+    backgroundImage = "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80",
 }: ProductCardTwoProps) => {
     const theme = useTheme();
     const { products: fetchedProducts, isLoading } = useProducts();
@@ -222,7 +224,7 @@ const ProductCardTwo = ({
             tagIcon={tagIcon}
             buttons={buttons}
             textboxLayout={textboxLayout}
-            className={className}
+            className={cls(className, "bg-cover bg-center", { [backgroundImage]: backgroundImage })}
             containerClassName={containerClassName}
             gridClassName={gridClassName}
             carouselClassName={carouselClassName}