From c845e329c49bafcc7d894c791fbe82619af554b4 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 1 Jun 2026 14:09:12 +0000
Subject: [PATCH] Bob AI: Adjust the width and roundedness of the 'portfolio'
 section

---
 src/pages/HomePage.tsx | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 138ac0a..cb38434 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -156,22 +156,25 @@ export default function HomePage() {
                 className: "md:col-span-1 md:row-span-1"
               },
             ].map((item, i) => (
-              <ScrollReveal 
-                key={i} 
-                variant="fade-blur" 
-                delay={i * 0.1} 
-                className={`relative group overflow-hidden rounded-theme ${item.className ||''}`}
-              >
-                <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" />
-                <img 
-                  src={item.imageSrc} 
-                  alt={item.title}
-                  className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
-                />
-                <div className="absolute bottom-0 left-0 right-0 p-6 z-20">
-                  <h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3>
-                </div>
-              </ScrollReveal>
+              <div key={i} className={item.className}>
+                <ScrollReveal 
+                  variant="fade-blur" 
+                  delay={i * 0.1} 
+                  className="w-full h-full"
+                >
+                  <div className="relative group overflow-hidden rounded-theme w-full h-full">
+                    <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" />
+                    <img 
+                      src={item.imageSrc} 
+                      alt={item.title}
+                      className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
+                    />
+                    <div className="absolute bottom-0 left-0 right-0 p-6 z-20">
+                      <h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3>
+                    </div>
+                  </div>
+                </ScrollReveal>
+              </div>
             ))}
           </div>
         </div>