diff --git a/src/app/page.tsx b/src/app/page.tsx
index c193fbe..3a9b3d7 100644
--- a/src/app/page.tsx
+++ b/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,31 @@ 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", 
+                description: "Full home installation for lasting comfort.", 
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
+              },
+              { 
+                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"
+              }
+            ]}
+          />
         </div>
 
         <div id="testimonials" data-section="testimonials">
@@ -158,4 +159,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}