import Link from "next/link";

export default function Home() {
  return (
    <div className="flex flex-col min-h-screen items-center justify-center bg-slate-100 font-sans">
      <main className="flex flex-1 w-full max-w-2xl flex-col items-center justify-center py-16 px-6">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold tracking-tight text-slate-800 mb-4">
            SGMP
          </h1>
          <p className="text-slate-600 text-lg">
            Sistema de Gestão e Movimentações de Pessoas
          </p>
        </div>

        <div className="flex flex-col gap-4 w-full max-w-xs">
          <Link
            href="/tela_login"
            className="flex h-12 w-full items-center justify-center rounded-lg bg-blue-600 text-white font-semibold transition-colors hover:bg-blue-700"
          >
            Entrar
          </Link>
          <Link
            href="/dashboard"
            className="flex h-12 w-full items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-700 font-medium transition-colors hover:bg-slate-50"
          >
            Dashboard (após login)
          </Link>
        </div>

        <p className="mt-8 text-sm text-slate-500 text-center">
          Migração gradual: Login e Dashboard já disponíveis no Next.js.
        </p>
      </main>
    </div>
  );
}