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

---
 src/app/about/page.tsx | 133 ++++++++++++++++++++++++-----------------
 1 file changed, 79 insertions(+), 54 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 8948146..0ee665c 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,12 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import TextAbout from "@/components/sections/about/TextAbout";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import AboutMetric from "@/components/sections/about/AboutMetric";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import TeamCardTen from "@/components/sections/team/TeamCardTen";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Zap, Sparkles, Award, Headphones, Users, Globe, Lightbulb, Heart } from "lucide-react";
+import { Zap, Users, Globe, Zap as Rocket, Heart, Target, Headphones, TrendingUp, Award } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -27,10 +29,10 @@ 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" },
           ]}
@@ -39,89 +41,112 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="about-intro" data-section="about-intro">
-        <TextAbout
-          tag="About PodsX"
-          title="Revolutionizing Audio Technology for Everyone"
-          useInvertedBackground={false}
+      <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: "noise" }}
+          tag="Our Story"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
           buttons={[
+            { text: "Join Our Community", href: "#" },
             { text: "Explore Products", href: "/" },
-            { text: "Our Values", href: "#values" },
           ]}
           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="story" data-section="story">
-        <FeatureCardOne
-          title="Our Story"
-          description="From vision to reality: How PodsX became the leader in wireless audio innovation."
-          tag="Our Journey"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          features={[
-            {
-              id: "founded",              title: "Founded on Innovation",              description: "PodsX was founded with a simple mission: to create the world's most intuitive and powerful wireless audio experience. We believed that great audio should be accessible to everyone.",              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 founding team",              button: { text: "Learn More", href: "#" },
-            },
-            {
-              id: "breakthrough",              title: "Breakthrough Technology",              description: "We pioneered active noise cancellation technology that adapts to your environment. Our R&D team spent years perfecting the science of sound engineering.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/abstract-visualization-of-active-noise-c-1772884352205-cdd837a4.png",              imageAlt: "Technology innovation",              button: { text: "Technology", href: "#" },
-            },
-            {
-              id: "global-impact",              title: "Global Impact",              description: "Today, millions of people around the world rely on PodsX for their daily audio needs. We've expanded into every continent, serving diverse communities and lifestyles.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/apple-ecosystem-integration-showing-ipho-1772884352656-6d2f7cb3.png",              imageAlt: "Global reach",              button: { text: "Impact Report", href: "#" },
-            },
+      <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: "#" },
           ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          buttonAnimation="slide-up"
+          showBorder={true}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="values" data-section="values">
         <AboutMetric
-          title="Our Core Values"
+          title="Our Core Values Guiding Innovation"
           metrics={[
-            { icon: Lightbulb, label: "Innovation", value: "Pushing Boundaries" },
-            { icon: Users, label: "Community", value: "People First" },
-            { icon: Heart, label: "Passion", value: "Quality Obsessed" },
-            { icon: Globe, label: "Sustainability", value: "Environmental Care" },
+            { 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" },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="mission" data-section="mission">
-        <FeatureCardOne
-          title="Our Mission & Vision"
-          description="What drives us forward every single day."
-          tag="Mission Statement"
-          tagIcon={Award}
+      <div id="team" data-section="team">
+        <TeamCardTen
+          title="Meet the Team Behind the Innovation - Passionate Creators Dedicated to Audio Excellence"
+          tag="Our Team"
+          tagAnimation="slide-up"
+          members={[
+            {
+              id: "1",              name: "Alexander Johnson",              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",              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",              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",              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"},
+          ]}
+          memberVariant="default"
+          membersAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="why-podsx" data-section="why-podsx">
+        <FeatureBento
+          title="Why Choose PodsX"
+          description="Discover what sets us apart in the competitive audio market."
+          tag="Our Advantage"
+          tagIcon={Rocket}
           tagAnimation="slide-up"
           features={[
             {
-              id: "mission",              title: "Our Mission",              description: "To create premium audio experiences that enhance human connection, productivity, and joy. We believe exceptional sound should be effortless, intuitive, and available to everyone, regardless of their technical expertise.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/spatial-audio-visualization-showing-3d-s-1772884352783-6a2daab8.png",              imageAlt: "Mission vision",              button: { text: "Read Full Mission", href: "#" },
+              id: "1",              title: "Innovation at Heart",              description: "We invest heavily in R&D to bring you the latest audio technology and features.",              bentoComponent: "reveal-icon",              icon: Zap,
             },
             {
-              id: "vision",              title: "Our Vision",              description: "A future where technology disappears into the background and pure audio excellence is the standard. We envision a world where every person has access to world-class audio that adapts to their life, not the other way around.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/high-quality-product-photography-of-airp-1772884351466-337fed24.png",              imageAlt: "Future vision",              button: { text: "Explore Vision", href: "#" },
+              id: "2",              title: "Global Impact",              description: "Trusted by millions of users worldwide, delivering premium audio experiences.",              bentoComponent: "globe"},
+            {
+              id: "3",              title: "Sustainable Practices",              description: "We're committed to eco-friendly manufacturing and packaging.",              bentoComponent: "reveal-icon",              icon: Globe,
+            },
+            {
+              id: "4",              title: "Customer First",              description: "Exceptional support and warranty programs backed by our commitment to satisfaction.",              bentoComponent: "reveal-icon",              icon: Heart,
             },
           ]}
-          textboxLayout="default"
           animationType="slide-up"
-          gridVariant="two-columns-alternating-heights"
+          textboxLayout="default"
           useInvertedBackground={false}
+          carouselMode="buttons"
         />
       </div>
 
       <div id="contact-cta" data-section="contact-cta">
         <ContactCTA
-          tag="Join Our Team"
-          tagIcon={Users}
+          tag="Let's Connect"
+          tagIcon={Headphones}
           tagAnimation="slide-up"
-          title="Help Us Shape the Future of Audio"
-          description="We're always looking for talented individuals who are passionate about audio technology and innovation. If you share our vision, we'd love to hear from you."
+          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: "View Careers", href: "#" },
+            { text: "Shop Now", href: "/" },
             { text: "Contact Us", href: "#" },
           ]}
           buttonAnimation="slide-up"
@@ -167,7 +192,7 @@ export default function AboutPage() {
             },
           ]}
           bottomLeftText="© 2025 PodsX. All rights reserved."
-          bottomRightText="Powered by Premium Audio Technology"
+          bottomRightText="Powered by Premium Audio Innovation"
         />
       </div>
     </ThemeProvider>