diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 2164c36..6d26ce0 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 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="medium">
       <NavbarLayoutFloatingOverlay
-          brandName="Webild"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
@@ -17,12 +16,12 @@ export default function AboutPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
         <MediaAbout
             title="About Webild"
-            description="We are a creative agency dedicated to crafting exceptional digital experiences."
+            description="We are a creative agency."
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
+            useInvertedBackground={false}
         />
         <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
     </ThemeProvider>