import Link from "next/link";

export default function Home() {
  return (
    <main className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-primary-50 to-primary-100">
      <div className="text-center space-y-8 px-4">
        <h1 className="text-5xl md:text-6xl font-bold text-primary-800">
          Padel Pro
        </h1>
        <p className="text-xl md:text-2xl text-primary-600 max-w-2xl mx-auto">
          Sistema de Gestion para Clubes de Padel
        </p>
        <div className="flex flex-col sm:flex-row gap-4 justify-center mt-8">
          <Link
            href="/dashboard"
            className="px-8 py-3 bg-primary-800 text-white font-semibold rounded-lg hover:bg-primary-700 transition-colors duration-200 shadow-lg hover:shadow-xl"
          >
            Dashboard
          </Link>
          <Link
            href="/reservas"
            className="px-8 py-3 bg-accent-500 text-white font-semibold rounded-lg hover:bg-accent-600 transition-colors duration-200 shadow-lg hover:shadow-xl"
          >
            Reservas
          </Link>
        </div>
      </div>
    </main>
  );
}