diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 88e8fc4..477767b 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -5,8 +5,21 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 
 export default function DashboardPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} brandName="jonn" />
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Dashboard", id: "/dashboard" }]} brandName="jonn" />
+      </div>
       <div className="min-h-screen p-20">
         <h1 className="text-4xl font-bold">Welcome to your Dashboard</h1>
         <p className="mt-4">Access premium content here.</p>
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index b7f80e3..1a635d7 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -2,19 +2,32 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function LoginPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Signup", id: "/signup" }
-        ]}
-        brandName="jonn"
-      />
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Signup", id: "/signup" },
+            { name: "Login", id: "/login" }
+          ]}
+          brandName="jonn"
+        />
+      </div>
       <div className="min-h-screen flex items-center justify-center p-8">
         <div className="max-w-md w-full p-8 border rounded-lg">
           <h1 className="text-2xl font-bold mb-6">Login</h1>
@@ -25,7 +38,9 @@ export default function LoginPage() {
           </form>
         </div>
       </div>
-      <FooterBase columns={[]} logoText="jonn" />
+      <div id="footer" data-section="footer">
+        <FooterBase columns={[]} logoText="jonn" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
index 4eecfd7..38c79f3 100644
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -2,19 +2,32 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function SignupPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Login", id: "/login" }
-        ]}
-        brandName="jonn"
-      />
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Login", id: "/login" },
+            { name: "Signup", id: "/signup" }
+          ]}
+          brandName="jonn"
+        />
+      </div>
       <div className="min-h-screen flex items-center justify-center p-8">
         <div className="max-w-md w-full p-8 border rounded-lg">
           <h1 className="text-2xl font-bold mb-6">Create Account</h1>
@@ -26,7 +39,9 @@ export default function SignupPage() {
           </form>
         </div>
       </div>
-      <FooterBase columns={[]} logoText="jonn" />
+      <div id="footer" data-section="footer">
+        <FooterBase columns={[]} logoText="jonn" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file