Update src/app/page.tsx

Merge version_20 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,30 +76,22 @@ 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 className="absolute inset-0 bg-black/60" />
-          <div className="relative z-10 flex flex-col md:flex-row items-center justify-between p-8 gap-8">
-            <FeatureCardTwentyEight
-              className="flex-1 text-white"
-              animationType="slide-up"
-              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" },
-                { id: "3", title: "Maintenance & Repair", subtitle: "Preventative and urgent care", category: "Emergency", value: "Fast" },
-                { id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
-                { id: "5", title: "Mini Splits", subtitle: "Efficient zonal heating/cooling", category: "System", value: "Efficient" },
-              ]}
-              title="Our Services "
-              description="Custom climate control solutions tailored to your unique requirements."
-            />
-            <img 
-              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1" 
-              alt="HVAC Equipment" 
-              className="w-full md:w-1/3 rounded-lg shadow-xl"
-            />
-          </div>
+        <div id="services" data-section="services">
+          <FeatureCardSeven
+            animationType="slide-up"
+            title="Our Services"
+            description="Custom climate control solutions tailored to your unique requirements."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Residential HVAC Installation", description: "High-efficiency systems for your home.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg" },
+              { title: "Commercial HVAC Installation", description: "Professional solutions for businesses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg" },
+              { title: "HVAC Maintenance Services", description: "Extend the life of your equipment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg" },
+              { title: "Emergency HVAC Repairs", description: "Fast response when you need it most.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg" },
+              { title: "Ductwork Design and Installation", description: "Engineered for peak performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg" },
+              { title: "Mini Split Systems", description: "Advanced zonal climate control.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg" }
+            ]}
+          />
         </div>
 
         <div id="testimonials" data-section="testimonials">
@@ -107,9 +99,9 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             testimonials={[
-              { id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "★★★★★", quote: "Matt reached out right away. He was so nice, knowledgeable, and came out within hours. Will definitely be my go to!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769798693-wh4dnlve.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775771386100-d6qxkd53.jpg", imageAlt: "luxury hvac modern equipment" },
-              { id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "★★★★★", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769933722-qm150lig.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769918525-it0s5tj7.jpg", imageAlt: "matt mcdermott hvac expert" },
-              { id: "3", name: "David and Linda Tonioli", date: "Dec 28, 2025", title: "★★★★★", quote: "Very professional and knowledgeable. Installed a new heater in one day.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769923382-maralmq3.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769798693-wh4dnlve.jpg", imageAlt: "happy customer testimonial portrait" },
+              { id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "★★★★★", quote: "Matt reached out right away. He was so nice, knowledgeable, and came out within hours. Will definitely be my go to!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772746940-vnjviqcj.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg", imageAlt: "luxury hvac modern equipment" },
+              { id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "★★★★★", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769933722-qm150lig.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg", imageAlt: "matt mcdermott hvac expert" },
+              { id: "3", name: "David and Linda Tonioli", date: "Dec 28, 2025", title: "★★★★★", quote: "Very professional and knowledgeable. Installed a new heater in one day.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769923382-maralmq3.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772746940-vnjviqcj.jpg", imageAlt: "happy customer testimonial portrait" },
             ]}
             title="What Our Neighbors Are Saying"
             description="Proudly recommended by the Massachusetts community for reliable, fast, and pleasant HVAC expertise."
@@ -158,4 +150,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}