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,202 +1,73 @@
|
||||
export default function MentionsLegales() {
|
||||
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">
|
||||
Mentions légales
|
||||
</h1>
|
||||
|
||||
<p className="text-gray-600 mb-10">
|
||||
Conformément à la loi n°2004-575 du 21 juin 2004 pour la Confiance
|
||||
dans l'Économie Numérique (LCEN), les présentes mentions légales
|
||||
précisent les informations relatives au site du jeu-concours
|
||||
« 100% Gagnant » de Thé Tip Top.
|
||||
<p className="text-gray-600 mb-8 sm:mb-10 text-sm sm:text-base">
|
||||
Conformément à la loi n°2004-575 du 21 juin 2004 pour la Confiance dans l'Économie
|
||||
Numérique (LCEN), les présentes mentions légales précisent les informations relatives
|
||||
au site du jeu-concours « 100% Gagnant » de Thé Tip Top.
|
||||
</p>
|
||||
|
||||
|
||||
{/* Article 1 */}
|
||||
<section className="mb-8">
|
||||
|
||||
<h2 className="text-2xl font-bold text-green-700 mb-3">
|
||||
Article 1 – Société éditrice du site
|
||||
</h2>
|
||||
|
||||
<div className="text-gray-700 space-y-2">
|
||||
|
||||
<p>
|
||||
<strong>Dénomination sociale :</strong> Thé Tip Top
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Forme juridique :</strong> Société à Responsabilité Limitée (SARL)
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Capital social :</strong> 150 000 €
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Siège social :</strong> 18 rue Léon Frot, 75011 Paris, France
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Représentant légal :</strong> Eric Bourdon, Gérant
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>SIRET :</strong> 362 521 879 00054
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>TVA intracommunautaire :</strong> FR12 948140589
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Email :</strong> contact@thetiptop.fr
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Téléphone :</strong> 01 84 80 20 34
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
{/* Article 2 */}
|
||||
<section className="mb-8">
|
||||
|
||||
<h2 className="text-2xl font-bold text-green-700 mb-3">
|
||||
Article 2 – Développement du site
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-700">
|
||||
Le site du jeu-concours « 100% Gagnant » a été conçu et développé
|
||||
par Furious Ducks, responsable de la conception technique,
|
||||
de l'application web, de l'API et de l'infrastructure.
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
{/* Article 3 */}
|
||||
<section className="mb-8">
|
||||
|
||||
<h2 className="text-2xl font-bold text-green-700 mb-3">
|
||||
Article 3 – Hébergement
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-700">
|
||||
Le site est hébergé par HexaCloud Hostinger.
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
{/* Article 4 */}
|
||||
<section className="mb-8">
|
||||
|
||||
<h2 className="text-2xl font-bold text-green-700 mb-3">
|
||||
Article 4 – Propriété intellectuelle
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
|
||||
L'ensemble des éléments présents sur le site (textes, images,
|
||||
logos, graphismes, logiciels, marques et contenus) appartient
|
||||
à Thé Tip Top ou à ses partenaires.
|
||||
|
||||
Toute reproduction ou utilisation sans autorisation préalable
|
||||
est interdite.
|
||||
|
||||
</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 peut utiliser des cookies nécessaires à son fonctionnement
|
||||
ainsi que des cookies d'analyse et de mesure d'audience.
|
||||
L'utilisateur peut gérer ses 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 – Responsabilité
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
|
||||
Thé Tip Top s'efforce de fournir des informations exactes.
|
||||
Toutefois, la société ne peut être tenue responsable des erreurs,
|
||||
interruptions de service ou dommages liés à l'utilisation d'Internet.
|
||||
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
{/* Article 7 */}
|
||||
<section className="mb-8">
|
||||
|
||||
<h2 className="text-2xl font-bold text-green-700 mb-3">
|
||||
Article 7 – Droit applicable
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-700">
|
||||
|
||||
Le présent site est soumis au droit français.
|
||||
Tout litige relève des juridictions françaises compétentes.
|
||||
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
{/* Article 8 */}
|
||||
<section>
|
||||
|
||||
<h2 className="text-2xl font-bold text-green-700 mb-3">
|
||||
Article 8 – Engagement responsable
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
|
||||
Thé Tip Top s'engage dans une démarche responsable :
|
||||
optimisation des ressources numériques, limitation de la collecte
|
||||
des données personnelles et utilisation de technologies adaptées.
|
||||
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
{[
|
||||
{
|
||||
title: 'Article 1 – Société éditrice du site',
|
||||
content: (
|
||||
<div className="text-gray-700 space-y-2 text-sm sm:text-base">
|
||||
<p><strong>Dénomination sociale :</strong> Thé Tip Top</p>
|
||||
<p><strong>Forme juridique :</strong> Société à Responsabilité Limitée (SARL)</p>
|
||||
<p><strong>Capital social :</strong> 150 000 €</p>
|
||||
<p><strong>Siège social :</strong> 18 rue Léon Frot, 75011 Paris, France</p>
|
||||
<p><strong>Représentant légal :</strong> Eric Bourdon, Gérant</p>
|
||||
<p><strong>SIRET :</strong> 362 521 879 00054</p>
|
||||
<p><strong>TVA intracommunautaire :</strong> FR12 948140589</p>
|
||||
<p><strong>Email :</strong> contact@thetiptop.fr</p>
|
||||
<p><strong>Téléphone :</strong> 01 84 80 20 34</p>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Article 2 – Développement du site',
|
||||
content: <p className="text-gray-700 text-sm sm:text-base">Le site du jeu-concours « 100% Gagnant » a été conçu et développé par Furious Ducks, responsable de la conception technique, de l'application web, de l'API et de l'infrastructure.</p>,
|
||||
},
|
||||
{
|
||||
title: 'Article 3 – Hébergement',
|
||||
content: <p className="text-gray-700 text-sm sm:text-base">Le site est hébergé par HexaCloud Hostinger.</p>,
|
||||
},
|
||||
{
|
||||
title: 'Article 4 – Propriété intellectuelle',
|
||||
content: <p className="text-gray-700 leading-relaxed text-sm sm:text-base">L'ensemble des éléments présents sur le site appartient à Thé Tip Top ou à ses partenaires. Toute reproduction ou utilisation sans autorisation préalable est interdite.</p>,
|
||||
},
|
||||
{
|
||||
title: 'Article 5 – Cookies',
|
||||
content: <p className="text-gray-700 leading-relaxed text-sm sm:text-base">Le site peut utiliser des cookies nécessaires à son fonctionnement ainsi que des cookies d'analyse. L'utilisateur peut gérer ses préférences à tout moment.</p>,
|
||||
},
|
||||
{
|
||||
title: 'Article 6 – Responsabilité',
|
||||
content: <p className="text-gray-700 leading-relaxed text-sm sm:text-base">Thé Tip Top s'efforce de fournir des informations exactes. Toutefois, la société ne peut être tenue responsable des erreurs, interruptions de service ou dommages liés à l'utilisation d'Internet.</p>,
|
||||
},
|
||||
{
|
||||
title: 'Article 7 – Droit applicable',
|
||||
content: <p className="text-gray-700 text-sm sm:text-base">Le présent site est soumis au droit français. Tout litige relève des juridictions françaises compétentes.</p>,
|
||||
},
|
||||
{
|
||||
title: 'Article 8 – Engagement responsable',
|
||||
content: <p className="text-gray-700 leading-relaxed text-sm sm:text-base">Thé Tip Top s'engage dans une démarche responsable : optimisation des ressources numériques, limitation de la collecte des données personnelles et utilisation de technologies adaptées.</p>,
|
||||
},
|
||||
].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-green-700 mb-2 sm:mb-3">
|
||||
{article.title}
|
||||
</h2>
|
||||
{article.content}
|
||||
</section>
|
||||
))}
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user