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

export default function SignUpSuccessPage() {
  return (
    <div dir="rtl" className="min-h-screen flex items-center justify-center px-6 py-10 bg-background">
      <div className="w-full max-w-md text-center">
        <div className="inline-flex h-14 w-14 items-center justify-center rounded-full bg-emerald-50 border border-emerald-200 mb-6">
          <MailCheck className="h-7 w-7 text-emerald-600" />
        </div>
        <h1 className="text-[26px] font-bold mb-2">{i18n.t('app.auth.sign-up-success.page.text_1')}</h1>
        <p className="text-[13.5px] text-muted-foreground mb-6 leading-relaxed">
          {i18n.t('app.auth.sign-up-success.page.text_2')}</p>
        <Link
          href="/login"
          className="inline-flex items-center justify-center h-11 px-6 rounded-lg bg-gradient-to-b from-gold-500 to-gold-600 text-white font-semibold text-[13.5px]"
        >
          {i18n.t('app.auth.sign-up-success.page.text_3')}</Link>
      </div>
    </div>
  )
}
