import Image from "next/image";
import LoginForm from "@/components/forms/LoginForm";

export default function LoginPage() {
  return (
    <main className="min-h-screen bg-slate-100 flex items-center justify-center px-4">
      <section className="w-full max-w-md rounded-lg bg-white p-8 shadow-lg">
        <div className="mb-6 text-center">

          <Image
            src="/RHconnect.png"
            alt="Logo RH Connect"
            width={110}
            height={110}
            className="mx-auto"
            priority
          />

          <p className="mt-2 text-sm text-slate-500">
            Connectez-vous pour accéder à l’espace de gestion.
          </p>
        </div>

        <LoginForm />
      </section>
    </main>
  );
}