84 lines
3.2 KiB
TypeScript
84 lines
3.2 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { useSession } from "next-auth/react";
|
|
import Header from "@/components/Header";
|
|
|
|
export default function LandingPage() {
|
|
const { data: session } = useSession();
|
|
|
|
const isAdmin = session?.user?.role === "ADMIN";
|
|
|
|
return (
|
|
<main className="min-h-screen flex flex-col">
|
|
<Header />
|
|
<div className="flex flex-1 flex-col items-center justify-center px-4 pt-2 pb-8">
|
|
<div className="mb-6 mt-0 text-center">
|
|
<div className="mx-auto mb-4 h-20 w-20 overflow-hidden rounded-full border-2 border-primary-500 sm:h-24 sm:w-24">
|
|
<img
|
|
src="/images/logo-muaythai.jpg"
|
|
alt="Juanito Logo"
|
|
className="h-full w-full object-cover"
|
|
/>
|
|
</div>
|
|
<h1 className="text-3xl font-extrabold tracking-tight">
|
|
Juanito<span className="text-primary-500">Sport</span>
|
|
</h1>
|
|
<p className="mt-2 text-white/60">
|
|
Force, Mobilité & Performance
|
|
</p>
|
|
</div>
|
|
|
|
<div className="grid w-full max-w-2xl grid-cols-2 gap-3 sm:gap-4">
|
|
<Link
|
|
href="/muay-thai"
|
|
className="group flex flex-col items-center justify-center rounded-2xl border border-primary-600/40 bg-gradient-to-br from-primary-800/40 to-dark-800 px-3 py-4 text-center shadow-xl transition-all hover:scale-[1.02] hover:border-primary-500 active:scale-95 sm:rounded-3xl sm:px-6 sm:py-7"
|
|
>
|
|
<span className="mb-2 h-12 w-12 overflow-hidden rounded-full border-2 border-primary-500 sm:mb-3 sm:h-20 sm:w-20">
|
|
<img
|
|
src="/images/logo-muaythai.jpg"
|
|
alt="Muay Thai"
|
|
className="h-full w-full object-cover"
|
|
/>
|
|
</span>
|
|
<span className="text-base font-bold leading-tight text-primary-300 sm:text-2xl">
|
|
Juanito Muay Thai
|
|
</span>
|
|
<span className="mt-1.5 text-xs text-white/60 sm:text-sm">
|
|
L'art martial du Siam
|
|
</span>
|
|
</Link>
|
|
|
|
<Link
|
|
href="/yog4fight"
|
|
className="group flex flex-col items-center justify-center rounded-2xl border border-emerald-500/40 bg-gradient-to-br from-emerald-800/40 to-dark-800 px-3 py-4 text-center shadow-xl transition-all hover:scale-[1.02] hover:border-emerald-400 active:scale-95 sm:rounded-3xl sm:px-6 sm:py-7"
|
|
>
|
|
<span className="mb-2 h-12 w-12 overflow-hidden rounded-full border-2 border-emerald-500 sm:mb-3 sm:h-20 sm:w-20">
|
|
<img
|
|
src="/images/logo-yoga.png"
|
|
alt="Yog4Fight"
|
|
className="h-full w-full object-cover"
|
|
/>
|
|
</span>
|
|
<span className="text-base font-bold leading-tight text-emerald-300 sm:text-2xl">
|
|
Juanito Yog 4 Fight
|
|
</span>
|
|
<span className="mt-1.5 text-xs text-white/60 sm:text-sm">
|
|
#mobilité égale performance
|
|
</span>
|
|
</Link>
|
|
</div>
|
|
|
|
{isAdmin && (
|
|
<Link
|
|
href="/admin"
|
|
className="btn-secondary mt-6 text-sm"
|
|
>
|
|
⚙️ Tableau de bord admin
|
|
</Link>
|
|
)}
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|