import Link from "next/link";
import { MailCheck } from "lucide-react";

export const metadata = { title: "Vérification email — Diabetix" };

export default function VerifyPendingPage() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-br from-teal-50 via-white to-slate-50 px-4">
      <div className="w-full max-w-md rounded-2xl border border-slate-200 bg-white p-8 shadow-sm text-center">
        <MailCheck className="mx-auto mb-4 h-12 w-12 text-teal-600" />
        <h1 className="text-xl font-bold text-slate-900">Vérifiez votre email</h1>
        <p className="mt-3 text-sm text-slate-600 leading-relaxed">
          Votre compte est créé ! Cliquez sur le lien que vous avez reçu par email pour accéder à votre espace.
        </p>
        <p className="mt-4 text-xs text-slate-400">
          Email non reçu ? Vérifiez vos spams ou{" "}
          <Link href="/auth/register" className="text-teal-700 underline">
            réinscrivez-vous
          </Link>
          .
        </p>
      </div>
    </div>
  );
}
