diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 593bd37..45f1a36 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,10 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import MediaAbout from "@/components/sections/about/MediaAbout";
 import AboutMetric from "@/components/sections/about/AboutMetric";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Battery, Globe, Volume2, Zap, Award, Sparkles } from "lucide-react";
+import { Award, Users, Target, Zap, Battery, Globe } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -15,7 +16,7 @@ export default function AboutPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -25,10 +26,11 @@ export default function AboutPage() {
         <NavbarLayoutFloatingInline
           brandName="AirPods"
           navItems={[
-            { name: "Products", id: "products" },
-            { name: "Features", id: "features" },
-            { name: "Why AirPods", id: "metrics" },
-            { name: "Support", id: "faq" },
+            { name: "Products", id: "/" },
+            { name: "Features", id: "/" },
+            { name: "Why AirPods", id: "/" },
+            { name: "Support", id: "/" },
+            { name: "Reviews", id: "/reviews" },
             { name: "About", id: "/about" },
             { name: "Pricing", id: "/pricing" },
             { name: "Contact", id: "/contact" },
@@ -38,37 +40,55 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Revolutionizing Audio with" },
-            {
-              type: "image",              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/a-sleek-premium-product-shot-of-airpods--1772884352155-5b47d23f.png",              alt: "AirPods Logo"},
-            { type: "text", content: "Innovation and Excellence" },
-          ]}
-          buttons={[
-            { text: "Shop Now", href: "/" },
-            { text: "Learn More", href: "#mission" },
-          ]}
+      <div id="about-hero" data-section="about-hero">
+        <MediaAbout
+          title="About PodsX - Revolutionizing Audio Technology"
+          description="We're committed to delivering premium wireless audio experiences that seamlessly integrate with your lifestyle. Since our founding, we've been dedicated to innovation, quality, and customer satisfaction."
+          tag="Our Story"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          buttons={[{ text: "Explore Our Mission", href: "/" }]}
           buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/a-sleek-premium-product-shot-of-airpods--1772884352155-5b47d23f.png"
+          imageAlt="PodsX company headquarters and innovation center"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="mission" data-section="mission">
+      <div id="about-metrics" data-section="about-metrics">
         <AboutMetric
-          title="Our mission is to deliver premium audio experiences that seamlessly integrate with your lifestyle, setting new standards for wireless audio technology and customer satisfaction."
+          title="Our Impact and Growth"
           metrics={[
-            { icon: Sparkles, label: "Innovation Focus", value: "Leading" },
-            { icon: Award, label: "Quality Standard", value: "Premium" },
-            { icon: Globe, label: "Global Reach", value: "Millions" },
-            { icon: Zap, label: "Performance", value: "Outstanding" },
+            { icon: Users, label: "Active Users Worldwide", value: "50+ Million" },
+            { icon: Target, label: "Countries We Serve", value: "150+" },
+            { icon: Zap, label: "Products Developed", value: "12+" },
+            { icon: Globe, label: "Years of Innovation", value: "10+" },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne
+          title="Trusted Partnerships"
+          description="Collaborating with leading technology and audio companies to bring you the best experience"
+          tag="Our Partners"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          names={[
+            "Apple",            "Spotify",            "Amazon",            "Google",            "Samsung",            "Sony",            "Microsoft"
+          ]}
+          logos={[
+            "http://img.b2bpic.net/free-photo/top-view-apples-around-frame-white-background-with-copy-space_141793-11956.jpg",            "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149155264.jpg",            "http://img.b2bpic.net/free-vector/set-retro-music-stickers_23-2147592207.jpg",            "http://img.b2bpic.net/free-vector/music-festival-logo-collection-with-flat-design_23-2147825729.jpg",            "http://img.b2bpic.net/free-vector/gradient-colored-dj-logo-set_23-2148874408.jpg",            "http://img.b2bpic.net/free-vector/flat-design-dj-logo-collection_23-2148872847.jpg",            "http://img.b2bpic.net/free-vector/neumorph-business-card_52683-59098.jpg"
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[
@@ -91,7 +111,7 @@ export default function AboutPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "/about" },
-                { label: "Blog", href: "#" },
+                { label: "Reviews", href: "/reviews" },
                 { label: "Careers", href: "#" },
                 { label: "News", href: "#" },
               ],