diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..13159e6
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactForm from '@/components/form/ContactForm';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "About", id: "/#about" },
+          { name: "Services", id: "/#features" },
+          { name: "Register", id: "/register" },
+          { name: "Login", id: "/login" },
+        ]}
+        brandName="MediConnect"
+      />
+      <div className="min-h-screen pt-24 flex items-center justify-center">
+        <ContactForm
+          title="Patient Login"
+          description="Sign in to your secure portal."
+          tag="Login"
+          buttonText="Login"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file