Switch to version 11: remove .env.local.example

Switch to version 11: modified src/app/page.tsx
Switch to version 11: modified src/app/api/waitlist/route.ts
2026-03-06 08:25:00 +00:00 · 2026-03-06 08:25:00 +00:00 · 2026-03-06 08:25:00 +00:00 · 2026-03-06 08:24:59 +00:00 · 2026-03-06 08:11:44 +00:00 · 2026-03-06 08:11:40 +00:00
3 changed files with 115 additions and 13 deletions
--- a/src/app/api/waitlist/route.ts
+++ b/src/app/api/waitlist/route.ts
@@ -0,0 +1,86 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+interface WaitlistEntry {
+  email: string;
+  instagram?: string;
+  tiktok?: string;
+  createdAt: string;
+}
+
+// In-memory storage for demonstration
+// In production, replace with actual database (MongoDB, PostgreSQL, etc.)
+const waitlistEntries: WaitlistEntry[] = [];
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { email, instagram, tiktok } = body;
+
+    // Validate email
+    if (!email || typeof email !== 'string' || !email.includes('@')) {
+      return NextResponse.json(
+        { error: 'Valid email is required' },
+        { status: 400 }
+      );
+    }
+
+    // Check for duplicate email
+    if (waitlistEntries.some(entry => entry.email === email)) {
+      return NextResponse.json(
+        { error: 'Email already registered' },
+        { status: 409 }
+      );
+    }
+
+    // Create waitlist entry
+    const entry: WaitlistEntry = {
+      email,
+      instagram: instagram || undefined,
+      tiktok: tiktok || undefined,
+      createdAt: new Date().toISOString()
+    };
+
+    // Add to in-memory storage
+    waitlistEntries.push(entry);
+
+    // TODO: In production, save to database here
+    // Example for MongoDB:
+    // await db.collection('waitlist').insertOne(entry);
+    
+    // TODO: Send confirmation email
+    // Example:
+    // await sendEmail({
+    //   to: email,
+    //   subject: 'Welcome to Clearance Waitlist',
+    //   template: 'waitlist-confirmation'
+    // });
+
+    console.log('Waitlist entry created:', entry);
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: 'Successfully joined the waitlist',
+        data: entry
+      },
+      { status: 201 }
+    );
+  } catch (error) {
+    console.error('Waitlist API error:', error);
+    return NextResponse.json(
+      { error: 'Internal server error' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET() {
+  // Optional: Get all waitlist entries (add authentication in production)
+  return NextResponse.json(
+    {
+      count: waitlistEntries.length,
+      entries: waitlistEntries
+    },
+    { status: 200 }
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -15,6 +15,9 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
+      <head>
+        <script async src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+      </head>
      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
@@ -1385,4 +1388,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -37,12 +37,26 @@ export default function LandingPage() {
  const [formStatus, setFormStatus] = useState<'idle' | 'success' | 'error'>('idle');
  const contactFormRef = useRef<HTMLDivElement>(null);

-  const handleWaitlistSubmit = (formData: WaitlistFormData) => {
+  const handleWaitlistSubmit = async (formData: WaitlistFormData) => {
    try {
+      const response = await fetch('/api/waitlist', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(formData),
+      });
+
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || 'Failed to submit form');
+      }
+
+      const responseData = await response.json();
      setWaitlistData([...waitlistData, formData]);
      setFormStatus('success');
      setTimeout(() => setFormStatus('idle'), 3000);
-      console.log('Waitlist submission:', formData);
+      console.log('Waitlist submission successful:', responseData);
    } catch (error) {
      setFormStatus('error');
      console.error('Error submitting waitlist form:', error);
@@ -52,7 +66,6 @@ export default function LandingPage() {
  const handleJoinWaitlistClick = () => {
    if (contactFormRef.current) {
      contactFormRef.current.scrollIntoView({ behavior: 'smooth' });
-      // Focus on the email input after scroll
      setTimeout(() => {
        const emailInput = contactFormRef.current?.querySelector('input[type="email"]') as HTMLInputElement;
        if (emailInput) {
@@ -316,13 +329,13 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
      <div className="max-w-4xl mx-auto px-4 py-12">
        <div className="bg-card rounded-lg p-8 shadow-sm">
          <div className="mb-8">
-            <h2 className="text-3xl font-bold mb-2">Get Early Access</h2>
-            <p className="text-foreground/70">Join the waitlist and be among the first to protect your IP revenue. Early adopters get lifetime discounts and 1-on-1 onboarding.</p>
+            <h2 className="text-3xl font-bold mb-2 break-words overflow-hidden text-ellipsis">Get Early Access</h2>
+            <p className="text-foreground/70 break-words overflow-hidden text-ellipsis">Join the waitlist and be among the first to protect your IP revenue. Early adopters get lifetime discounts and 1-on-1 onboarding.</p>
          </div>

          <form onSubmit={handleSubmit} className="space-y-4">
            <div>
-              <label htmlFor="email" className="block text-sm font-medium mb-2">
+              <label htmlFor="email" className="block text-sm font-medium mb-2 break-words overflow-hidden text-ellipsis">
                Email Address <span className="text-primary-cta">*</span>
              </label>
              <Input
@@ -335,7 +348,7 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
            </div>

            <div>
-              <label htmlFor="instagram" className="block text-sm font-medium mb-2">
+              <label htmlFor="instagram" className="block text-sm font-medium mb-2 break-words overflow-hidden text-ellipsis">
                Instagram Handle <span className="text-foreground/50">(optional)</span>
              </label>
              <Input
@@ -347,7 +360,7 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
            </div>

            <div>
-              <label htmlFor="tiktok" className="block text-sm font-medium mb-2">
+              <label htmlFor="tiktok" className="block text-sm font-medium mb-2 break-words overflow-hidden text-ellipsis">
                TikTok Handle <span className="text-foreground/50">(optional)</span>
              </label>
              <Input
@@ -368,22 +381,22 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
          </form>

          {formStatus === 'success' && (
-            <div className="mt-4 p-4 bg-green-100/20 border border-green-500/30 rounded-lg text-green-700 text-sm">
+            <div className="mt-4 p-4 bg-green-100/20 border border-green-500/30 rounded-lg text-green-700 text-sm break-words overflow-hidden text-ellipsis">
              ✓ Successfully joined the waitlist! Check your email for confirmation.
            </div>
          )}

          {formStatus === 'error' && (
-            <div className="mt-4 p-4 bg-red-100/20 border border-red-500/30 rounded-lg text-red-700 text-sm">
+            <div className="mt-4 p-4 bg-red-100/20 border border-red-500/30 rounded-lg text-red-700 text-sm break-words overflow-hidden text-ellipsis">
              × Something went wrong. Please try again.
            </div>
          )}

-          <p className="mt-6 text-xs text-foreground/50 text-center">
+          <p className="mt-6 text-xs text-foreground/50 text-center break-words overflow-hidden text-ellipsis">
            We respect your privacy. Unsubscribe anytime. No spam, ever.
          </p>
        </div>
      </div>
    </div>
  );
-}
+}
Author	SHA1	Message	Date
bender	e5fd3ec8e8	Switch to version 11: remove .env.local.example	2026-03-06 08:25:00 +00:00
bender	3eb21771d1	Switch to version 11: modified src/app/page.tsx	2026-03-06 08:25:00 +00:00
bender	2f113b3b0f	Switch to version 11: modified src/app/api/waitlist/route.ts	2026-03-06 08:25:00 +00:00
bender	f4eeb48f17	Switch to version 11: modified package.json	2026-03-06 08:24:59 +00:00
bender	26507f4126	Merge version_12 into main Merge version_12 into main	2026-03-06 08:11:44 +00:00
bender	0924e85ee7	Update src/app/api/waitlist/route.ts	2026-03-06 08:11:40 +00:00
bender	416688826f	Merge version_12 into main Merge version_12 into main	2026-03-06 08:00:16 +00:00
bender	e80dcca1a8	Update src/app/page.tsx	2026-03-06 08:00:12 +00:00
bender	6b7ca8c352	Merge version_12 into main Merge version_12 into main	2026-03-06 07:59:13 +00:00
bender	416ab0fb9c	Update src/app/page.tsx	2026-03-06 07:59:09 +00:00
bender	fc3c5dbe19	Update src/app/api/waitlist/route.ts	2026-03-06 07:59:09 +00:00
bender	a3258ea000	Update package.json	2026-03-06 07:59:09 +00:00
bender	80eda59319	Add .env.local.example	2026-03-06 07:59:08 +00:00
bender	63f1f58dc9	Merge version_11 into main Merge version_11 into main	2026-03-06 06:25:29 +00:00
bender	8f96928c52	Update src/app/page.tsx	2026-03-06 06:25:25 +00:00
bender	92065771c3	Update src/app/api/waitlist/route.ts	2026-03-06 06:25:25 +00:00
bender	1792646e60	Merge version_10 into main Merge version_10 into main	2026-03-06 06:18:37 +00:00
bender	7d9e3379cc	Update src/app/page.tsx	2026-03-06 06:18:33 +00:00
bender	a255161583	Update src/app/layout.tsx	2026-03-06 06:18:32 +00:00
bender	ad8bbfecf6	Add src/app/api/waitlist/route.ts	2026-03-06 06:18:32 +00:00
bender	73710d854b	Merge version_9 into main Merge version_9 into main	2026-03-06 06:13:48 +00:00
bender	68469d88dd	Update src/app/page.tsx	2026-03-06 06:13:38 +00:00
bender	63c8304a3b	Update src/app/layout.tsx	2026-03-06 06:13:37 +00:00
bender	b956958798	Merge version_8 into main Merge version_8 into main	2026-03-06 06:07:31 +00:00