bender/a9f2c3f1-a7c2-46d1-9e79-8ba85fa8bc0c
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_7
Branches Tags
bender:main bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_10
Branches Tags
bender:main bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

9 Commits
version_7 ... version_10

Author SHA1 Message Date
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
bender
e91715a197 Update src/app/page.tsx 2026-03-06 06:07:27 +00:00
bender
c75dd59c0a Merge version_7 into main 
Merge version_7 into main
 2026-03-06 06:05:59 +00:00
3 changed files with 99 additions and 14 deletions
Expand all files Collapse all files

69
src/app/api/waitlist/route.ts Normal file
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 }
);
}
}

5
src/app/layout.tsx
View File

@@ -15,6 +15,9 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<head>
<script async src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body className={inter.className}>{children} <body className={inter.className}>{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@@ -1385,4 +1388,4 @@ export default function RootLayout({
</body> </body>
</html> </html>
); );
} }

39
src/app/page.tsx
View File

@@ -37,8 +37,21 @@ export default function LandingPage() {
const [formStatus, setFormStatus] = useState<'idle' | 'success' | 'error'>('idle'); const [formStatus, setFormStatus] = useState<'idle' | 'success' | 'error'>('idle');
const contactFormRef = useRef<HTMLDivElement>(null); const contactFormRef = useRef<HTMLDivElement>(null);
const handleWaitlistSubmit = (formData: WaitlistFormData) => { const handleWaitlistSubmit = async (formData: WaitlistFormData) => {
try { 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]); setWaitlistData([...waitlistData, formData]);
setFormStatus('success'); setFormStatus('success');
setTimeout(() => setFormStatus('idle'), 3000); setTimeout(() => setFormStatus('idle'), 3000);
@@ -118,13 +131,13 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
id: "1", value: "Brands", title: "Run Your Content Past Expiry", items: ["No expiration tracking", "Licenses silently expire", "Brands keep profiting—you don't"] id: "1", value: "Brands Use Expired Licenses", title: "Content Keeps Running Past Expiry", items: ["No expiration tracking", "Licenses silently expire", "Brands keep profiting—you don't"]
}, },
{ {
id: "2", value: "You Never", title: "Invoice the Renewal", items: ["Manual renewal follow-ups", "Easy to forget", "Lost revenue disappears"] id: "2", value: "You Miss Renewal Invoices", title: "Nobody Remembers to Bill", items: ["Manual renewal follow-ups", "Easy to forget", "Lost revenue disappears"]
}, },
{ {
id: "3", value: "That's Money", title: "You'll Never See", items: ["Average loss: $1,200/creator", "Expires quarterly", "Compounds over time"] id: "3", value: "Revenue Slips Away Silently", title: "Money Lost to Expired Deals", items: ["Average loss: $1,200/creator", "Expires quarterly", "Compounds over time"]
} }
]} ]}
/> />
@@ -316,13 +329,13 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
<div className="max-w-4xl mx-auto px-4 py-12"> <div className="max-w-4xl mx-auto px-4 py-12">
<div className="bg-card rounded-lg p-8 shadow-sm"> <div className="bg-card rounded-lg p-8 shadow-sm">
<div className="mb-8"> <div className="mb-8">
<h2 className="text-3xl font-bold mb-2">Get Early Access</h2> <h2 className="text-3xl font-bold mb-2 break-words overflow-hidden text-ellipsis">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> <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> </div>
<form onSubmit={handleSubmit} className="space-y-4"> <form onSubmit={handleSubmit} className="space-y-4">
<div> <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> Email Address <span className="text-primary-cta">*</span>
</label> </label>
<Input <Input
@@ -335,7 +348,7 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
</div> </div>
<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> Instagram Handle <span className="text-foreground/50">(optional)</span>
</label> </label>
<Input <Input
@@ -347,7 +360,7 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
</div> </div>
<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> TikTok Handle <span className="text-foreground/50">(optional)</span>
</label> </label>
<Input <Input
@@ -368,22 +381,22 @@ function WaitlistFormSection({ onSubmit, formStatus }: { onSubmit: (data: Waitli
</form> </form>
{formStatus === 'success' && ( {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. ✓ Successfully joined the waitlist! Check your email for confirmation.
</div> </div>
)} )}
{formStatus === 'error' && ( {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. × Something went wrong. Please try again.
</div> </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. We respect your privacy. Unsubscribe anytime. No spam, ever.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
); );
} }