Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
@@ -108,35 +108,27 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureHoverPattern
+        <FeatureBento
           title="Services We Offer"
           description="From routine maintenance to emergency repairs, we handle all your plumbing and gas needs."
           tag="Our Expertise"
           tagIcon={Wrench}
           features={[
             {
-              icon: Droplet,
-              title: "Water Heater Repair & Installation",              description: "Fast repairs or professional installation of new units. We work with all brands.",              button: { text: "Call for Service", href: "tel:+17035551234" }
-            },
-            {
-              icon: AlertTriangle,
-              title: "Leak Detection & Repair",              description: "Catch leaks early before they become expensive. We use advanced detection technology.",              button: { text: "Schedule Inspection", href: "#contact" }
-            },
-            {
-              icon: Droplets,
-              title: "Toilet & Fixture Repair",              description: "Dripping faucets, running toilets, clogs—we fix it all quickly and affordably.",              button: { text: "Book Now", href: "tel:+17035551234" }
-            },
-            {
-              icon: Flame,
-              title: "Gas Line Services",              description: "Licensed gas line installation, repair, and inspection. Safety certified and insured.",              button: { text: "Get Quote", href: "#contact" }
-            },
-            {
-              icon: Shield,
-              title: "Emergency Plumbing",              description: "Pipes burst? We're here 24/7. Same-day emergency service with transparent upfront pricing.",              button: { text: "Call 24/7", href: "tel:+17035551234" }
-            },
-            {
-              icon: AlertTriangle,
-              title: "Drain Cleaning & Maintenance",              description: "Professional drain cleaning, camera inspection, and preventative maintenance.",              button: { text: "Schedule Service", href: "#contact" }
+              title: "Our Plumbing Services",              description: "Comprehensive solutions for all your plumbing needs",              bentoComponent: "3d-stack-cards",              items: [
+                {
+                  icon: Droplet,
+                  title: "Water Heater",                  subtitle: "Repair & Installation",                  detail: "Fast repairs or professional installation of new units. We work with all brands."
+                },
+                {
+                  icon: AlertTriangle,
+                  title: "Leak Detection",                  subtitle: "& Repair",                  detail: "Catch leaks early before they become expensive. We use advanced detection technology."
+                },
+                {
+                  icon: Droplets,
+                  title: "Toilet & Fixture",                  subtitle: "Repair",                  detail: "Dripping faucets, running toilets, clogs—we fix it all quickly and affordably."
+                }
+              ]
             }
           ]}
           animationType="slide-up"