diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..b7f80e3
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+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"
+      />
+      <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>
+          <form className="flex flex-col gap-4">
+            <input type="email" placeholder="Email" className="p-3 border rounded" />
+            <input type="password" placeholder="Password" className="p-3 border rounded" />
+            <button className="bg-primary p-3 rounded text-white">Sign In</button>
+          </form>
+        </div>
+      </div>
+      <FooterBase columns={[]} logoText="jonn" />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file