Ajouter des textes et fichier pdf pour le règlement du jeu

frontend/src/pages/Accueil.jsx

@@ -1,19 +1,80 @@
 import { Link } from 'react-router-dom'
+import bannerImg from '../assets/img/banner-the-tip-top.webp'
+
+const faqs = [
+  {
+    question: 'Comment obtenir un code ?',
+    answer: "Achetez un produit Thé Tip Top d'une valeur supérieure à 49 € dans notre boutique de Nice : 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 €.
+      </>
+    ),
+    plainAnswer: "Tous les tickets sont gagnants ! Selon votre ticket, vous pouvez remporter : un infuseur à thé, une boîte de 100 g de thé détox ou d'infusion, une boîte de 100 g de thé signature, un coffret découverte d'une valeur de 39 €, ou un coffret découverte d'une valeur de 69 €. 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: 'Dans notre boutique de Nice, sur présentation de votre compte utilisateur validé et de la confirmation de gain affichée dans votre espace « Mes gains ».',
+  },
+]
+
+const faqJsonLd = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqs.map((faq) => ({
+    '@type': 'Question',
+    name: faq.question,
+    acceptedAnswer: {
+      '@type': 'Answer',
+      text: faq.plainAnswer || faq.answer,
+    },
+  })),
+}
 
 export default function Accueil() {
   return (
     <div className="bg-gray-50 min-h-screen">
 
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(faqJsonLd) }} />
+
+      {/* Bannière */}
+      <section className="w-full h-48 sm:h-64 md:h-80 lg:h-96 overflow-hidden">
+        <img
+          src={bannerImg}
+          alt="Jeu-concours 100 % Gagnant Thé Tip Top, du 2 au 31 octobre 2026 : tentez de gagner un an de thé d'une valeur de 360 € pour l'ouverture de notre 10e boutique à Nice."
+          width={2048}
+          height={1152}
+          className="w-full h-full object-cover object-center"
+        />
+      </section>
+
       {/* Hero */}
       <section className="max-w-7xl mx-auto px-4 sm:px-6 py-12 sm:py-16 md:py-24">
         <div className="text-center max-w-3xl mx-auto">
           <h1 className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-[#006B6B] mb-4 sm:mb-6 leading-tight">
-            Bienvenue au jeu-concours Thé Tip Top
+            Bienvenue au jeu-concours Thé Tip Top Nice
           </h1>
           <p className="text-base sm:text-lg md:text-xl text-gray-600 mb-8 sm:mb-10">
-            À l'occasion de l'ouverture de notre 10ᵉ boutique à Nice, participez à notre jeu-concours
-            et tentez de gagner des lots exceptionnels ! Tous les tickets sont gagnants, alors n'attendez
-            plus pour découvrir votre lot.
+            Exclusivement réservé à la boutique Thé Tip Top de Nice. Créez votre compte, saisissez le code de votre ticket et découvrez immédiatement votre lot.
           </p>
           <div className="flex flex-col sm:flex-row justify-center gap-3 sm:gap-4">
             <Link
@@ -37,19 +98,19 @@ export default function Accueil() {
         <h2 className="text-2xl sm:text-3xl font-bold text-[#006B6B] mb-6 sm:mb-8 text-center">
           Comment participer ?
         </h2>
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+        <ol className="grid grid-cols-2 md:grid-cols-4 gap-4 list-none">
           {[
             { num: '1', text: 'Achat de 49 € minimum' },
             { num: '2', text: 'Recevez votre code unique' },
             { num: '3', text: 'Saisissez le code sur le site' },
             { num: '4', text: 'Découvrez votre lot' },
           ].map((step) => (
-            <div key={step.num} className="bg-white rounded-2xl shadow p-4 sm:p-6 text-center">
+            <li key={step.num} className="bg-white rounded-2xl shadow p-4 sm:p-6 text-center">
               <div className="text-2xl sm:text-3xl font-bold text-[#006B6B] mb-2 sm:mb-3">{step.num}</div>
               <p className="text-sm sm:text-base text-gray-700">{step.text}</p>
-            </div>
+            </li>
           ))}
-        </div>
+        </ol>
       </section>
 
       {/* Questions fréquentes */}
@@ -58,40 +119,7 @@ export default function Accueil() {
           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) => (
+          {faqs.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}