49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
interface Event {
|
|
date: string;
|
|
name: string;
|
|
}
|
|
|
|
const events: Event[] = [
|
|
{
|
|
date: "18 NOVEMBRE 2023",
|
|
name: "Sommet de l'Innovation Tech",
|
|
},
|
|
{
|
|
date: "3 DÉCEMBRE 2023",
|
|
name: "Lancement de la Révolution IA",
|
|
},
|
|
{
|
|
date: "22 DÉCEMBRE 2023",
|
|
name: "Festival du Code d'Hiver",
|
|
},
|
|
];
|
|
|
|
export default function EventsSection() {
|
|
return (
|
|
<section className="w-full bg-gray-950 border-t border-pixel-gold/30 py-16">
|
|
<div className="max-w-7xl mx-auto px-8">
|
|
<div className="flex flex-col md:flex-row items-center justify-around gap-8">
|
|
{events.map((event, index) => (
|
|
<div key={index} className="flex flex-col items-center">
|
|
<div className="flex flex-col items-center mb-4">
|
|
<span className="text-pixel-gold text-xs uppercase tracking-widest mb-2">
|
|
Événement
|
|
</span>
|
|
<div className="w-16 h-px bg-pixel-gold"></div>
|
|
</div>
|
|
<div className="text-white text-lg font-bold mb-2 uppercase tracking-wide">
|
|
{event.date}
|
|
</div>
|
|
<div className="text-white text-base text-center">
|
|
{event.name}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|