andil/THE-TIP-TOP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

actualisation des données de mentions légales et ajout des pages CGU et accessibilite

Browse Source
This commit is contained in:
Alexis SANOGO
2026-07-27 18:20:01 +02:00
parent 6d96ea958a
commit 3258f06ecb
7 changed files with 490 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
frontend/src/pages/Cgu.jsx Normal file
View File

@@ -0,0 +1,235 @@
export default function Cgu() {
return (
<main className="bg-gray-50 min-h-screen px-4 sm:px-6 py-10 sm:py-16">
<div className="max-w-5xl mx-auto bg-white rounded-2xl shadow p-5 sm:p-8 md:p-10">
<h1 className="text-2xl sm:text-3xl md:text-4xl font-bold text-[#006B6B] mb-4 sm:mb-6">
Conditions générales d'utilisation
</h1>
<p className="text-gray-600 mb-8 sm:mb-10 text-sm sm:text-base">
Les présentes Conditions Générales d'Utilisation (CGU) précisent les modalités d'accès et
d'utilisation du site internet du jeu-concours « 100% Gagnant » de la société Thé Tip Top.
</p>
{[
{
title: 'Article 1 – Objet des CGU',
content: (
<div className="text-gray-700 space-y-2 text-sm sm:text-base leading-relaxed">
<p>
Les présentes Conditions Générales d'Utilisation (CGU) ont pour objet de définir
les modalités et conditions dans lesquelles la société Thé Tip Top met à
disposition des utilisateurs le site internet du jeu-concours « 100% Gagnant »,
accessible à l'adresse https://www.thetiptop-concours.fr.
</p>
<p>
Toute utilisation du Site implique l'acceptation pleine et entière des présentes
CGU. En cas de non-acceptation, l'utilisateur est invité à ne pas accéder au Site
ni à utiliser ses services.
</p>
</div>
),
},
{
title: 'Article 2 – Conditions d\'accès au Site',
content: (
<div className="text-gray-700 space-y-2 text-sm sm:text-base leading-relaxed">
<p><strong>Conditions d'âge —</strong> La participation au jeu-concours est strictement
réservée aux personnes physiques majeures, c'est-à-dire âgées d'au moins 18 ans
révolus à la date de leur inscription. Toute inscription d'un mineur est nulle et
non avenue. La société Thé Tip Top se réserve le droit de demander la fourniture
d'un justificatif d'identité pour vérifier l'âge déclaré.
</p>
<p><strong>Conditions géographiques —</strong> Le jeu-concours « 100% Gagnant » est
ouvert exclusivement aux résidents de France métropolitaine et des Départements et
Régions d'Outre-Mer (DROM). Sont exclus les ressortissants ou résidents de toute
autre zone géographique.
</p>
<p><strong>Personnes exclues —</strong> Sont exclus de toute participation les membres
du personnel de la société Thé Tip Top et de l'agence Furious Ducks, leurs
sous-traitants, ainsi que les membres de leur famille en ligne directe (conjoints,
ascendants, descendants). Est également exclu le personnel de l'étude du
Commissaire de Justice dépositaire du règlement.
</p>
<p><strong>Conditions techniques —</strong> L'accès au Site nécessite une connexion
internet active et un navigateur web à jour. La société Thé Tip Top ne saurait
être tenue responsable des difficultés d'accès liées à l'environnement technique
de l'utilisateur.
</p>
</div>
),
},
{
title: 'Article 3 – Services proposés et fonctionnalités',
content: (
<div className="text-gray-700 space-y-4 text-sm sm:text-base leading-relaxed">
<div>
<h3 className="font-semibold text-gray-800 mb-1">3.1 – Services proposés</h3>
<p>
Le site du jeu-concours « 100% Gagnant » est un site internet dédié permettant
aux clients de la société Thé Tip Top de participer à un jeu-concours à
l'occasion de l'ouverture de la 10ᵉ boutique de l'enseigne à Nice. Les services
proposés incluent :
</p>
<ul className="list-disc list-inside space-y-2 mt-2">
<li>La présentation du jeu-concours, de ses conditions et des lots à gagner</li>
<li>La création d'un espace personnel pour chaque participant</li>
<li>La saisie et la validation des codes à 10 caractères figurant sur les tickets de caisse ou factures d'un montant supérieur à 49 €</li>
<li>La consultation de l'historique des participations et gains obtenus</li>
<li>La réclamation des lots gagnés, en ligne ou en boutique</li>
</ul>
</div>
<div>
<h3 className="font-semibold text-gray-800 mb-1">3.2 – Fonctionnalités principales</h3>
<p><strong>S'inscrire —</strong> L'utilisateur peut créer un compte personnel en
renseignant un formulaire d'inscription classique ou en utilisant les
fonctionnalités d'authentification via Google. La création d'un compte est
obligatoire pour participer au jeu-concours.
</p>
<p className="mt-2"><strong>Jouer (participer au jeu-concours) —</strong> Une fois
connecté, l'utilisateur saisit le code à 10 caractères figurant sur son ticket de
caisse ou sa facture. Le Site valide le code et attribue immédiatement le lot
correspondant selon la répartition préétablie :
</p>
<ul className="list-disc list-inside space-y-1 mt-2">
<li>60 % des tickets : infuseur à thé</li>
<li>20 % des tickets : boîte de 100 g de thé détox ou d'infusion</li>
<li>10 % des tickets : boîte de 100 g de thé signature</li>
<li>6 % des tickets : coffret découverte d'une valeur de 39 €</li>
<li>4 % des tickets : coffret découverte d'une valeur de 69 €</li>
</ul>
<p className="mt-2">
Un même utilisateur peut soumettre plusieurs codes distincts. La participation
est possible pendant toute la durée du jeu-concours, soit 30 jours à compter de
son ouverture. Les lots gagnés peuvent être réclamés pendant cette période ainsi
que dans les 30 jours calendaires suivant la date de clôture du jeu-concours.
Passé ce délai, les lots non réclamés sont définitivement perdus.
</p>
<p className="mt-2"><strong>Remise des lots —</strong> Les lots peuvent être réclamés
en boutique, sur présentation du compte utilisateur validé et de la confirmation
de gain.
</p>
<p className="mt-2">
À l'issue du jeu-concours, un tirage au sort est effectué parmi l'ensemble des
participants pour désigner le gagnant d'un an de thé d'une valeur de 360 €. Ce
tirage a lieu sous le contrôle de Maître Arnaud Rick, Commissaire de Justice. Le
nombre de participations n'augmente pas les chances de remporter ce lot.
</p>
</div>
</div>
),
},
{
title: 'Article 4 – Conditions d\'inscription et de création de compte',
content: (
<div className="text-gray-700 space-y-4 text-sm sm:text-base leading-relaxed">
<div>
<h3 className="font-semibold text-gray-800 mb-1">4.1 – Processus d'inscription</h3>
<p>
Pour accéder aux services du Site, l'utilisateur doit créer un compte personnel.
L'inscription peut s'effectuer de deux manières :
</p>
<p className="mt-2"><strong>Via le formulaire classique —</strong> L'utilisateur
renseigne les champs obligatoires suivants : nom, prénom, adresse e-mail valide,
mot de passe sécurisé. L'utilisateur reçoit ensuite un e-mail de confirmation
contenant un lien d'activation. Le compte n'est activé qu'après validation de ce
lien.
</p>
<p className="mt-2"><strong>Via l'authentification Google —</strong> L'utilisateur
peut s'inscrire en utilisant son compte Google. Dans ce cas, les données
transmises par la plateforme tierce (nom, prénom, adresse e-mail) sont récupérées
avec le consentement explicite de l'utilisateur.
</p>
</div>
<div>
<h3 className="font-semibold text-gray-800 mb-1">4.2 – Unicité du compte</h3>
<p>
Chaque utilisateur ne peut posséder qu'un seul compte. Toute tentative de
création de comptes multiples par un même utilisateur est prohibée et peut
entraîner la disqualification de l'ensemble des participations concernées.
</p>
</div>
<div>
<h3 className="font-semibold text-gray-800 mb-1">4.3 – Véracité des informations</h3>
<p>
L'utilisateur s'engage à fournir des informations exactes, complètes et à jour
lors de son inscription et tout au long de l'utilisation du Site. Toute
inscription effectuée avec une fausse identité ou des données inexactes sera
annulée, ainsi que les participations et gains associés.
</p>
</div>
</div>
),
},
{
title: 'Article 5 – Responsabilité de l\'utilisateur',
content: (
<div className="text-gray-700 space-y-3 text-sm sm:text-base leading-relaxed">
<p>
L'utilisateur est seul responsable des informations communiquées lors de la
création et de l'utilisation de son compte. À ce titre, il s'engage à :
</p>
<ul className="list-disc list-inside space-y-2">
<li>Fournir des données personnelles exactes, sincères et à jour</li>
<li>Ne pas usurper l'identité d'un tiers</li>
<li>Ne pas créer de compte au nom d'une autre personne sans son autorisation</li>
<li>Signaler sans délai à la société Thé Tip Top toute erreur, inexactitude ou modification de ses informations personnelles via les fonctionnalités de gestion du compte</li>
</ul>
<p>
En cas de préjudice subi par la société Thé Tip Top ou par des tiers en raison de
fausses informations fournies par l'utilisateur, ce dernier en assume l'entière
responsabilité et peut se voir réclamer réparation.
</p>
</div>
),
},
{
title: 'Article 6 – Gestion du compte utilisateur',
content: (
<div className="text-gray-700 space-y-4 text-sm sm:text-base leading-relaxed">
<div>
<h3 className="font-semibold text-gray-800 mb-1">6.1 – Modification des informations</h3>
<p>
L'utilisateur peut à tout moment accéder à son espace personnel et modifier ses
informations (nom, prénom, mot de passe).
</p>
</div>
<div>
<h3 className="font-semibold text-gray-800 mb-1">6.2 – Suppression du compte</h3>
<p>
L'utilisateur peut demander la suppression de son compte à tout moment en
contactant directement l'équipe via contact@thetiptop.fr. La suppression entraîne
la perte définitive des participations et gains non encore réclamés. Les données
personnelles sont supprimées conformément aux dispositions de la Politique de
Confidentialité, sous réserve des obligations légales de conservation.
</p>
</div>
<div>
<h3 className="font-semibold text-gray-800 mb-1">6.3 – Sécurité des identifiants</h3>
<p>
L'utilisateur est seul responsable de la confidentialité de ses identifiants de
connexion (adresse e-mail et mot de passe). Il s'engage à ne les communiquer à
personne et à prendre toutes les précautions nécessaires pour en assurer la
protection. En cas de perte, de vol ou d'utilisation frauduleuse de ses
identifiants, l'utilisateur doit en informer immédiatement la société Thé Tip
Top. La société Thé Tip Top ne saurait être tenue responsable des dommages
résultant de l'utilisation des identifiants par un tiers, sauf faute de sa part.
</p>
</div>
</div>
),
},
].map((article) => (
<section key={article.title} className="mb-6 sm:mb-8">
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-[#006B6B] mb-2 sm:mb-3">
{article.title}
</h2>
{article.content}
</section>
))}
</div>
</main>
)
}