From 299deed6206c91b08aa5148932ede20b81e50efe Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 8 May 2026 11:32:03 +0000
Subject: [PATCH] feat: replace gallery with bento grid layout

---
 src/pages/HomePage.tsx | 64 ++++++++++++++++++++----------------------
 1 file changed, 31 insertions(+), 33 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a181b7c..7e09449 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,7 +1,7 @@
 import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
+import FeaturesBento from '@/components/sections/features/FeaturesBento';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
 import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
@@ -89,38 +89,36 @@ export default function HomePage() {
   </div>
 
   <div id="gallery" data-section="gallery">
-      <FeaturesMediaCards
-      tag="Our Gallery"
-      title="A Glimpse of Our Work"
-      description="Browse through some of our recent projects and see the transformations we've brought to life."
-      items={[
-        {
-          title: "Lush Garden Oasis",
-          description: "A complete garden redesign featuring native plants, a water feature, and a stone pathway.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden_1203-286.jpg?_wi=1",
-          videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=1"
-        },
-        {
-          title: "Modern Patio Living",
-          description: "An elegant and functional outdoor living space with a custom-built patio and fire pit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/patio-with-wooden-furniture-green-plants_1340-23328.jpg?_wi=1",
-          videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=2"
-        },
-        {
-          title: "Pristine Lawn Care",
-          description: "Showcasing the results of our comprehensive lawn maintenance program.",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-grass-texture_1194-2422.jpg?_wi=1",
-          videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=3"
-        },
-        {
-          title: "Vibrant Tree & Shrubbery",
-          description: "Expert care and pruning to enhance the natural beauty of trees and shrubs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tree-in-a-park_1057-3283.jpg?_wi=1",
-          videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=4"
-        },
-      ]}
-    />
-  </div>
+      <FeaturesBento
+        tag="Our Work"
+        title="Happy Customers, Stunning Projects"
+        description="We take pride in our work and the relationships we build with our clients. Here's a look at some of our favorite projects and the happy customers behind them."
+        items={[
+          {
+            title: "The Millers' Backyard Oasis",
+            description: "'We couldn't be happier with our new patio and garden. It's like having a resort in our own backyard!'",
+            imageSrc: "http://img.b2bpic.net/free-photo/patio-with-wooden-furniture-green-plants_1340-23328.jpg",
+            className: "md:col-span-2",
+          },
+          {
+            title: "Johnson Residence",
+            description: "A complete landscape overhaul, featuring a multi-level garden and custom stone work.",
+            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden_1203-286.jpg",
+          },
+          {
+            title: "Downtown Commercial Plaza",
+            description: "Year-round maintenance for a high-traffic commercial space, ensuring it always looks its best.",
+            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-park_1417-1419.jpg",
+          },
+          {
+            title: "The Chen Family's Dream Lawn",
+            description: "'Our lawn has never looked better. The team is professional, reliable, and truly cares about their work.'",
+            imageSrc: "http://img.b2bpic.net/free-photo/green-grass-texture_1194-2422.jpg",
+            className: "md:col-span-2",
+          },
+        ]}
+      />
+    </div>
 
   <div id="portfolio" data-section="portfolio">
       <FeaturesDetailedSteps