diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ab5f610..251cd63 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,201 +1,124 @@
-"use client";
+'use client';
 
-import Link from "next/link";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Briefcase, Target, Users, TrendingUp } from "lucide-react";
-
-export default function AboutPage() {
-  const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Blog", id: "blog" },
-    { name: "Contact", id: "contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Quick Links",
-      items: [
-        { label: "Home", href: "/" },
-        { label: "About Us", href: "/about" },
-        { label: "Services", href: "/" },
-        { label: "Blog", href: "/" },
-      ],
-    },
-    {
-      title: "Company",
-      items: [
-        { label: "Careers", href: "/careers" },
-        { label: "Contact Us", href: "/contact" },
-        { label: "Industries", href: "/industries" },
-        { label: "Support", href: "#" },
-      ],
-    },
-    {
-      title: "Connect",
-      items: [
-        { label: "LinkedIn", href: "https://linkedin.com" },
-        { label: "Facebook", href: "https://facebook.com" },
-        { label: "Twitter", href: "https://twitter.com" },
-        { label: "Email", href: "mailto:info@nexorasolutions.com" },
-      ],
-    },
-  ];
+import { ThemeProvider } from '@/components/theme-provider';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TextAbout from '@/components/sections/about/TextAbout';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 
+const AboutPage = () => {
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="mediumSmall"
-      sizing="mediumLargeSizeMediumTitles"
-      background="fluid"
-      cardStyle="glass-depth"
-      primaryButtonStyle="flat"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="light"
+      headingFontWeight="bold"
     >
-      {/* Navbar */}
-      <div id="nav" data-section="nav">
-        <NavbarStyleCentered
-          navItems={navItems}
-          button={{ text: "Get Started", href: "/contact" }}
-          brandName="Nexora Solutions"
-        />
-      </div>
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: 'Home', id: '/' },
+          { name: 'About', id: '/about' },
+        ]}
+        brandName="Webild"
+        button={{
+          text: 'Get Started',
+          href: 'https://example.com',
+        }}
+      />
 
-      {/* About Mission & Vision */}
-      <div id="about-mission" data-section="about-mission">
-        <AboutMetric
-          title="Our Mission: Transforming Organizations Through People and Technology"
-          metrics={[
-            { icon: Briefcase, label: "Years of Excellence", value: "12+" },
-            { icon: Target, label: "Mission Success Rate", value: "98%" },
-            { icon: Users, label: "Talent Partnerships", value: "10,000+" },
-            { icon: TrendingUp, label: "Business Growth", value: "500%+" },
-          ]}
-          metricsAnimation="slide-up"
+      {/* Company Story Section */}
+      <div id="story" data-section="story" className="py-20 px-4">
+        <TextAbout
+          tag="Our Story"
+          title="Building the future of digital experiences, one project at a time"
           useInvertedBackground={false}
+          buttons={[{ text: 'Learn More', href: '#mission' }]}
         />
       </div>
 
-      {/* Client Success Stories */}
-      <div id="client-stories" data-section="client-stories">
-        <TestimonialCardSixteen
-          title="Success Stories from Our Clients"
-          description="Discover how Nexora Solutions has helped businesses transform their HR and IT operations"
-          testimonials={[
+      {/* Mission Section */}
+      <div id="mission" data-section="mission" className="py-20 px-4">
+        <FeatureCardTwentyOne
+          title="Our Mission"
+          description="We're committed to empowering teams and individuals to create exceptional digital experiences that make a real impact."
+          tag="Mission & Values"
+          imageSrc="/images/mission.jpg"
+          imageAlt="Our mission"
+          accordionItems={[
             {
-              id: "1",
-              name: "Priya Sharma",
-              role: "HR Director",
-              company: "TechFlow India",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg?_wi=2",
+              id: '1',
+              title: 'Innovation First',
+              content:
+                'We believe in pushing boundaries and exploring new technologies to deliver cutting-edge solutions.',
             },
             {
-              id: "2",
-              name: "Rajesh Kumar",
-              role: "CTO",
-              company: "InnovateLab Solutions",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2952.jpg?_wi=2",
+              id: '2',
+              title: 'Client Success',
+              content:
+                'Your success is our success. We work closely with you to ensure your goals are met and exceeded.',
             },
             {
-              id: "3",
-              name: "Divya Patel",
-              role: "Hiring Manager",
-              company: "DigitalWorks Inc",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg?_wi=2",
+              id: '3',
+              title: 'Quality & Excellence',
+              content:
+                'We maintain the highest standards in everything we do, from code quality to design excellence.',
             },
           ]}
-          kpiItems={[
-            { value: "500+", label: "Active Partnerships" },
-            { value: "96%", label: "Retention Rate" },
-            { value: "180+", label: "Projects Completed" },
+          useInvertedBackground={false}
+          mediaPosition="left"
+        />
+      </div>
+
+      {/* Team Section */}
+      <div id="team" data-section="team" className="py-20 px-4">
+        <TeamCardOne
+          title="Meet Our Team"
+          description="The talented people behind Webild"
+          tag="Team"
+          members={[
+            {
+              id: '1',
+              name: 'Sarah Johnson',
+              role: 'CEO & Founder',
+              imageSrc: '/images/team/sarah.jpg',
+              imageAlt: 'Sarah Johnson',
+            },
+            {
+              id: '2',
+              name: 'Marcus Chen',
+              role: 'Lead Designer',
+              imageSrc: '/images/team/marcus.jpg',
+              imageAlt: 'Marcus Chen',
+            },
+            {
+              id: '3',
+              name: 'Emma Rodriguez',
+              role: 'Head of Development',
+              imageSrc: '/images/team/emma.jpg',
+              imageAlt: 'Emma Rodriguez',
+            },
+            {
+              id: '4',
+              name: 'David Park',
+              role: 'Product Manager',
+              imageSrc: '/images/team/david.jpg',
+              imageAlt: 'David Park',
+            },
           ]}
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
-
-      {/* Industry Insights & Resources */}
-      <div id="industry-insights" data-section="industry-insights">
-        <BlogCardTwo
-          title="Industry Insights & Resources"
-          description="Learn from our expertise in HR and IT consulting through articles, guides, and case studies"
-          blogs={[
-            {
-              id: "1",
-              category: ["HR Strategy", "Leadership"],
-              title: "Building a Winning HR Strategy for 2025",
-              excerpt:
-                "Discover the key components of a successful HR strategy that aligns with business goals and drives organizational growth.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/male-general-manager-looking-mockup-screen-solving-tasks_482257-119557.jpg?_wi=3",
-              imageAlt: "HR Strategy",
-              authorName: "Priya Sharma",
-              authorAvatar:
-                "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
-              date: "12 Jan 2025",
-            },
-            {
-              id: "2",
-              category: ["IT Solutions", "Innovation"],
-              title: "Technology Solutions Transforming Businesses",
-              excerpt:
-                "Explore cutting-edge IT solutions that help companies stay competitive and drive digital transformation initiatives.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/photovoltaics-factory-technicians-using-isolated-screen-tablet-research_482257-123399.jpg?_wi=3",
-              imageAlt: "IT Solutions",
-              authorName: "Rajesh Kumar",
-              authorAvatar:
-                "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-              date: "08 Jan 2025",
-            },
-            {
-              id: "3",
-              category: ["Best Practices", "Management"],
-              title: "Effective Team Management in Modern Workplaces",
-              excerpt:
-                "Master the art of managing diverse teams across geographies with proven strategies and best practices.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/african-american-financial-consultant-writing-reports-while-having-meeting-with-clients-office_637285-898.jpg?_wi=3",
-              imageAlt: "Team Management",
-              authorName: "Divya Patel",
-              authorAvatar:
-                "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
-              date: "03 Jan 2025",
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          carouselMode="buttons"
-        />
-      </div>
-
-      {/* Footer */}
-      <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/college-boy-with-books_23-2147678832.jpg?_wi=2"
-          imageAlt="Nexora Solutions Team"
-          columns={footerColumns}
-          logoText="Nexora Solutions"
-          copyrightText="© 2025 Nexora Solutions. All rights reserved. Bridging Talent and Innovation."
-        />
-      </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+};
+
+export default AboutPage;