From 12e46b5a61a3cd655a348dd80af39b967d0e7fa2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 07:57:47 +0000
Subject: [PATCH] Add src/app/auth/page.tsx

---
 src/app/auth/page.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/app/auth/page.tsx

diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
new file mode 100644
index 0000000..e409033
--- /dev/null
+++ b/src/app/auth/page.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/components/theme-provider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function AuthPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Product Details", id: "/product-details" },
+    { name: "Auth", id: "/auth" },
+    { name: "Account", id: "/account" },
+    { name: "Orders", id: "/orders" }
+  ];
+
+  return (
+    <ThemeProvider>
+      <NavbarStyleApple navItems={navItems} brandName="SoleCrafters" />
+      <main>
+        <div id="authentication" data-section="authentication">
+          <ContactCenter
+            tag="Authentication"
+            title="Sign In or Sign Up"
+            description="Access your SoleCrafters account to manage your designs, orders, and preferences."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            inputPlaceholder="Enter your email"
+            buttonText="Continue with Email"
+            termsText="By continuing, you agree to our Terms and Privacy Policy."
+            onSubmit={(email) => console.log("Auth attempt with:", email)}
+          />
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}