<div class="max-w-5xl mx-auto p-4 sm:p-6 lg:p-8">
  <div class="bg-white rounded-2xl shadow-sm p-6 sm:p-8">

    <!-- Introduction -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">1. Introduction</h2>
      <p>
        Bienvenue sur <strong>TaPrestation</strong> (ci-après "nous", "notre" ou "la Plateforme").
        Nous nous engageons à protéger la vie privée de nos utilisateurs et à traiter leurs données personnelles
        de manière responsable et transparente, conformément au RGPD et à la loi Informatique et Libertés.
      </p>
      <div class="bg-gray-50 p-4 rounded-lg mt-4">
        <p><strong>Date d’entrée en vigueur :</strong> 6 janvier</p>
        <p class="text-sm text-gray-600 mt-1">Zone : France – Hébergement et traitement au sein de l’Union européenne.</p>
      </div>
    </section>

    <!-- Responsable du traitement -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">2. Responsable du Traitement</h2>
      <div class="bg-gray-50 p-4 rounded-lg">
        <p><strong>Bilal Laidouni – TaPrestation</strong></p>
        <p>Email : <a href="mailto:contact@taprestation.com" class="text-orange-600 hover:underline">contact@taprestation.com</a></p>
        <p>Adresse : [À RENSEIGNER]</p>
        <p class="text-sm text-gray-600 mt-2">Statut : Projet en cours de création – future micro-entreprise.</p>
      </div>
    </section>

    <!-- Données collectées -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">3. Données Collectées</h2>
      <p>Nous collectons uniquement les données nécessaires au fonctionnement de la Plateforme :</p>

      <h3 class="text-lg font-medium text-gray-800 mt-4 mb-2">3.1 Données d’identification</h3>
      <ul class="list-disc list-inside space-y-1">
        <li>Nom et prénom</li>
        <li>Adresse email</li>
        <li>Numéro de téléphone</li>
        <li>Photo de profil (si l’utilisateur en ajoute une)</li>
      </ul>

      <h3 class="text-lg font-medium text-gray-800 mt-4 mb-2">3.2 Données prestataires</h3>
      <ul class="list-disc list-inside space-y-1">
        <li>Nom de l’enseigne</li>
        <li>Descriptions, offres, tarifs, disponibilités, zones d’intervention</li>
        <li>Contenus publiés (textes, images, vidéos) liés aux annonces/boutiques</li>
      </ul>

      <h3 class="text-lg font-medium text-gray-800 mt-4 mb-2">3.3 Données de localisation</h3>
      <ul class="list-disc list-inside space-y-1">
        <li>Localisation approximative (zone/ville) selon fonctionnalités</li>
        <li>Géolocalisation précise (GPS) avec autorisation de l’utilisateur (selon fonctionnalités)</li>
      </ul>

      <h3 class="text-lg font-medium text-gray-800 mt-4 mb-2">3.4 Données de communication</h3>
      <ul class="list-disc list-inside space-y-1">
        <li>Messages internes</li>
        <li>Pièces jointes envoyées via la messagerie (images/fichiers)</li>
      </ul>

      <h3 class="text-lg font-medium text-gray-800 mt-4 mb-2">3.5 Données techniques (sécurité & preuve)</h3>
      <ul class="list-disc list-inside space-y-1">
        <li>Adresse IP</li>
        <li>Type d’appareil / navigateur</li>
        <li>Journaux techniques (horodatage, actions, événements de sécurité)</li>
      </ul>

      <h3 class="text-lg font-medium text-gray-800 mt-4 mb-2">3.6 Données de paiement</h3>
      <div class="bg-gray-50 p-4 rounded-lg">
        <p>
          Les paiements, lorsqu’ils sont activés par le prestataire, sont traités par des prestataires tiers
          (ex : Stripe, PayPal). <strong>Nous ne stockons jamais de données bancaires brutes.</strong>
        </p>
        <p class="text-sm text-gray-600 mt-2">
          Nous pouvons traiter des identifiants techniques (tokens) strictement nécessaires au fonctionnement.
        </p>
      </div>
    </section>

    <!-- Finalités -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">4. Finalités du Traitement</h2>
      <p>Vos données sont utilisées pour :</p>
      <ul class="list-disc list-inside space-y-2 mt-3">
        <li><strong>Fourniture du service</strong> : compte, mise en relation, demandes, commandes, réservations, locations</li>
        <li><strong>Communication</strong> : messagerie interne, notifications (push/email) liées à l’activité</li>
        <li><strong>Modération</strong> : signalements, blocages automatiques, examen admin</li>
        <li><strong>Sécurité</strong> : prévention fraude/abus, protection des utilisateurs</li>
        <li><strong>Obligations légales</strong> : répondre aux autorités lorsque la loi l’impose</li>
      </ul>
      <p class="mt-3"><strong>Aucune utilisation marketing</strong> (newsletter, pub, profilage) n’est réalisée.</p>
    </section>

    <!-- Base légale -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">5. Base Légale du Traitement</h2>
      <table class="w-full border-collapse border border-gray-300 mt-3">
        <thead class="bg-gray-100">
          <tr>
            <th class="border border-gray-300 p-3 text-left">Finalité</th>
            <th class="border border-gray-300 p-3 text-left">Base légale</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="border border-gray-300 p-3">Compte / accès / utilisation</td>
            <td class="border border-gray-300 p-3">Exécution du contrat</td>
          </tr>
          <tr>
            <td class="border border-gray-300 p-3">Géolocalisation précise (GPS)</td>
            <td class="border border-gray-300 p-3">Consentement</td>
          </tr>
          <tr>
            <td class="border border-gray-300 p-3">Sécurité / logs / anti-abus</td>
            <td class="border border-gray-300 p-3">Intérêt légitime</td>
          </tr>
          <tr>
            <td class="border border-gray-300 p-3">Réponse aux autorités</td>
            <td class="border border-gray-300 p-3">Obligation légale</td>
          </tr>
        </tbody>
      </table>
    </section>

    <!-- Partage -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">6. Partage des Données</h2>
      <p>Vos données peuvent être partagées avec :</p>
      <ul class="list-disc list-inside space-y-2 mt-3">
        <li><strong>Autres utilisateurs</strong> : informations nécessaires à la mise en relation (profil, annonce, échanges)</li>
        <li><strong>Prestataires techniques</strong> : hébergeur et services nécessaires (UE)</li>
        <li><strong>Prestataires de paiement</strong> : uniquement si paiement via plateforme</li>
        <li><strong>Autorités</strong> : uniquement en cas d’obligation légale</li>
      </ul>
      <p class="mt-3"><strong>Nous ne vendons jamais vos données.</strong></p>
    </section>

    <!-- Conservation -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">7. Durée de Conservation</h2>
      <ul class="list-disc list-inside space-y-2">
        <li><strong>Compte actif</strong> : conservation pendant l’utilisation</li>
        <li><strong>Suppression du compte</strong> : suppression immédiate et définitive des données personnelles</li>
        <li><strong>Logs techniques</strong> : conservation temporaire limitée (sécurité & preuve)</li>
      </ul>
      <div class="bg-gray-50 p-4 rounded-lg mt-4">
        <p class="text-sm text-gray-700">
          Certaines données peuvent être conservées uniquement si la loi l’exige ou pour répondre à une réclamation/abus
          dans une durée strictement nécessaire et proportionnée.
        </p>
      </div>
    </section>

    <!-- Droits -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">8. Vos Droits (RGPD)</h2>
      <p>Vous disposez des droits suivants :</p>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
        <div class="bg-blue-50 p-4 rounded-lg">
          <h4 class="font-semibold text-blue-900">Accès</h4>
          <p class="text-sm text-blue-700">Obtenir une copie de vos données</p>
        </div>
        <div class="bg-green-50 p-4 rounded-lg">
          <h4 class="font-semibold text-green-900">Rectification</h4>
          <p class="text-sm text-green-700">Corriger vos données inexactes</p>
        </div>
        <div class="bg-red-50 p-4 rounded-lg">
          <h4 class="font-semibold text-red-900">Effacement</h4>
          <p class="text-sm text-red-700">Supprimer vos données</p>
        </div>
        <div class="bg-yellow-50 p-4 rounded-lg">
          <h4 class="font-semibold text-yellow-900">Portabilité</h4>
          <p class="text-sm text-yellow-700">Récupérer vos données</p>
        </div>
        <div class="bg-purple-50 p-4 rounded-lg">
          <h4 class="font-semibold text-purple-900">Opposition</h4>
          <p class="text-sm text-purple-700">Vous opposer à un traitement</p>
        </div>
        <div class="bg-orange-50 p-4 rounded-lg">
          <h4 class="font-semibold text-orange-900">Limitation</h4>
          <p class="text-sm text-orange-700">Limiter un traitement</p>
        </div>
      </div>
      <p class="mt-4">
        Pour exercer vos droits : <a href="mailto:contact@taprestation.com" class="text-orange-600 hover:underline">contact@taprestation.com</a>
      </p>
      <p class="mt-2 text-sm text-gray-600">
        Vous pouvez déposer une plainte auprès de la CNIL (www.cnil.fr) si vous estimez que vos droits ne sont pas respectés.
      </p>
    </section>

    <!-- Sécurité -->
    <section class="mb-8">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">9. Sécurité des Données</h2>
      <p>Nous mettons en œuvre des mesures de sécurité adaptées :</p>
      <ul class="list-disc list-inside space-y-2 mt-3">
        <li>Chiffrement TLS/SSL</li>
        <li>Accès restreint aux données</li>
        <li>Journalisation sécurité (logs techniques)</li>
        <li>Mesures de protection contre accès non autorisés</li>
      </ul>
      <p class="mt-3 text-sm text-gray-600">Aucun système n’étant infaillible, la sécurité absolue ne peut être garantie.</p>
    </section>

    <!-- Modifications & Contact -->
    <section class="mb-0">
      <h2 class="text-xl font-semibold text-gray-900 mb-4">10. Modifications & Contact</h2>
      <div class="bg-orange-50 p-6 rounded-lg">
        <p class="mb-2">Nous pouvons mettre à jour cette politique. En cas de changement important, nous vous informerons.</p>
        <p><strong>Email :</strong> <a href="mailto:contact@taprestation.com" class="text-orange-600">contact@taprestation.com</a></p>
      </div>
    </section>

  </div>
</div>