diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..efd8462
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import { Mail } from "lucide-react";
+
+export default function LoginPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "Giriş Yap", id: "/login" },
+        { name: "Gösterge Paneli", id: "/dashboard" },
+        { name: "Kategoriler", id: "/categories" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <div id="login" data-section="login" className="flex items-center justify-center min-h-screen py-16">
+                    <ContactCenter
+                        tag="Giriş Yap"
+                        tagIcon={Mail}
+                        title="Hesabınıza Giriş Yapın"
+                        description="Stokify yönetim paneline erişmek için bilgilerinizi girin."
+                        background={{ variant: "plain" }}
+                        useInvertedBackground={false}
+                        inputPlaceholder="E-posta adresiniz"
+                        buttonText="Giriş Yap"
+                        onSubmit={(email) => console.log("Login attempt with email:", email)}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file