diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 3bc7336..53d5d5a 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -10,12 +10,14 @@ export default function LoginPage() {
   const [password, setPassword] = useState("");
 
   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>
-        <NavbarLayoutFloatingOverlay
-          brandName="SANIS"
-          navItems={[{ name: "Home", id: "/" }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="SANIS"
+            navItems={[{ name: "Home", id: "/" }, { name: "Login", id: "/login" }, { name: "Signup", id: "/signup" }]}
+          />
+        </div>
         <div className="flex flex-col items-center justify-center min-h-screen p-4">
           <div className="w-full max-w-md p-8 border rounded-lg shadow-lg">
             <h1 className="mb-6 text-2xl font-bold">Login</h1>