diff --git a/src/app/1-million-offers/page.tsx b/src/app/1-million-offers/page.tsx
index cf4abe5..d89c154 100644
--- a/src/app/1-million-offers/page.tsx
+++ b/src/app/1-million-offers/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { FooterBase } from "@/components/sections/footer/FooterBase";
-import { NavbarLayoutFloatingOverlay } from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 
 export default function OffersPage() {
   return (
-    <ThemeProvider>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} brandName="Faceless Mastery" />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Foundation", id: "/foundation" }, { name: "Roadmap", id: "/roadmap" }, { name: "Monetization", id: "/monetization-playbook" }, { name: "Offers", id: "/1-million-offers" }, { name: "Prompts", id: "/ai-prompt-pack" }, { name: "Contact", id: "/contact" }]} brandName="Faceless Mastery" />
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-5xl font-bold mb-6">1 Million Offers</h1>
             <p className="text-xl">Scaling your revenue with high-ticket backend offers.</p>
diff --git a/src/app/ai-prompt-pack/page.tsx b/src/app/ai-prompt-pack/page.tsx
index b0e88e2..4541ede 100644
--- a/src/app/ai-prompt-pack/page.tsx
+++ b/src/app/ai-prompt-pack/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { FooterBase } from "@/components/sections/footer/FooterBase";
-import { NavbarLayoutFloatingOverlay } from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 
 export default function PromptPackPage() {
   return (
-    <ThemeProvider>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} brandName="Faceless Mastery" />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Foundation", id: "/foundation" }, { name: "Roadmap", id: "/roadmap" }, { name: "Monetization", id: "/monetization-playbook" }, { name: "Offers", id: "/1-million-offers" }, { name: "Prompts", id: "/ai-prompt-pack" }, { name: "Contact", id: "/contact" }]} brandName="Faceless Mastery" />
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-5xl font-bold mb-6">AI Prompt Pack</h1>
             <p className="text-xl">Unlock unlimited content creation efficiency.</p>
diff --git a/src/app/foundation/page.tsx b/src/app/foundation/page.tsx
index 0e36bbf..dd2e3ce 100644
--- a/src/app/foundation/page.tsx
+++ b/src/app/foundation/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { FooterBase } from "@/components/sections/footer/FooterBase";
-import { NavbarLayoutFloatingOverlay } from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 
 export default function FoundationPage() {
   return (
-    <ThemeProvider>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} brandName="Faceless Mastery" />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Foundation", id: "/foundation" }, { name: "Roadmap", id: "/roadmap" }, { name: "Monetization", id: "/monetization-playbook" }, { name: "Offers", id: "/1-million-offers" }, { name: "Prompts", id: "/ai-prompt-pack" }, { name: "Contact", id: "/contact" }]} brandName="Faceless Mastery" />
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-5xl font-bold mb-6">The Foundation</h1>
             <p className="text-xl">Everything you need to set up your faceless empire correctly from day one.</p>
diff --git a/src/app/monetization-playbook/page.tsx b/src/app/monetization-playbook/page.tsx
index 6a19c50..ca18fc4 100644
--- a/src/app/monetization-playbook/page.tsx
+++ b/src/app/monetization-playbook/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { FooterBase } from "@/components/sections/footer/FooterBase";
-import { NavbarLayoutFloatingOverlay } from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 
 export default function PlaybookPage() {
   return (
-    <ThemeProvider>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} brandName="Faceless Mastery" />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Foundation", id: "/foundation" }, { name: "Roadmap", id: "/roadmap" }, { name: "Monetization", id: "/monetization-playbook" }, { name: "Offers", id: "/1-million-offers" }, { name: "Prompts", id: "/ai-prompt-pack" }, { name: "Contact", id: "/contact" }]} brandName="Faceless Mastery" />
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-5xl font-bold mb-6">Monetization Playbook</h1>
             <p className="text-xl">Convert followers into long-term income streams.</p>
diff --git a/src/app/roadmap/page.tsx b/src/app/roadmap/page.tsx
index cc73efd..a342185 100644
--- a/src/app/roadmap/page.tsx
+++ b/src/app/roadmap/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { FooterBase } from "@/components/sections/footer/FooterBase";
-import { NavbarLayoutFloatingOverlay } from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 
 export default function RoadmapPage() {
   return (
-    <ThemeProvider>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} brandName="Faceless Mastery" />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Foundation", id: "/foundation" }, { name: "Roadmap", id: "/roadmap" }, { name: "Monetization", id: "/monetization-playbook" }, { name: "Offers", id: "/1-million-offers" }, { name: "Prompts", id: "/ai-prompt-pack" }, { name: "Contact", id: "/contact" }]} brandName="Faceless Mastery" />
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-5xl font-bold mb-6">The Roadmap</h1>
             <p className="text-xl">Your step-by-step growth path to viral success.</p>