From c5f8164df2fcdd7d9d908b86df9c861819296401 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Tue, 3 Feb 2026 17:36:09 +0200
Subject: [PATCH] Bob AI: Show course duration and difficulty level on hover...

---
 src/components/sections/product/ProductCardOne.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/sections/product/ProductCardOne.tsx b/src/components/sections/product/ProductCardOne.tsx
index 655b27d..3d604c2 100644
--- a/src/components/sections/product/ProductCardOne.tsx
+++ b/src/components/sections/product/ProductCardOne.tsx
@@ -21,6 +21,8 @@ type ProductCard = {
     onFavorite?: () => void;
     onProductClick?: () => void;
     isFavorited?: boolean;
+    duration: string;
+    difficulty: string;
 };
 
 interface ProductCardItemProps {
@@ -80,6 +82,11 @@ const ProductCardItem = memo(({
                     <ArrowUpRight className="h-4/10 text-background transition-transform duration-300 group-hover:rotate-45" strokeWidth={1.5} />
                 </button>
             </div>
+
+            <div className="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-100">
+                <p className="text-sm text-center text-foreground/70">{product.duration}</p>
+                <p className="text-sm text-center text-foreground/70">{product.difficulty}</p>
+            </div>
         </article>
     );
 });