diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c453db2..24c4720 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,7 +8,18 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 
 export default function AboutPage() {
   return (
-    <ThemeProvider contentWidth="medium">
+    <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>
         <NavbarStyleFullscreen
           navItems={[
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4af6766..239e3c5 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,7 +8,18 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 
 export default function ContactPage() {
   return (
-    <ThemeProvider contentWidth="medium">
+    <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>
         <NavbarStyleFullscreen
           navItems={[
@@ -25,6 +36,7 @@ export default function ContactPage() {
           title="Find Us in East York"
           description="We are located at 488 Cosburn Ave. Open daily for your brunch cravings."
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
         <FooterBase
           columns={[
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index be4ed3d..38a244c 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -40,6 +40,7 @@ export default function MenuPage() {
               textboxLayout="default"
               title="Our Menu"
               description="Explore our curated selection of brunch favourites."
+              useInvertedBackground={false}
               plans={[
                 {
                   id: "mains",                  tag: "Popular",                  price: "$16 - $24",                  period: "per plate",                  description: "Signature brunch mains",                  button: { text: "View Details" },