Add src/app/login/page.tsx

src/app/login/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+
+export default function LoginPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="hover-bubble"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="rounded"
+            contentWidth="small"
+            sizing="largeSmallSizeLargeTitles"
+            background="aurora"
+            cardStyle="gradient-bordered"
+            primaryButtonStyle="double-inset"
+            secondaryButtonStyle="solid"
+            headingFontWeight="extrabold"
+        >
+            <NavbarStyleCentered
+                brandName="Luminé Skincare"
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Login", id: "/login" },
+                    { name: "Contact", id: "/#contact" }
+                ]}
+            />
+            <div className="pt-32 pb-20">
+                <ContactSplitForm
+                    title="Welcome Back"
+                    description="Login to your account to manage your orders, preferences, and saved items."
+                    inputs={[
+                        { name: "email", type: "email", placeholder: "Email Address", required: true },
+                        { name: "password", type: "password", placeholder: "Password", required: true }
+                    ]}
+                    buttonText="Login"
+                    useInvertedBackground={false}
+                    onSubmit={(data) => console.log("Login data:", data)}
+                />
+            </div>
+            <FooterBaseCard
+                logoText="Luminé"
+                columns={[]}
+            />
+        </ThemeProvider>
+    );
+}