diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9e71b37..8e0d63d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import TextAbout from '@/components/sections/about/TextAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -63,13 +63,16 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      tag="Our Vision"
+      <MetricSplitMediaAbout
       title="Crafting Solutions for the Future"
-      useInvertedBackground={true}
-      buttons={[
-        { text: "Learn More", href: "#features" }
+      description="We combine innovative technology with strategic insights to help businesses achieve sustainable growth and operational excellence."
+      tag="Our Vision"
+      metrics={[
+        { value: "10+", title: "Years Experience" },
+        { value: "500+", title: "Projects Completed" }
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-discussing-work-project-online-meeting-looking-laptop-working-office_1258-195320.jpg"
+      useInvertedBackground={true}
     />
   </div>