import Link from "next/link";
import { CheckCircle, Home, Shield } from "lucide-react";

export default function InsuranceSuccessPage() {
  return (
    <div className="min-h-screen bg-gray-50 flex items-center justify-center px-4">
      <div className="max-w-md w-full bg-white rounded-3xl shadow-sm p-10 text-center">
        <div className="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
          <CheckCircle className="h-10 w-10 text-green-500" />
        </div>
        <h1 className="text-2xl font-bold text-gray-900 mb-2">You&apos;re Covered!</h1>
        <p className="text-gray-500 text-sm leading-relaxed mb-8">
          Your pet insurance plan is now active. You&apos;ll receive a welcome email with your policy details shortly. Your subscription can be managed anytime from your account.
        </p>
        <div className="flex flex-col sm:flex-row gap-3">
          <Link href="/insurance" className="btn-outline flex-1 justify-center">
            <Shield className="h-4 w-4" />
            View Plans
          </Link>
          <Link href="/" className="btn-primary flex-1 justify-center">
            <Home className="h-4 w-4" />
            Go Home
          </Link>
        </div>
      </div>
    </div>
  );
}