import Link from 'next/link';
import { AuthCard } from '@/components/AuthCard';
import { PasswordRecoveryForm } from '@/components/PasswordRecoveryForm';

export const metadata = { title: 'Forgot password' };

export default function Forgot() {
  return (
    <AuthCard
      title="Forgot your password?"
      intro="Enter your registered email, verify the six-digit OTP, then choose a new password."
      footer={
        <Link href="/account/login/" className="link">
          Back to sign in
        </Link>
      }
    >
      <PasswordRecoveryForm />
    </AuthCard>
  );
}