- Build complete Next.js CRM for commercial real estate - Add authentication with JWT sessions and role-based access - Add GoHighLevel API integration for contacts, conversations, opportunities - Add AI-powered Control Center with tool calling - Add Setup page with onboarding checklist (/setup) - Add sidebar navigation with Setup menu item - Fix type errors in onboarding API, GHL services, and control center tools - Add Prisma schema with SQLite for local development - Add UI components with clay morphism design system Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
'use client';
|
|
|
|
import { useSearchParams } from 'next/navigation';
|
|
import Link from 'next/link';
|
|
import { CheckCircle, ArrowRight } from 'lucide-react';
|
|
|
|
export default function DFYSuccessPage() {
|
|
const searchParams = useSearchParams();
|
|
const sessionId = searchParams.get('session_id');
|
|
|
|
return (
|
|
<div className="flex items-center justify-center min-h-[60vh]">
|
|
<div className="text-center max-w-md">
|
|
<div className="w-20 h-20 bg-gradient-to-br from-success-100 to-success-200 rounded-full flex items-center justify-center mx-auto mb-6 shadow-clay">
|
|
<CheckCircle className="w-10 h-10 text-success-600" />
|
|
</div>
|
|
<h1 className="text-2xl font-bold text-slate-900 mb-4">Payment Successful!</h1>
|
|
<p className="text-slate-600 mb-6">
|
|
Thank you for your purchase. Our team will begin working on your setup immediately.
|
|
You'll receive an email with next steps within 24 hours.
|
|
</p>
|
|
<div className="clay-card bg-gradient-to-r from-primary-50 to-primary-100/50 mb-6">
|
|
<p className="text-sm text-slate-700">
|
|
<span className="font-semibold">What happens next?</span>
|
|
<br />
|
|
Our team will review your account and reach out to schedule a kickoff call to understand your specific needs.
|
|
</p>
|
|
</div>
|
|
<Link
|
|
href="/dashboard"
|
|
className="btn-primary inline-flex items-center gap-2"
|
|
>
|
|
Return to Dashboard
|
|
<ArrowRight className="w-4 h-4" />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|