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>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 48b6881..0f1deef 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   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,13 @@ export default function ContactPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
         <ContactCenter
             title="Contact Us"
             description="Get in touch for your next project."
             tag="Get in Touch"
+            background={{ variant: "plain" }}
+            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>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 72549f5..4dd1535 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,13 +19,12 @@ export default function HomePage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
@@ -37,63 +36,44 @@ export default function HomePage() {
         />
         <HeroSplitDoubleCarousel
           title="We Build Digital Experiences"
-          description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
+          description="Transform your brand with cutting-edge web design and development."
           tag="Award-Winning Agency"
           tagIcon={Sparkles}
-          tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
             { text: "Start Project", href: "/contact" },
             { text: "View Work", href: "/portfolio" },
           ]}
-          buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design" },
           ]}
           rightCarouselItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
           ]}
-          carouselItemClassName="!aspect-[4/5]"
         />
         <FeatureBento
           title="Our Services"
-          description="We offer a full suite of digital services to help your brand stand out online."
+          description="We offer a full suite of digital services."
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
-          buttons={[{ text: "All Services", href: "/services" }]}
-          buttonAnimation="slide-up"
           features={[
             {
-              title: "SEO",              description: "We optimize your website to rank higher on search engines and drive organic traffic.",              bentoComponent: "marquee",              centerIcon: Search,
-              variant: "text",              texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic"],
+              title: "SEO",              description: "Rank higher on search engines.",              bentoComponent: "marquee",              centerIcon: Search,
+              variant: "text",              texts: ["Keywords", "Backlinks"]
             },
             {
-              title: "Web Development",              description: "Custom-built websites that are fast, responsive, and designed to convert.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project" },
-              ],
-            },
-            {
-              title: "Branding",              description: "Build a memorable brand identity that resonates with your audience.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project" },
-              ],
-            },
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Our Work"
-          description="A selection of projects we've crafted for clients across industries."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "View All Work", href: "/portfolio" }]}
-          buttonAnimation="slide-up"
-          cardClassName="!h-auto aspect-video"
-          features={[
-            {
-              title: "Umbra Skincare",              description: "Luxury fragrance e-commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",              imageAlt: "Umbra Skincare",              buttonHref: "/portfolio"},
+              title: "Web Development",              description: "Fast, responsive custom-built websites.",              bentoComponent: "media-stack",              buttonIcon: Search,
+              items: [
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web" }
+              ]
+            }
           ]}
         />
         <FooterBase
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 2745acf..cd330c2 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function PortfolioPage() {
   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,13 +16,13 @@ export default function PortfolioPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
         <FeatureCardTwentySix
             title="Our Portfolio"
-            description="Case studies of our most recent work."
+            description="Work we've crafted."
             textboxLayout="default"
             features={[]}
+            useInvertedBackground="none"
         />
         <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
     </ThemeProvider>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index b693051..e8f3767 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ServicesPage() {
   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,13 +16,13 @@ export default function ServicesPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
         <FeatureCardNineteen
             title="Our Services"
-            description="A comprehensive suite of digital design and development services."
+            description="A comprehensive suite of digital services."
             textboxLayout="default"
             features={[]}
+            useInvertedBackground="none"
         />
         <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
     </ThemeProvider>