Add src/app/signup/page.tsx

2026-06-07 09:32:13 +00:00
parent 59705560de
commit 5aba5a6d53
1 changed files with 89 additions and 0 deletions
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import EmailSignupForm from '@/components/form/EmailSignupForm';
+
+export default function SignupPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="noise"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "About", id: "#about" },
+              { name: "Collection", id: "#products" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+              { name: "Sign Up", id: "/signup" },
+              { name: "Login", id: "/login" }
+            ]}
+            brandName="ChicThreads"
+          />
+        </div>
+
+        <div id="signup" data-section="signup" className="py-24 md:py-32 lg:py-48 flex items-center justify-center">
+          <div className="max-w-md w-full text-center p-8 bg-card rounded-lg shadow-lg">
+            <h1 className="text-4xl font-bold mb-4">Sign Up</h1>
+            <p className="text-lg text-foreground mb-8">
+              Join ChicThreads today and discover exclusive collections.
+            </p>
+            <EmailSignupForm
+              inputPlaceholder="Your email address"
+              buttonText="Create Account"
+              onSubmit={(email) => alert(`Signing up with ${email}`)}
+            />
+            <p className="text-sm text-foreground/70 mt-4">
+              Already have an account? <a href="/login" className="text-primary-cta hover:underline">Log In</a>
+            </p>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Story", href: "#" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Shop",                items: [
+                  { label: "Abayas", href: "#products" },
+                  { label: "Handbags", href: "#products" },
+                  { label: "New Arrivals", href: "#products" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Shipping & Returns", href: "#" },
+                  { label: "Contact Us", href: "#contact" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 ChicThreads. All rights reserved."
+            bottomRightText="Privacy Policy | Terms of Service"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}