soufiane
e0330d4f28
- Add reset-password page to handle password reset flow - Fix forgot-password to call real API - Update contest dates (validation: Dec 1-31, recovery: Dec 1 - Jan 31) - Update draw date to Feb 1, 2026 - Improve GamePeriod and GrandPrize components design - Remove "livré chez vous" text 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
50 lines
2.7 KiB
TypeScript
50 lines
2.7 KiB
TypeScript
'use client';
|
|
|
|
export default function GamePeriod() {
|
|
return (
|
|
<div className="grid md:grid-cols-2 gap-8 mt-8">
|
|
{/* Période de validation des tickets */}
|
|
<div className="bg-gradient-to-br from-white to-[#fffbeb] rounded-3xl shadow-xl p-10 border-2 border-[#f59e0b] hover:shadow-2xl hover:scale-[1.02] transition-all duration-300">
|
|
<div className="flex flex-col items-center text-center">
|
|
<div className="bg-gradient-to-br from-[#fef3c7] to-[#fde68a] rounded-full p-6 mb-6 shadow-lg">
|
|
<svg className="w-12 h-12 text-[#f59e0b]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z" />
|
|
</svg>
|
|
</div>
|
|
<h3 className="text-2xl md:text-3xl font-bold text-gray-900 mb-4">Période de validation des tickets</h3>
|
|
<p className="text-lg text-gray-600 mb-6">
|
|
Achetez et validez votre code de participation
|
|
</p>
|
|
<div className="bg-[#f59e0b]/10 rounded-2xl px-6 py-4 w-full">
|
|
<p className="text-lg font-bold text-[#b45309]">
|
|
Du 1 décembre 2025 au 31 décembre 2025
|
|
</p>
|
|
<p className="text-[#f59e0b] font-semibold mt-1">30 jours</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Période de récupération des lots */}
|
|
<div className="bg-gradient-to-br from-white to-[#ecfdf5] rounded-3xl shadow-xl p-10 border-2 border-[#1a4d2e] hover:shadow-2xl hover:scale-[1.02] transition-all duration-300">
|
|
<div className="flex flex-col items-center text-center">
|
|
<div className="bg-gradient-to-br from-[#d1fae5] to-[#a7f3d0] rounded-full p-6 mb-6 shadow-lg">
|
|
<svg className="w-12 h-12 text-[#1a4d2e]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7" />
|
|
</svg>
|
|
</div>
|
|
<h3 className="text-2xl md:text-3xl font-bold text-gray-900 mb-4">Période de récupération des lots</h3>
|
|
<p className="text-lg text-gray-600 mb-6">
|
|
Récupérez vos lots gagnés en boutique
|
|
</p>
|
|
<div className="bg-[#1a4d2e]/10 rounded-2xl px-6 py-4 w-full">
|
|
<p className="text-lg font-bold text-[#1a4d2e]">
|
|
Du 1 décembre 2025 au 31 janvier 2026
|
|
</p>
|
|
<p className="text-[#22c55e] font-semibold mt-1">60 jours</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|