diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..259498a
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,18 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactForm from '@/components/form/ContactForm';
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Products", id: "/products"}, {name: "About", id: "/about"}, {name: "Login", id: "/login"}, {name: "Cart", id: "/cart"}, {name: "Contact", id: "/contact"}]} brandName="LUXE" />
+      <ContactForm 
+        title="Welcome Back"
+        description="Sign in to your luxury account."
+        tag="Authentication"
+        buttonText="Sign In"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file