diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e43b7f0..f460202 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -14,7 +14,7 @@ export default function AboutPage() {
   ];
 
   return (
-    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
+    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleApple brandName="Casa Afriqa" navItems={navItems} />
       </div>
@@ -23,7 +23,7 @@ export default function AboutPage() {
         <p>Casa Afriqa was born from a passion for authentic Gambian hospitality. Located in the bustling heart of Serrekunda, we bring a 24/7 experience that combines local flavors, luxury dining, and vibrant nightlife.</p>
       </div>
       <div id="contact-section" data-section="contact-section">
-        <ContactCenter title="Get in Touch" description="Have questions? Reach out to us anytime." background={{ variant: "gradient-bars" }} />
+        <ContactCenter title="Get in Touch" description="Have questions? Reach out to us anytime." tag="Contact" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Casa Afriqa" copyrightText="© 2025 Casa Afriqa. All rights reserved." />
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 48a4b34..5cd08a9 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -6,7 +6,7 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
+    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleApple 
             brandName="Casa Afriqa"
@@ -25,6 +25,7 @@ export default function ContactPage() {
             description="We are ready to assist you with any inquiries regarding reservations or events."
             background={{variant: "gradient-bars"}}
             tag="Contact"
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index a7b5d4d..30d813d 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -6,12 +6,12 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 
 export default function MenuPage() {
   return (
-    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
+    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleApple brandName="Casa Afriqa" navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Menu", id: "/menu"}, {name: "Reservations", id: "/reservations"}, {name: "Contact", id: "/contact"}]} />
       </div>
       <div id="menu-features" data-section="menu-features">
-        <FeatureCardMedia title="Our Signature Menu" animationType="slide-up" textboxLayout="split" features={[{id: "m1", title: "Seafood Platters", description: "Fresh local catches expertly grilled.", tag: "Seafood", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg?_wi=2"}, {id: "m2", title: "Artisan Cocktails", description: "Masterfully crafted drinks.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg?_wi=2"}]} />
+        <FeatureCardMedia title="Our Signature Menu" description="Exquisite dining options" animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{id: "m1", title: "Seafood Platters", description: "Fresh local catches expertly grilled.", tag: "Seafood", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg"}, {id: "m2", title: "Artisan Cocktails", description: "Masterfully crafted drinks.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg"}]} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Casa Afriqa" copyrightText="© 2025 Casa Afriqa. All rights reserved." />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 30e546a..4556aae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
 export default function HomePage() {
   return (
-    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
+    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleApple 
             brandName="Casa Afriqa"
@@ -37,6 +37,7 @@ export default function HomePage() {
             tag="Social Proof"
             metrics={[{id: "1", value: "4.8+", description: "Star Reputation"}, {id: "2", value: "877+", description: "Happy Reviews"}, {id: "3", value: "24/7", description: "Always Open"}]}
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
         />
       </div>
       <div id="features" data-section="features">
@@ -44,9 +45,11 @@ export default function HomePage() {
             title="Signature Experiences"
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
+            description="Discover our menu highlights"
             features={[
-                {id: "f1", title: "Fresh Seafood", description: "Expertly prepared platters with local catches.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg?_wi=1"},
-                {id: "f2", title: "Artisan Cocktails", description: "Masterfully crafted drinks in a luxe setting.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg?_wi=1"},
+                {id: "f1", title: "Fresh Seafood", description: "Expertly prepared platters with local catches.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg"},
+                {id: "f2", title: "Artisan Cocktails", description: "Masterfully crafted drinks in a luxe setting.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg"},
                 {id: "f3", title: "Casual Favorites", description: "Wings, rice, and late-night cravings.", tag: "Bites", imageSrc: "http://img.b2bpic.net/free-photo/oven-chips-with-green-salad-vegetable-tomato-slices_114579-3004.jpg"}
             ]}
         />
@@ -57,12 +60,12 @@ export default function HomePage() {
             animationType="slide-up"
             gridVariant="three-columns-all-equal-width"
             textboxLayout="default"
+            description="Guest experiences and reviews"
+            useInvertedBackground={false}
             testimonials={[
                 {id: "t1", name: "Amina S.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg"},
                 {id: "t2", name: "John B.", role: "Visitor", company: "International", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg"},
-                {id: "t3", name: "Fatou L.", role: "Patron", company: "Serrekunda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"},
-                {id: "t4", name: "Mark D.", role: "Foodie", company: "Gambia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hand-blond-woman-table_23-2148024532.jpg"},
-                {id: "t5", name: "Sana M.", role: "Nightlife", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-brunette-asian-woman-stylish-trench-coat-red-dress-beret-smiles-sincerely-holds-eyeglasses-talks-phone-street-cafe_197531-29288.jpg"}
+                {id: "t3", name: "Fatou L.", role: "Patron", company: "Serrekunda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"}
             ]}
         />
       </div>
@@ -72,6 +75,7 @@ export default function HomePage() {
             description="Located in the heart of Serrekunda, open 24 hours."
             background={{variant: "gradient-bars"}}
             tag="Contact"
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
index 5ba9ad8..992e60f 100644
--- a/src/app/reservations/page.tsx
+++ b/src/app/reservations/page.tsx
@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function ReservationsPage() {
   return (
-    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
+    <ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleApple brandName="Casa Afriqa" navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Menu", id: "/menu"}, {name: "Reservations", id: "/reservations"}, {name: "Contact", id: "/contact"}]} />
       </div>
       <div id="reservation-form" data-section="reservation-form">
-        <ContactCenter title="Book Your Table" description="Reserve your spot for an unforgettable night at Casa Afriqa." background={{variant: "gradient-bars"}} />
+        <ContactCenter title="Book Your Table" description="Reserve your spot for an unforgettable night at Casa Afriqa." tag="Reservations" background={{variant: "gradient-bars"}} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Casa Afriqa" copyrightText="© 2025 Casa Afriqa. All rights reserved." />