43 lines
1.8 KiB
TypeScript
43 lines
1.8 KiB
TypeScript
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">
|
|
{/* Logo */}
|
|
<div className="flex justify-center">
|
|
<div className="w-20 h-20 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
|
|
<svg viewBox="0 0 40 40" className="w-12 h-12 text-white" fill="none">
|
|
<path d="M22 4L8 22h10l-4 14L28 18H18l4-14z" fill="currentColor" />
|
|
<circle cx="32" cy="8" r="2" fill="currentColor" opacity="0.8" />
|
|
<circle cx="35" cy="12" r="1.2" fill="currentColor" opacity="0.6" />
|
|
<circle cx="30" cy="4" r="1" fill="currentColor" opacity="0.5" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<h1 className="text-5xl md:text-6xl font-bold text-primary-800">
|
|
Cabo Pickleball Club
|
|
</h1>
|
|
<p className="text-sm text-primary-400 -mt-4">Powered by SmashPoint</p>
|
|
<p className="text-xl md:text-2xl text-primary-600 max-w-2xl mx-auto">
|
|
Court Management System
|
|
</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="/bookings"
|
|
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"
|
|
>
|
|
Book a Court
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|