import Link from "next/link";

export default function LoginChoicePage() {
  return (
    <main className="min-h-dvh flex items-center justify-center p-6 bg-slate-50">
      <div className="w-full max-w-md space-y-6">
        <div className="text-center">
          <h1 className="text-3xl font-semibold tracking-tight">MRP</h1>
          <p className="text-slate-500 mt-1">Sign in to continue</p>
        </div>
        <div className="grid gap-3">
          <Link
            href="/login/operator"
            className="block rounded-xl bg-slate-900 text-white px-5 py-4 text-center font-medium shadow-sm hover:bg-slate-800 transition"
          >
            I&apos;m an operator
          </Link>
          <Link
            href="/login/admin"
            className="block rounded-xl bg-white border border-slate-200 px-5 py-4 text-center font-medium text-slate-900 hover:bg-slate-100 transition"
          >
            Admin sign-in
          </Link>
        </div>
      </div>
    </main>
  );
}