import type { Metadata } from "next";
import { FormulaireConnexion } from "./formulaire";

export const metadata: Metadata = { title: "Connexion" };

export default function PageConnexion() {
  return (
    <main className="flex min-h-dvh items-center justify-center px-4">
      <div className="w-full max-w-sm rounded-2xl border border-bord bg-surface p-8 shadow-sm">
        <img src="/icone.svg" alt="" className="mb-6 h-10 w-10" />
        <h1 className="text-xl font-semibold">ERP Événementiel</h1>
        <p className="mb-6 text-sm text-encre-2">Connectez-vous pour accéder à vos dossiers.</p>
        <FormulaireConnexion />
      </div>
    </main>
  );
}