diff --git a/src/app/courses/page.tsx b/src/app/courses/page.tsx
index 8bb02f8..de1f236 100644
--- a/src/app/courses/page.tsx
+++ b/src/app/courses/page.tsx
@@ -5,11 +5,10 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import { LucideIcon } from "lucide-react";
 
 export default function CoursesPage() {
   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>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -37,6 +36,8 @@ export default function CoursesPage() {
             title="Start Your Training"
             description="Ready to level up your fitness?"
             buttons={[{text: "Get Started", href: "#"}]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
         <FooterBase
             columns={[
@@ -48,4 +49,4 @@ export default function CoursesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 5fa3cee..b3029d2 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -8,9 +8,13 @@ import { TrendingUp, Activity, Target } from "lucide-react";
 
 export default function DashboardPage() {
   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>
-        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Dashboard", id: "/dashboard" }, { name: "Pricing", id: "/pricing" }]} brandName="TrainFit" />
+        <NavbarLayoutFloatingInline 
+          navItems={[{ name: "Home", id: "/" }, { name: "Dashboard", id: "/dashboard" }, { name: "Pricing", id: "/pricing" }]} 
+          brandName="TrainFit" 
+          button={{ text: "Contact", href: "#" }}
+        />
         <div className="pt-24">
             <MetricCardOne
                 title="Your Progress"
@@ -18,6 +22,7 @@ export default function DashboardPage() {
                 gridVariant="uniform-all-items-equal"
                 animationType="slide-up"
                 textboxLayout="split"
+                useInvertedBackground={false}
                 metrics={[
                     { id: "1", value: "42", title: "Active Days", description: "Consistency streak", icon: Activity },
                     { id: "2", value: "18", title: "Workouts", description: "Completed this month", icon: Target },
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index dfdf9a3..180fbd4 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -7,15 +7,20 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 
 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>
-        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Dashboard", id: "/dashboard" }, { name: "Pricing", id: "/pricing" }]} brandName="TrainFit" />
+        <NavbarLayoutFloatingInline 
+          navItems={[{ name: "Home", id: "/" }, { name: "Dashboard", id: "/dashboard" }, { name: "Pricing", id: "/pricing" }]} 
+          brandName="TrainFit" 
+          button={{ text: "Contact", href: "#" }}
+        />
         <div className="pt-24">
             <PricingCardFive
                 title="Subscription Tiers"
                 description="Choose the plan that suits your goals."
                 textboxLayout="split"
                 animationType="slide-up"
+                useInvertedBackground={false}
                 plans={[
                     { id: "basic", tag: "Free", price: "$0", period: "forever", description: "Essentials for beginners.", button: { text: "Join Free" }, featuresTitle: "Includes", features: ["Basic Tracking", "Community Access"] },
                     { id: "pro", tag: "Pro", price: "$19", period: "mo", description: "Advanced for athletes.", button: { text: "Upgrade Now" }, featuresTitle: "Includes", features: ["Everything in Basic", "Advanced Analytics", "Custom Plans"] }