diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d9747c..6aa87ad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import TagAbout from '@/components/sections/about/TagAbout';
+import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
 import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import ProductCardFive from '@/components/sections/product/ProductCardFive';
@@ -59,10 +59,17 @@ export default function LandingPage() {
       </div>
 
       <div id="system-architecture" data-section="system-architecture">
-        <TagAbout
-          tag="How It Works"
+        <MediaSplitAbout
+          title="How It Works"
           description="Our platform bridges software, infrastructure, and intelligent automation into a unified system. Each layer solves specific problems and amplifies the next. No fragmentation. No manual bridges. Pure orchestration."
+          imageSrc="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop"
+          imageAlt="infrastructure architecture technology system"
+          imagePosition="right"
           useInvertedBackground="noInvert"
+          buttons={[
+            { text: "Learn More", href: "features" },
+            { text: "Schedule Demo", href: "contact" }
+          ]}
         />
       </div>
 
@@ -93,7 +100,7 @@ export default function LandingPage() {
               title: "Unified Control Plane",
               description: "One API. One mental model. Connect software, infrastructure, and intelligent systems without translation layers. Complete orchestration. Radical simplicity."
             }
-          ]}
+          ]
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -198,7 +205,7 @@ export default function LandingPage() {
               title: "Enterprise Operations Centers",
               description: "Problem: Monitoring hundreds of systems across hybrid infrastructure is a monitoring nightmare. Solution: Unified observability with AI-driven root cause analysis. Outcome: 75% reduction in MTTR, full compliance audit trail."
             }
-          ]}
+          ]
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -263,7 +270,7 @@ export default function LandingPage() {
               title: "Continuous Optimization",
               description: "Real-time observability shows where you're winning. Our system continuously finds new improvements. You focus on building."
             }
-          ]}
+          ]
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"