Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -52,12 +52,13 @@ export default function LandingPage() {
             tag="Expert HVAC Services"
             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", 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: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=2", imageAlt: "HVAC Professional" }
+              { 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}
             ratingText="Top-rated service in Middleboro"
+            mediaItemClassName="!w-full"
           />
         </div>
 
@@ -75,8 +76,10 @@ 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')" }}>
+          <div className="absolute inset-0 bg-black/60" />
           <FeatureCardTwentyEight
+            className="relative z-10 text-white"
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}