diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index c4b1055..8d5e1c4 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -1,5 +1,6 @@
 <script>
     import { goto } from '$app/navigation';
+    import Navbar from '../Navbar.svelte';
     
     let username = '';
     let password = '';
@@ -28,51 +29,53 @@
         }
     }
 </script>
-
-<div class="login-container">
-    <div class="login-card">
-        <h2 class="mb-4">Login</h2>
-        
-        {#if error}
-            <div class="alert alert-danger">{error}</div>
-        {/if}
-
-        <form on:submit|preventDefault={handleLogin}>
-            <div class="mb-3">
-                <label for="username" class="form-label">Username</label>
-                <input 
-                    type="text" 
-                    class="form-control" 
-                    id="username" 
-                    bind:value={username}
-                    required
-                />
-            </div>
-            <div class="mb-3">
-                <label for="password" class="form-label">Password</label>
-                <input 
-                    type="password" 
-                    class="form-control" 
-                    id="password" 
-                    bind:value={password}
-                    required
-                />
-            </div>
-            <button 
-                type="submit" 
-                class="btn btn-primary w-100"
-                disabled={isLoading}
-            >
-                {#if isLoading}
-                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-                    Logging in...
-                {:else}
-                    Login
-                {/if}
-            </button>
-        </form>
+<main>
+    <Navbar />
+    <div class="login-container">
+        <div class="login-card">
+            <h2 class="mb-4">Login</h2>
+            
+            {#if error}
+                <div class="alert alert-danger">{error}</div>
+            {/if}
+    
+            <form on:submit|preventDefault={handleLogin}>
+                <div class="mb-3">
+                    <label for="username" class="form-label">Username</label>
+                    <input 
+                        type="text" 
+                        class="form-control" 
+                        id="username" 
+                        bind:value={username}
+                        required
+                    />
+                </div>
+                <div class="mb-3">
+                    <label for="password" class="form-label">Password</label>
+                    <input 
+                        type="password" 
+                        class="form-control" 
+                        id="password" 
+                        bind:value={password}
+                        required
+                    />
+                </div>
+                <button 
+                    type="submit" 
+                    class="btn btn-primary w-100"
+                    disabled={isLoading}
+                >
+                    {#if isLoading}
+                        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+                        Logging in...
+                    {:else}
+                        Login
+                    {/if}
+                </button>
+            </form>
+        </div>
     </div>
-</div>
+</main>
 
 <style>
     .login-container {
diff --git a/src/routes/login/+page.ts b/src/routes/login/+page.ts
new file mode 100644
index 0000000..b2463b2
--- /dev/null
+++ b/src/routes/login/+page.ts
@@ -0,0 +1 @@
+export const ssr =false;
\ No newline at end of file