Switch to version 14: remove src/app/thank-you/page.tsx
This commit is contained in:
@@ -1,125 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import { CheckCircle, ArrowRight } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ThankYouPage() {
|
||||
const searchParams = useSearchParams();
|
||||
const url = searchParams.get("url") || "";
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background flex items-center justify-center px-4 py-20">
|
||||
<div className="max-w-2xl w-full">
|
||||
<div className="text-center mb-8">
|
||||
<div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary-cta/20 mb-6">
|
||||
<CheckCircle size={32} className="text-primary-cta" />
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-foreground mb-4">
|
||||
Thank You!
|
||||
</h1>
|
||||
<p className="text-lg text-foreground/70 mb-2">
|
||||
Your free 3 ad creatives are on the way.
|
||||
</p>
|
||||
{url && (
|
||||
<p className="text-base text-foreground/60 mb-8">
|
||||
We've received your website: <span className="font-semibold text-foreground">{url}</span>
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="bg-card border border-accent/20 rounded-lg p-8 mb-8">
|
||||
<h2 className="text-2xl font-bold text-foreground mb-6">What's Next?</h2>
|
||||
<div className="space-y-6">
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Check Your Email</h3>
|
||||
<p className="text-foreground/70">
|
||||
Within 1-2 hours, you'll receive a welcome email with next steps and our creative brief form.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Fill Out the Brief</h3>
|
||||
<p className="text-foreground/70">
|
||||
Tell us about your product, target audience, and campaign goals. Upload any brand guidelines or reference materials.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Sit Back & Relax</h3>
|
||||
<p className="text-foreground/70">
|
||||
Our creative team will craft 3 premium ad creatives optimized for your platforms. You'll have them in 48 hours.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Review & Iterate</h3>
|
||||
<p className="text-foreground/70">
|
||||
Get your creatives and review them. We'll incorporate feedback within 24 hours. Once happy, deploy and start seeing results.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 rounded-lg p-6 mb-8">
|
||||
<h3 className="font-semibold text-foreground mb-3">💡 Pro Tips:</h3>
|
||||
<ul className="space-y-2 text-foreground/70">
|
||||
<li>• Be specific about your target audience demographics and interests</li>
|
||||
<li>• Share examples of ads you like (from competitors or other brands)</li>
|
||||
<li>• Provide clear brand guidelines and any assets you want us to use</li>
|
||||
<li>• Let us know your primary conversion goal (clicks, sales, signups, etc.)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col md:flex-row gap-4 justify-center">
|
||||
<Link
|
||||
href="/"
|
||||
className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-card border border-accent/20 text-foreground font-semibold rounded-full hover:bg-accent/5 transition-colors"
|
||||
>
|
||||
Back to Home
|
||||
</Link>
|
||||
<a
|
||||
href="https://wa.me/1234567890"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity"
|
||||
>
|
||||
Chat with Us <ArrowRight size={18} />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p className="text-center text-foreground/60 text-sm mt-8">
|
||||
Questions? Chat with us on WhatsApp or reply to your confirmation email.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user