import type { Metadata } from "next";
import ForgotPasswordForm from "@/components/auth/forgot-password/ForgotPasswordForm";

export const metadata: Metadata = {
  title: "Forgot Password",
  description: "Request a link to reset your S.I. Tech Hub account password.",
  robots: { index: false },
};

export default function ForgotPasswordPage() {
  return (
    <main className="flex min-h-screen w-full flex-col items-center justify-center gap-6 px-4 py-6">
      <section className="w-full max-w-md">
        <div className="mb-6 text-center">
          <h1 className="text-xl font-bold tracking-tight sm:text-2xl">
            Reset your password
          </h1>
          <p className="mt-2 text-sm text-muted-foreground">
            Enter the email address you used to create your account and we&apos;ll
            send you a secure reset link.
          </p>
        </div>
        <ForgotPasswordForm />
      </section>
    </main>
  );
}