Responsive : toutes les pages et composants Header/Footer
- Header : menu hamburger animé pour mobile, nav cachée sur petit écran - Footer : grid 2 colonnes sur mobile, 4 colonnes sur desktop - Accueil : titres et paddings adaptés mobile/tablette/desktop - ReglesJeu : titres, cartes et CTA responsives - MentionsLegales / Confidentialite : paddings et titres adaptés mobile - Contact : padding et formulaire adaptés mobile - Admin : tableau avec scroll horizontal sur mobile - Employe : formulaire de recherche en colonne sur mobile - Ajout composants Layout, Header, Footer et logo depuis branche Alexis Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Emma781227
@@ -1,183 +1,99 @@
|
||||
export default function Confidentialite() {
|
||||
return (
|
||||
<main className="bg-green-50 min-h-screen px-6 py-16">
|
||||
<main className="bg-green-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">
|
||||
|
||||
<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">
|
||||
<h1 className="text-2xl sm:text-3xl md:text-4xl font-bold text-green-800 mb-4 sm: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 className="text-gray-600 mb-8 sm:mb-10 leading-relaxed text-sm sm:text-base">
|
||||
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">
|
||||
<section className="mb-6 sm:mb-8">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm: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 className="text-gray-700 leading-relaxed text-sm sm:text-base">
|
||||
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">
|
||||
<section className="mb-6 sm:mb-8">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm: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">
|
||||
|
||||
<p className="text-gray-700 mb-3 text-sm sm:text-base">Dans le cadre de votre participation, nous pouvons collecter :</p>
|
||||
<ul className="list-disc list-inside text-gray-700 space-y-2 text-sm sm:text-base">
|
||||
<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">
|
||||
<section className="mb-6 sm:mb-8">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm: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 className="text-gray-700 leading-relaxed text-sm sm:text-base">
|
||||
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">
|
||||
<section className="mb-6 sm:mb-8">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm: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 className="text-gray-700 leading-relaxed text-sm sm:text-base">
|
||||
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">
|
||||
<section className="mb-6 sm:mb-8">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm: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 className="text-gray-700 leading-relaxed text-sm sm:text-base">
|
||||
Le site utilise des cookies nécessaires au fonctionnement 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">
|
||||
<section className="mb-6 sm:mb-8">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm: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">
|
||||
|
||||
<p className="text-gray-700 mb-3 text-sm sm:text-base">Conformément au RGPD, vous disposez des droits suivants :</p>
|
||||
<ul className="list-disc list-inside text-gray-700 space-y-2 text-sm sm:text-base">
|
||||
<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">
|
||||
<h2 className="text-lg sm:text-xl md:text-2xl font-bold text-green-700 mb-2 sm:mb-3">
|
||||
Article 7 – Contact
|
||||
</h2>
|
||||
|
||||
|
||||
<p className="text-gray-700">
|
||||
|
||||
Pour toute question concernant vos données personnelles :
|
||||
<br />
|
||||
|
||||
<p className="text-gray-700 text-sm sm:text-base">
|
||||
Pour toute question concernant vos données personnelles :<br />
|
||||
<strong>Email :</strong> contact@thetiptop.fr
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user