Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 1x 1x 1x 1x 1x 4x | 'use client';
import Link from 'next/link';
import PageTemplate from '@/components/layout/PageTemplate';
import { managementSections } from '@/types/sportEvenement/managementSection';
export default function ManagementPage() {
return (
<PageTemplate
title="Gestion des évènements sportifs"
breadcrumbs={[
{label: 'Accueil', href: '/dashboard'},
{label: 'Tableau de gestion des évènements'}
]}
intro={{
title: "Tableau de gestion des evenement sportifs",
description: "Gérez les différents aspects des évènements sportifs des Jeux Olympiques"
}}
>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12 mx-[2%]">
{managementSections.map((section) => (
<Link
key={section.id}
href={section.href}
className={`${section.color} text-white rounded-lg p-8 cursor-pointer transform transition-all duration-200 hover:scale-105 shadow-lg hover:shadow-xl block`}
>
<div className="text-center">
<div className="text-6xl mb-4">
{section.icon}
</div>
<h3 className="text-xl font-bold mb-2">
{section.title}
</h3>
<p className="text-white/90 text-sm">
{section.description}
</p>
</div>
</Link>
))}
</div>
</PageTemplate>
);
}
|