diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 83b7c45..72ac8e2 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -7,9 +7,21 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Pricing", id: "/pricing" },
@@ -18,7 +30,10 @@ export default function ContactPage() {
             ]}
             brandName="Vantage Social"
         />
+        </div>
         <ContactCenter 
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
             tag="Inquiries"
             title="Let's work together"
             description="Reach out to discuss your project requirements."
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8a95bdf..524077e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,6 +17,13 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 247ec88..62f7163 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -8,7 +8,18 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 
 export default function PortfolioPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
@@ -31,6 +42,8 @@ export default function PortfolioPage() {
               { id: "cs2", title: "Tech Scaling", description: "High-performance growth strategy for SaaS startups.", tag: "Tech" }
             ]}
             animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 27d33d8..63ee2b0 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -7,9 +7,21 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function PricingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Pricing", id: "/pricing" },
@@ -17,10 +29,12 @@ export default function PricingPage() {
                 { name: "Contact", id: "/contact" }
             ]}
             brandName="Vantage Social"
-        />
+          />
+        </div>
         <PricingCardNine
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             title="Pricing Plans"
             description="Clear, transparent pricing for your brand's growth."
             plans={[
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
index 50f3b23..7844638 100644
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -7,9 +7,21 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function TeamPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Pricing", id: "/pricing" },
@@ -17,10 +29,12 @@ export default function TeamPage() {
                 { name: "Contact", id: "/contact" }
             ]}
             brandName="Vantage Social"
-        />
+          />
+        </div>
         <TeamCardEleven
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             title="Meet Our Team"
             description="The creative experts behind your brand's success."
             groups={[