From 278936c33a9d02aea04e5c54ac7cf0c64f914db4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 12:12:57 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 135 +++++++++++------------------------------
 1 file changed, 35 insertions(+), 100 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f21da06..45f1a36 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,14 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import MediaAbout from "@/components/sections/about/MediaAbout";
 import AboutMetric from "@/components/sections/about/AboutMetric";
-import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Zap, Heart, Globe, Award, Headphones } from "lucide-react";
+import { Award, Users, Target, Zap, Battery, Globe } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -35,122 +32,60 @@ export default function AboutPage() {
             { name: "Support", id: "/" },
             { name: "Reviews", id: "/reviews" },
             { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Shop Now", href: "/" }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroSplit
-          title="About PodsX - Redefining Wireless Audio"
-          description="We're passionate about creating the future of audio. At PodsX, we combine cutting-edge technology with exceptional design to deliver premium wireless earbuds that seamlessly integrate into your life."
-          background={{ variant: "plain" }}
+      <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={Zap}
+          tagIcon={Award}
           tagAnimation="slide-up"
-          buttons={[
-            { text: "Join Our Community", href: "#" },
-            { text: "Explore Products", href: "/" },
-          ]}
+          buttons={[{ text: "Explore Our Mission", href: "/" }]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/modern-tech-company-office-with-innovati-1772884352920-b1c2d3e4.png"
-          imageAlt="PodsX innovation and design studio"
-          mediaAnimation="blur-reveal"
-          imagePosition="right"
-        />
-      </div>
-
-      <div id="mission" data-section="mission">
-        <TextSplitAbout
-          title="Our Mission"
-          description={[
-            "At PodsX, our mission is to democratize premium audio technology. We believe everyone deserves access to exceptional sound quality, innovative features, and seamless connectivity.",            "We're committed to pushing the boundaries of what's possible in wireless audio. Through relentless innovation, meticulous engineering, and a deep understanding of user needs, we create products that elevate everyday moments.",            "Our vision extends beyond products. We're building a community of audio enthusiasts who appreciate quality, innovation, and the power of great sound to enhance life."]}
-          buttons={[
-            { text: "Learn More", href: "#" },
-            { text: "Join Community", href: "#" },
-          ]}
-          buttonAnimation="slide-up"
-          showBorder={true}
+          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="values" data-section="values">
+      <div id="about-metrics" data-section="about-metrics">
         <AboutMetric
-          title="Our Core Values Guiding Innovation"
+          title="Our Impact and Growth"
           metrics={[
-            { icon: Zap, label: "Innovation First", value: "Cutting-Edge" },
-            { icon: Heart, label: "User-Centric Design", value: "Premium" },
-            { icon: Globe, label: "Global Reach", value: "Worldwide" },
-            { icon: Award, label: "Quality Excellence", value: "Best-in-Class" },
+            { 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="team" data-section="team">
-        <TeamCardOne
-          title="Meet the Team Behind the Innovation - Passionate Creators Dedicated to Audio Excellence"
-          description="Get to know the talented individuals driving our mission forward"
-          tag="Our Team"
+      <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"
-          members={[
-            {
-              id: "1",              name: "Alexander Johnson",              role: "CEO",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-tech-executive-1772884352456-c1d2e3f4.png",              imageAlt: "Alexander Johnson, CEO"},
-            {
-              id: "2",              name: "Maria Rodriguez",              role: "Chief Product Officer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-woman-tech-leader-1772884352567-d2e3f4g5.png",              imageAlt: "Maria Rodriguez, Chief Product Officer"},
-            {
-              id: "3",              name: "David Liu",              role: "Chief Technology Officer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-asian-tech-engineer-1772884352678-e3f4g5h6.png",              imageAlt: "David Liu, Chief Technology Officer"},
-            {
-              id: "4",              name: "Sophie Martin",              role: "Head of Design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-european-designer-1772884352789-f4g5h6i7.png",              imageAlt: "Sophie Martin, Head of Design"},
+          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"
           ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="why-podsx" data-section="why-podsx">
-        <FeatureCardTwentySeven
-          title="Why Choose PodsX"
-          description="Discover what sets us apart in the competitive audio market."
-          tag="Our Advantage"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          features={[
-            {
-              id: "1",              title: "Innovation at Heart",              description: "We invest heavily in R&D to bring you the latest audio technology and features.",              imageSrc: "/placeholders/placeholder1.webp?_wi=1",              imageAlt: "Innovation focus"},
-            {
-              id: "2",              title: "Global Impact",              description: "Trusted by millions of users worldwide, delivering premium audio experiences.",              imageSrc: "/placeholders/placeholder1.webp?_wi=2",              imageAlt: "Global reach"},
-            {
-              id: "3",              title: "Sustainable Practices",              description: "We're committed to eco-friendly manufacturing and packaging.",              imageSrc: "/placeholders/placeholder1.webp?_wi=3",              imageAlt: "Sustainable practices"},
-            {
-              id: "4",              title: "Customer First",              description: "Exceptional support and warranty programs backed by our commitment to satisfaction.",              imageSrc: "/placeholders/placeholder1.webp?_wi=4",              imageAlt: "Customer focus"},
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="contact-cta" data-section="contact-cta">
-        <ContactCTA
-          tag="Let's Connect"
-          tagIcon={Headphones}
-          tagAnimation="slide-up"
-          title="Experience the PodsX Difference"
-          description="Join our community of audio enthusiasts and discover why PodsX is the choice for premium wireless audio. Shop now or get in touch with our team."
-          buttons={[
-            { text: "Shop Now", href: "/" },
-            { text: "Contact Us", href: "#" },
-          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
         />
       </div>
 
@@ -170,7 +105,7 @@ export default function AboutPage() {
                 { label: "FAQ", href: "/" },
                 { label: "Setup Guide", href: "#" },
                 { label: "Troubleshooting", href: "#" },
-                { label: "Contact Us", href: "#" },
+                { label: "Contact Us", href: "/contact" },
               ],
             },
             {
@@ -190,8 +125,8 @@ export default function AboutPage() {
               ],
             },
           ]}
-          bottomLeftText="© 2025 PodsX. All rights reserved."
-          bottomRightText="Powered by Premium Audio Innovation"
+          bottomLeftText="© 2025 AirPods. All rights reserved."
+          bottomRightText="Powered by Premium Audio Technology"
         />
       </div>
     </ThemeProvider>