import usePageMeta from '../hooks/usePageMeta'

export default function Confidentialite() {
  usePageMeta({
    title: 'Politique de confidentialité | Thé Tip Top',
    description: "Comment Thé Tip Top collecte et protège vos données personnelles dans le cadre du jeu-concours, et comment exercer vos droits RGPD.",
  })

  return (
    <main className="bg-[#F0F0F0] 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">
          Politique de confidentialité
        </h1>

        <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>

        <section 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 1 – Responsable du traitement
          </h2>
          <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.
          </p>
        </section>

        <section 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 2 – Données collectées
          </h2>
          <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>

        <section 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 3 – Utilisation des données
          </h2>
          <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>

        <section 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 4 – Conservation des données
          </h2>
          <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>

        <section 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 5 – Cookies
          </h2>
          <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>

        <section 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 6 – Vos droits
          </h2>
          <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>

        <section>
          <h2 className="text-lg sm:text-xl md:text-2xl font-bold text-[#006B6B] mb-2 sm:mb-3">
            Article 7 – Contact
          </h2>
          <p className="text-gray-700 text-sm sm:text-base">
            Pour toute question concernant vos données personnelles :<br />
            <strong>Email :</strong> thetiptop.gp4@gmail.com
          </p>
        </section>

      </div>
    </main>
  )
}