Ajout de la page d'accueil, règles du jeu, confidentialité, mentions légales et contact

frontend/src/pages/Accueil.jsx

@@ -0,0 +1,78 @@
+import { Link } from 'react-router-dom'
+
+export default function Accueil() {
+  return (
+    <div className="bg-green-50">
+
+      {/* Hero */}
+      <section className="max-w-7xl mx-auto px-6 py-24">
+
+        <div className="text-center max-w-3xl mx-auto">
+
+          <h1 className="text-5xl md:text-6xl font-bold text-green-800 mb-6">
+            Bienvenue au jeu-concours Thé Tip Top
+          </h1>
+
+          <p className="text-xl text-gray-600 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.
+          </p>
+
+          <div className="flex flex-col sm:flex-row justify-center gap-4">
+
+            <Link
+              to="/saisir-code-unique"
+              className="bg-green-700 hover:bg-green-800 text-white font-semibold px-8 py-4 rounded-xl transition-colors"
+            >
+              Tester mon code
+            </Link>
+
+            <Link
+              to="/regles-jeu"
+              className="border border-green-700 text-green-700 hover:bg-green-100 font-semibold px-8 py-4 rounded-xl transition-colors"
+            >
+              Découvrir les règles
+            </Link>
+
+          </div>
+
+        </div>
+
+      </section>
+
+
+      {/* Comment participer */}
+      <section className="max-w-5xl mx-auto px-6 pb-20">
+
+        <h2 className="text-3xl font-bold text-green-800 mb-8 text-center">
+          Comment participer ?
+        </h2>
+
+        <div className="grid md:grid-cols-4 gap-6">
+
+          <div className="bg-white rounded-2xl shadow p-6 text-center">
+            <div className="text-3xl font-bold text-green-700 mb-3">1</div>
+            <p>Achat de 49 € minimum</p>
+          </div>
+
+          <div className="bg-white rounded-2xl shadow p-6 text-center">
+            <div className="text-3xl font-bold text-green-700 mb-3">2</div>
+            <p>Recevez votre code unique</p>
+          </div>
+
+          <div className="bg-white rounded-2xl shadow p-6 text-center">
+            <div className="text-3xl font-bold text-green-700 mb-3">3</div>
+            <p>Saisissez le code sur le site</p>
+          </div>
+
+          <div className="bg-white rounded-2xl shadow p-6 text-center">
+            <div className="text-3xl font-bold text-green-700 mb-3">4</div>
+            <p>Découvrez votre lot</p>
+          </div>
+
+        </div>
+
+      </section>
+
+    </div>
+  )
+}