Update src/app/page.tsx

Merge version_18 into main

src/app/page.tsx

@@ -53,7 +53,7 @@ export default function LandingPage() {
             buttons={[{ text: "Call 617-417-6584", href: "tel:617-417-6584" }]}
             mediaItems={[
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1", imageAlt: "Company Logo" },
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1", imageAlt: "Company Logo" }
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1", imageAlt: "Secondary Logo" }
             ]}
             mediaAnimation="slide-up"
             rating={5}
@@ -76,21 +76,30 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="services" data-section="services">
+        <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')" }}>
-          <FeatureCardTwentyEight
+          <div className="absolute inset-0 bg-black/60" />
-            animationType="slide-up"
+          <div className="relative z-10 flex flex-col md:flex-row items-center justify-between p-8 gap-8">
-            textboxLayout="split"
+            <FeatureCardTwentyEight
-            useInvertedBackground={false}
+              className="flex-1 text-white"
-            features={[
+              animationType="slide-up"
-              { id: "1", title: "Residential HVAC", subtitle: "Full home installation", category: "Installation", value: "Premium" },
+              textboxLayout="split"
-              { id: "2", title: "Commercial Services", subtitle: "Large scale climate control", category: "Commercial", value: "Expert" },
+              useInvertedBackground={false}
-              { id: "3", title: "Maintenance & Repair", subtitle: "Preventative and urgent care", category: "Emergency", value: "Fast" },
+              features={[
-              { id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
+                { id: "1", title: "Residential HVAC", subtitle: "Full home installation", category: "Installation", value: "Premium" },
-              { id: "5", title: "Mini Splits", subtitle: "Efficient zonal heating/cooling", category: "System", value: "Efficient" },
+                { 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" },
-            title="Comprehensive HVAC Solutions"
+                { id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
-            description="Custom climate control solutions tailored to your unique requirements."
+                { 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>
 
         <div id="testimonials" data-section="testimonials">
@@ -98,7 +107,7 @@ 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-1775769856509-nqnbjit9.jpg", imageAlt: "luxury hvac modern equipment" },
+              { 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" },
             ]}
@@ -149,4 +158,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}