Update src/app/page.tsx

Merge version_19 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -76,22 +76,30 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="services" data-section="services" className="relative bg-cover bg-center bg-no-repeat" style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775771149189-5ldyt62y.jpg')" }}>
+        <div id="services" data-section="services">
-          <div className="absolute inset-0 bg-black/60" />
+          <FeatureCardSeven
-          <FeatureCardTwentyEight
-            className="relative z-10 text-white"
             animationType="slide-up"
+            title="Our Services"
+            description="Custom climate control solutions tailored to your unique requirements."
             textboxLayout="split"
             useInvertedBackground={false}
             features={[
-              { id: "1", title: "Residential HVAC", subtitle: "Full home installation", category: "Installation", value: "Premium" },
+              { 
-              { id: "2", title: "Commercial Services", subtitle: "Large scale climate control", category: "Commercial", value: "Expert" },
+                title: "Residential HVAC", 
-              { id: "3", title: "Maintenance & Repair", subtitle: "Preventative and urgent care", category: "Emergency", value: "Fast" },
+                description: "Full home installation for lasting comfort.", 
-              { id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
-              { id: "5", title: "Mini Splits", subtitle: "Efficient zonal heating/cooling", category: "System", value: "Efficient" },
+              },
+              { 
+                title: "Ductwork Design", 
+                description: "Precision-engineered airflow systems for optimal efficiency.", 
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
+              },
+              { 
+                title: "Mini Splits", 
+                description: "Advanced zonal heating and cooling for energy-efficient homes.", 
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
+              }
             ]}
-            title="Our Services "
-            description="Custom climate control solutions tailored to your unique requirements."
           />
         </div>