diff --git a/src/app/sign-in/page.tsx b/src/app/sign-in/page.tsx
index 7796153..eb30b68 100644
--- a/src/app/sign-in/page.tsx
+++ b/src/app/sign-in/page.tsx
@@ -11,8 +11,10 @@ export default function SignInPage() {
   const [password, setPassword] = useState("");
 
   return (
-    <ThemeProvider>
-      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Sign Up", id: "/sign-up"}]} brandName="LuminaWrite" />
+    <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">
+        <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Sign Up", id: "/sign-up"}]} brandName="LuminaWrite" />
+      </div>
       <div className="flex items-center justify-center min-h-screen">
         <div className="max-w-md w-full p-8 border rounded-xl">
           <h1 className="text-2xl font-bold mb-6">Sign In</h1>
diff --git a/src/app/sign-up/page.tsx b/src/app/sign-up/page.tsx
index 206db48..5fa4fea 100644
--- a/src/app/sign-up/page.tsx
+++ b/src/app/sign-up/page.tsx
@@ -11,8 +11,10 @@ export default function SignUpPage() {
   const [password, setPassword] = useState("");
 
   return (
-    <ThemeProvider>
-      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Sign In", id: "/sign-in"}]} brandName="LuminaWrite" />
+    <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">
+        <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Sign In", id: "/sign-in"}]} brandName="LuminaWrite" />
+      </div>
       <div className="flex items-center justify-center min-h-screen">
         <div className="max-w-md w-full p-8 border rounded-xl">
           <h1 className="text-2xl font-bold mb-6">Create Account</h1>