43 lines
1.9 KiB
TypeScript
43 lines
1.9 KiB
TypeScript
import { Button } from "@/components/ui/button"
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
|
import { CheckCircle2 } from "lucide-react"
|
|
import Link from "next/link"
|
|
|
|
export default function SuccessPage() {
|
|
return (
|
|
<div className="min-h-screen bg-background flex items-center justify-center p-4">
|
|
<Card className="max-w-md w-full">
|
|
<CardHeader className="text-center">
|
|
<div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4">
|
|
<CheckCircle2 className="w-10 h-10 text-primary" />
|
|
</div>
|
|
<CardTitle className="text-2xl">Payment Successful!</CardTitle>
|
|
<CardDescription>Welcome to Crypto Commons Gathering 2025</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
<p className="text-center text-muted-foreground">
|
|
You've successfully registered for CCG 2025. Check your email for confirmation details and next steps.
|
|
</p>
|
|
<div className="space-y-2">
|
|
<h3 className="font-semibold">What's Next?</h3>
|
|
<ul className="text-sm space-y-1 text-muted-foreground">
|
|
<li>• Join our Telegram community</li>
|
|
<li>• Watch for pre-event communications</li>
|
|
<li>• Prepare your session proposals</li>
|
|
<li>• Get ready for an amazing experience</li>
|
|
</ul>
|
|
</div>
|
|
<div className="flex gap-3 pt-4">
|
|
<Button asChild className="flex-1">
|
|
<Link href="/">Back to Home</Link>
|
|
</Button>
|
|
<Button asChild variant="outline" className="flex-1 bg-transparent">
|
|
<a href="https://t.me/+Bc48A-mqvmY3MmE0">Join Telegram</a>
|
|
</Button>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
)
|
|
}
|