diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 61044cf..01ad541 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -12,8 +12,8 @@ export default function LoginPage() {
   const [password, setPassword] = useState('');
 
   const navLinks = [
-    { label: "Home", href: "/" },
-    { label: "Login", href: "/login" },
+    { name: "Home", id: "/" },
+    { name: "Login", id: "/login" },
   ];
 
   return (
@@ -30,10 +30,12 @@ export default function LoginPage() {
       headingFontWeight="normal"
     >
       <div className="min-h-screen flex flex-col">
-        <NavbarStyleApple 
-          brandName="Connect" 
-          navItems={navLinks} 
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple 
+            brandName="Connect" 
+            navItems={navLinks} 
+          />
+        </div>
         <main className="flex-grow flex items-center justify-center p-6">
           <div className="w-full max-w-md p-8 bg-card rounded-xl border border-border space-y-6">
             <h1 className="text-3xl font-bold">Welcome Back</h1>
@@ -44,12 +46,14 @@ export default function LoginPage() {
             </div>
           </div>
         </main>
-        <FooterBaseReveal 
-            logoText="Connect" 
-            columns={[
-                { title: "Navigation", items: navLinks }
-            ]} 
-        />
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal 
+              logoText="Connect" 
+              columns={[
+                  { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Login", href: "/login" }] }
+              ]} 
+          />
+        </div>
       </div>
     </ThemeProvider>
   );