FAQ depuis la page d'accueil

frontend/src/pages/Accueil.jsx

@@ -52,6 +52,67 @@ export default function Accueil() {
         </div>
       </section>
 
+      {/* Questions fréquentes */}
+      <section className="max-w-3xl mx-auto px-4 sm:px-6 pb-16 sm:pb-24">
+        <h2 className="text-2xl sm:text-3xl font-bold text-[#006B6B] mb-6 sm:mb-8 text-center">
+          Questions fréquentes
+        </h2>
+        <div className="space-y-3">
+          {[
+            {
+              question: 'Comment obtenir un code ?',
+              answer: "Achetez un produit Thé Tip Top d'une valeur supérieure à 49 € en boutique ou en ligne : un code unique à 10 caractères figure sur votre ticket de caisse ou votre facture.",
+            },
+            {
+              question: 'Quels sont les lots à gagner ?',
+              answer: (
+                <>
+                  Tous les tickets sont gagnants ! Selon votre ticket, vous pouvez remporter :
+                  <ul className="list-disc list-inside space-y-1 mt-2">
+                    <li>Un infuseur à thé</li>
+                    <li>Une boîte de 100 g de thé détox ou d'infusion</li>
+                    <li>Une boîte de 100 g de thé signature</li>
+                    <li>Un coffret découverte d'une valeur de 39 €</li>
+                    <li>Un coffret découverte d'une valeur de 69 €</li>
+                  </ul>
+                  Un tirage au sort désigne en plus un grand gagnant qui remporte une année de thé d'une valeur de 360 €.
+                </>
+              ),
+            },
+            {
+              question: 'Jusqu\'à quand puis-je jouer ?',
+              answer: 'La participation est possible pendant toute la durée du jeu-concours, soit 30 jours à compter de son ouverture. Consultez la page Règles du jeu pour le détail des dates.',
+            },
+            {
+              question: 'Que faire si mon code n\'est pas reconnu ?',
+              answer: "Vérifiez que le code a été saisi sans espace ni erreur. Si le problème persiste, contactez-nous depuis la page Contact.",
+            },
+            {
+              question: 'Où retirer mon lot ?',
+              answer: 'En boutique, sur présentation de votre compte utilisateur validé et de la confirmation de gain affichée dans votre espace « Mes gains ».',
+            },
+          ].map((faq) => (
+            <details key={faq.question} className="group bg-white rounded-2xl shadow p-4 sm:p-6">
+              <summary className="flex items-center justify-between gap-3 cursor-pointer list-none font-semibold text-gray-800 text-sm sm:text-base">
+                {faq.question}
+                <svg
+                  className="w-4 h-4 text-[#006B6B] flex-shrink-0 transition-transform group-open:rotate-180"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth={2}
+                  viewBox="0 0 24 24"
+                >
+                  <path strokeLinecap="round" strokeLinejoin="round" d="M19 9l-7 7-7-7" />
+                </svg>
+              </summary>
+              <div className="text-gray-600 text-sm sm:text-base mt-3 leading-relaxed">
+                {faq.answer}
+              </div>
+            </details>
+          ))}
+        </div>
+      </section>
+
     </div>
   )
 }