4 Commits

Author SHA1 Message Date
7d9e3379cc Update src/app/page.tsx 2026-03-06 06:18:33 +00:00
a255161583 Update src/app/layout.tsx 2026-03-06 06:18:32 +00:00
ad8bbfecf6 Add src/app/api/waitlist/route.ts 2026-03-06 06:18:32 +00:00
73710d854b Merge version_9 into main
Merge version_9 into main
2026-03-06 06:13:48 +00:00
3 changed files with 86 additions and 1 deletions

View File

@@ -0,0 +1,69 @@
import { NextRequest, NextResponse } from 'next/server';
const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL || '';
const SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || '';
export async function POST(request: NextRequest) {
try {
const body = await request.json();
const { email, instagram, tiktok } = body;
// Validate email
if (!email || !email.includes('@')) {
return NextResponse.json(
{ error: 'Invalid email address' },
{ status: 400 }
);
}
// Check if Supabase credentials are configured
if (!SUPABASE_URL || !SUPABASE_ANON_KEY) {
console.error('Supabase credentials not configured');
// Still return success to user, but log the error
return NextResponse.json(
{ message: 'Submission received (database pending)' },
{ status: 202 }
);
}
// Insert into Supabase
const response = await fetch(`${SUPABASE_URL}/rest/v1/waitlist`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'apikey': SUPABASE_ANON_KEY,
'Authorization': `Bearer ${SUPABASE_ANON_KEY}`,
},
body: JSON.stringify({
email,
instagram: instagram || null,
tiktok: tiktok || null,
created_at: new Date().toISOString(),
}),
});
if (!response.ok) {
console.error('Supabase error:', await response.text());
// Check if it's a duplicate entry error
const errorText = await response.text();
if (errorText.includes('duplicate') || errorText.includes('unique')) {
return NextResponse.json(
{ error: 'This email is already on the waitlist' },
{ status: 409 }
);
}
throw new Error(`Supabase error: ${response.status}`);
}
return NextResponse.json(
{ message: 'Successfully joined the waitlist' },
{ status: 201 }
);
} catch (error) {
console.error('Waitlist API error:', error);
return NextResponse.json(
{ error: 'Failed to process waitlist submission' },
{ status: 500 }
);
}
}

View File

@@ -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={{

View File

@@ -37,8 +37,21 @@ 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 {
// Send to database via API
const response = await fetch('/api/waitlist', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(formData),
});
if (!response.ok) {
throw new Error('Failed to submit form');
}
setWaitlistData([...waitlistData, formData]);
setFormStatus('success');
setTimeout(() => setFormStatus('idle'), 3000);