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

frontend/src/pages/Confidentialite.jsx

@@ -0,0 +1,183 @@
+export default function Confidentialite() {
+  return (
+    <main className="bg-green-50 min-h-screen px-6 py-16">
+
+      <div className="max-w-5xl mx-auto bg-white rounded-2xl shadow p-10">
+
+        <h1 className="text-4xl font-bold text-green-800 mb-6">
+          Politique de confidentialité
+        </h1>
+
+
+        <p className="text-gray-600 mb-10 leading-relaxed">
+          Thé Tip Top accorde une grande importance à la protection de vos
+          données personnelles. Cette politique explique quelles informations
+          sont collectées, comment elles sont utilisées et quels sont vos droits.
+        </p>
+
+
+
+        {/* Article 1 */}
+        <section className="mb-8">
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 1 – Responsable du traitement
+          </h2>
+
+          <p className="text-gray-700 leading-relaxed">
+
+            Le responsable du traitement des données collectées via le site
+            du jeu-concours « 100% Gagnant » est la société Thé Tip Top,
+            située au 18 rue Léon Frot, 75011 Paris.
+
+          </p>
+
+        </section>
+
+
+
+        {/* Article 2 */}
+        <section className="mb-8">
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 2 – Données collectées
+          </h2>
+
+          <p className="text-gray-700 mb-3">
+            Dans le cadre de votre participation, nous pouvons collecter :
+          </p>
+
+
+          <ul className="list-disc list-inside text-gray-700 space-y-2">
+
+            <li>Nom et prénom</li>
+
+            <li>Adresse email</li>
+
+            <li>Informations du compte utilisateur</li>
+
+            <li>Code de participation au jeu</li>
+
+            <li>Informations liées aux gains obtenus</li>
+
+          </ul>
+
+        </section>
+
+
+
+        {/* Article 3 */}
+        <section className="mb-8">
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 3 – Utilisation des données
+          </h2>
+
+          <p className="text-gray-700 leading-relaxed">
+
+            Les données collectées sont utilisées uniquement pour :
+            gérer votre participation au jeu-concours, vérifier les codes,
+            attribuer les lots, vous contacter en cas de gain et améliorer
+            l'expérience utilisateur.
+
+          </p>
+
+        </section>
+
+
+
+        {/* Article 4 */}
+        <section className="mb-8">
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 4 – Conservation des données
+          </h2>
+
+          <p className="text-gray-700 leading-relaxed">
+
+            Vos données sont conservées uniquement pendant la durée nécessaire
+            au fonctionnement du jeu-concours et au respect des obligations
+            légales de Thé Tip Top.
+
+          </p>
+
+        </section>
+
+
+
+        {/* Article 5 */}
+        <section className="mb-8">
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 5 – Cookies
+          </h2>
+
+          <p className="text-gray-700 leading-relaxed">
+
+            Le site utilise des cookies nécessaires au fonctionnement du site
+            ainsi que des cookies statistiques permettant d'améliorer les
+            services proposés. Vous pouvez gérer vos préférences à tout moment.
+
+          </p>
+
+        </section>
+
+
+
+        {/* Article 6 */}
+        <section className="mb-8">
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 6 – Vos droits
+          </h2>
+
+          <p className="text-gray-700 mb-3">
+            Conformément au RGPD, vous disposez des droits suivants :
+          </p>
+
+
+          <ul className="list-disc list-inside text-gray-700 space-y-2">
+
+            <li>Droit d'accès à vos données</li>
+
+            <li>Droit de rectification</li>
+
+            <li>Droit de suppression</li>
+
+            <li>Droit d'opposition</li>
+
+            <li>Droit à la limitation du traitement</li>
+
+          </ul>
+
+
+        </section>
+
+
+
+        {/* Article 7 */}
+        <section>
+
+          <h2 className="text-2xl font-bold text-green-700 mb-3">
+            Article 7 – Contact
+          </h2>
+
+
+          <p className="text-gray-700">
+
+            Pour toute question concernant vos données personnelles :
+            <br />
+
+            <strong>Email :</strong> contact@thetiptop.fr
+
+          </p>
+
+
+        </section>
+
+
+      </div>
+
+    </main>
+  )
+}