diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 0ee665c..4616b6f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -5,11 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 import HeroSplit from "@/components/sections/hero/HeroSplit";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import AboutMetric from "@/components/sections/about/AboutMetric";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Zap, Users, Globe, Zap as Rocket, Heart, Target, Headphones, TrendingUp, Award } from "lucide-react";
+import { Zap, Heart, Globe, Award, Headphones } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -19,7 +19,7 @@ export default function AboutPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -45,7 +45,7 @@ export default function AboutPage() {
         <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" }}
+          background={{ variant: "circleGradient" }}
           tag="Our Story"
           tagIcon={Zap}
           tagAnimation="slide-up"
@@ -91,50 +91,48 @@ export default function AboutPage() {
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardTen
+        <TeamCardOne
           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: "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",              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: "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",              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: "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",              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"},
+              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"},
           ]}
-          memberVariant="default"
-          membersAnimation="slide-up"
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="why-podsx" data-section="why-podsx">
-        <FeatureBento
+        <FeatureCardTwentySeven
           title="Why Choose PodsX"
           description="Discover what sets us apart in the competitive audio market."
           tag="Our Advantage"
-          tagIcon={Rocket}
+          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.",              bentoComponent: "reveal-icon",              icon: Zap,
-            },
+              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",              imageAlt: "Innovation focus"},
             {
-              id: "2",              title: "Global Impact",              description: "Trusted by millions of users worldwide, delivering premium audio experiences.",              bentoComponent: "globe"},
+              id: "2",              title: "Global Impact",              description: "Trusted by millions of users worldwide, delivering premium audio experiences.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Global reach"},
             {
-              id: "3",              title: "Sustainable Practices",              description: "We're committed to eco-friendly manufacturing and packaging.",              bentoComponent: "reveal-icon",              icon: Globe,
-            },
+              id: "3",              title: "Sustainable Practices",              description: "We're committed to eco-friendly manufacturing and packaging.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Sustainable practices"},
             {
-              id: "4",              title: "Customer First",              description: "Exceptional support and warranty programs backed by our commitment to satisfaction.",              bentoComponent: "reveal-icon",              icon: Heart,
-            },
+              id: "4",              title: "Customer First",              description: "Exceptional support and warranty programs backed by our commitment to satisfaction.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Customer focus"},
           ]}
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          carouselMode="buttons"
         />
       </div>
 
@@ -150,7 +148,7 @@ export default function AboutPage() {
             { text: "Contact Us", href: "#" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "circleGradient" }}
           useInvertedBackground={false}
         />
       </div>