diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 90236e9..42c32c4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,45 +2,48 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FooterCard from "@/components/sections/footer/FooterCard";
 import ReactLenis from "lenis/react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
-            { name: "Team", id: "/team" },
             { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <SplitAbout
-          title="About Webild"
-          description="We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp"
-          bulletPoints={[
-            { title: "Expertise", description: "Years of industry experience in web design and development." },
-            { title: "Innovation", description: "Constantly pushing the boundaries of what is possible online." },
-            { title: "Client-First", description: "Your success is our primary goal in every project." }
-          ]}
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }, { label: "Home", href: "/" }] },
-            { title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }] },
-            { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
-          ]}
-        />
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            title="About Webild"
+            description={["We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );