From 37110f455ca7e1cc24f74ecd7bb980a4bd5a23af Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 22:32:59 +0000
Subject: [PATCH] Add src/app/signup/page.tsx

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

diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
new file mode 100644
index 0000000..7a11438
--- /dev/null
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,178 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactForm from '@/components/form/ContactForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Sparkles } from "lucide-react";
+import { useState } from "react";
+
+export default function SignupPage() {
+  const [formData, setFormData] = useState({
+    firstName: "",    lastName: "",    phone: "",    email: ""
+  });
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = (email: string) => {
+    const fullData = {
+      ...formData,
+      email
+    };
+    console.log("Form submitted:", fullData);
+    // Handle form submission here
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="largeSmallSizeLargeTitles"
+      background="grid"
+      cardStyle="inset"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Elevé Social Society"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Events", id: "events" },
+            { name: "Connect", id: "contact" }
+          ]}
+          button={{
+            text: "Home",            href: "/"
+          }}
+        />
+      </div>
+
+      <div id="signup" data-section="signup" className="min-h-screen flex items-center justify-center py-20">
+        <div className="w-full max-w-2xl px-4">
+          <div className="mb-12 text-center">
+            <h1 className="text-4xl md:text-5xl font-bold mb-4">Join the Circle</h1>
+            <p className="text-lg text-foreground/70">Become part of our exclusive community of ambitious women. Complete the form below to get started.</p>
+          </div>
+
+          <div className="bg-card rounded-lg border border-foreground/10 p-8 md:p-12">
+            <form className="space-y-6" onSubmit={(e) => {
+              e.preventDefault();
+              handleSubmit(formData.email);
+            }}>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label htmlFor="firstName" className="block text-sm font-medium mb-2">First Name</label>
+                  <input
+                    type="text"
+                    id="firstName"
+                    name="firstName"
+                    value={formData.firstName}
+                    onChange={handleInputChange}
+                    placeholder="Your first name"
+                    required
+                    className="w-full px-4 py-3 rounded-lg border border-foreground/20 bg-background focus:outline-none focus:border-primary-cta transition-colors"
+                  />
+                </div>
+                <div>
+                  <label htmlFor="lastName" className="block text-sm font-medium mb-2">Last Name</label>
+                  <input
+                    type="text"
+                    id="lastName"
+                    name="lastName"
+                    value={formData.lastName}
+                    onChange={handleInputChange}
+                    placeholder="Your last name"
+                    required
+                    className="w-full px-4 py-3 rounded-lg border border-foreground/20 bg-background focus:outline-none focus:border-primary-cta transition-colors"
+                  />
+                </div>
+              </div>
+
+              <div>
+                <label htmlFor="phone" className="block text-sm font-medium mb-2">Phone Number</label>
+                <input
+                  type="tel"
+                  id="phone"
+                  name="phone"
+                  value={formData.phone}
+                  onChange={handleInputChange}
+                  placeholder="(123) 456-7890"
+                  required
+                  className="w-full px-4 py-3 rounded-lg border border-foreground/20 bg-background focus:outline-none focus:border-primary-cta transition-colors"
+                />
+              </div>
+
+              <div>
+                <label htmlFor="email" className="block text-sm font-medium mb-2">Email Address</label>
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  value={formData.email}
+                  onChange={handleInputChange}
+                  placeholder="you@example.com"
+                  required
+                  className="w-full px-4 py-3 rounded-lg border border-foreground/20 bg-background focus:outline-none focus:border-primary-cta transition-colors"
+                />
+              </div>
+
+              <div className="pt-4">
+                <button
+                  type="submit"
+                  className="w-full bg-primary-cta text-background font-semibold py-3 rounded-lg hover:opacity-90 transition-opacity"
+                >
+                  Join the Circle
+                </button>
+              </div>
+
+              <p className="text-sm text-foreground/60 text-center pt-2">
+                By joining, you agree to receive event updates and member communications via text message. We respect your privacy and promise elevated experiences.
+              </p>
+            </form>
+          </div>
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Community",              items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Events", href: "/events" },
+                { label: "Join Us", href: "/signup" },
+                { label: "Our Values", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Email", href: "mailto:hello@elevesocietydallas.com" },
+                { label: "Contact", href: "/#contact" },
+                { label: "Press", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Membership Agreement", href: "#" },
+                { label: "Code of Conduct", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2024 Elevé Social Society. All rights reserved. A community for ambitious Dallas women."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file