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>
+  );
+}