<p class="text-lg text-gray-700 leading-relaxed mb-10">
    Chez Silverpine Bhutan, nous prenons votre vie privée au sérieux. Cette politique explique comment nous collectons, utilisons, stockons et protégeons vos informations personnelles lorsque vous utilisez notre site Web ou réservez des circuits avec nous.
  </p>

  <!-- Informations que nous collectons -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">1</span>
      Informations que nous collectons
    </h2>

    <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">Informations personnelles</h3>
    <p class="text-gray-700 mb-4">Lorsque vous nous contactez ou réservez un circuit, nous pouvons collecter :</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Nom et coordonnées (e-mail, numéro de téléphone)</li>
      <li>Préférences de voyage et exigences d'itinéraire</li>
      <li>Informations de passeport (requises pour le traitement du visa bhoutanais)</li>
      <li>Dates de voyage et taille du groupe</li>
      <li>Informations de paiement (traitées en toute sécurité via des passerelles de paiement)</li>
      <li>Exigences spéciales (alimentaires, médicales, besoins d'accessibilité)</li>
    </ul>

    <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">Informations techniques</h3>
    <p class="text-gray-700 mb-4">Nous collectons automatiquement :</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Adresse IP et type de navigateur</li>
      <li>Informations sur l'appareil</li>
      <li>Pages visitées et temps passé sur notre site</li>
      <li>Site Web référent</li>
    </ul>
  </div>

  <!-- Comment nous utilisons vos informations -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">2</span>
      Comment nous utilisons vos informations
    </h2>

    <p class="text-gray-700 mb-4">Nous utilisons vos informations pour :</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>Traiter les réservations</strong> - Organiser votre circuit, hôtels, transports et guides</li>
      <li><strong>Communiquer avec vous</strong> - Envoyer des confirmations de réservation, des mises à jour et des informations de voyage</li>
      <li><strong>Obtenir des permis</strong> - Traiter votre visa bhoutanais et vos permis de voyage</li>
      <li><strong>Améliorer nos services</strong> - Analyser les modèles d'utilisation pour améliorer votre expérience</li>
      <li><strong>Répondre aux demandes</strong> - Répondre à vos questions et fournir des conseils de voyage</li>
      <li><strong>Envoyer des communications marketing</strong> - Uniquement avec votre consentement (vous pouvez vous désabonner à tout moment)</li>
    </ul>
  </div>

  <!-- Stockage et sécurité des données -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">3</span>
      Stockage et sécurité des données
    </h2>

    <p class="text-gray-700 mb-4">
      Vos données sont stockées en toute sécurité en utilisant des pratiques standard de l'industrie :
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>Base de données :</strong> Supabase (stockage cloud chiffré, conforme au RGPD)</li>
      <li><strong>Hébergement :</strong> Netlify (HTTPS, certificats SSL, mises à jour de sécurité automatiques)</li>
      <li><strong>CDN :</strong> Cloudflare (protection DDoS, pare-feu, diffusion de contenu mondiale)</li>
      <li><strong>Paiements :</strong> Traités via des passerelles de paiement sécurisées (nous ne stockons jamais vos détails de carte)</li>
    </ul>

    <div class="bg-amber-50 border-l-4 border-amber-500 p-4 mt-6 rounded-r-lg">
      <p class="text-gray-800 font-medium">
        Nous ne vendons jamais vos informations personnelles à des tiers. Vos données ne sont utilisées que pour fournir nos services de voyage et améliorer votre expérience.
      </p>
    </div>
  </div>

  <!-- Services tiers -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">4</span>
      Services tiers
    </h2>

    <p class="text-gray-700 mb-4">Nous utilisons des services tiers de confiance pour faire fonctionner notre site Web :</p>

    <div class="overflow-hidden rounded-lg border border-gray-200">
      <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
          <tr>
            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Service</th>
            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Objet</th>
          </tr>
        </thead>
        <tbody class="bg-white divide-y divide-gray-200">
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Netlify</td>
            <td class="px-6 py-4 text-sm text-gray-700">Hébergement et sécurité du site Web</td>
          </tr>
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Supabase</td>
            <td class="px-6 py-4 text-sm text-gray-700">Base de données et authentification</td>
          </tr>
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Cloudflare</td>
            <td class="px-6 py-4 text-sm text-gray-700">CDN et stockage d'images (R2)</td>
          </tr>
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Google Analytics</td>
            <td class="px-6 py-4 text-sm text-gray-700">Analytique du site Web (facultatif)</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- Vos droits -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">5</span>
      Vos droits (RGPD et protection des données)
    </h2>

    <p class="text-gray-700 mb-4">Vous avez le droit de :</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>Accéder</strong> - Demander une copie de vos données personnelles</li>
      <li><strong>Corriger</strong> - Mettre à jour des informations inexactes ou incomplètes</li>
      <li><strong>Supprimer</strong> - Demander la suppression de vos données (sous réserve des exigences légales)</li>
      <li><strong>S'opposer</strong> - Se désabonner des communications marketing</li>
      <li><strong>Limiter</strong> - Restreindre l'utilisation de vos données</li>
      <li><strong>Portabilité des données</strong> - Recevoir vos données dans un format lisible par machine</li>
    </ul>

    <p class="text-gray-700 mt-6">
      Pour exercer ces droits, contactez-nous à <a href="mailto:info@silverpinebhutan.com" class="text-amber-600 hover:text-amber-700 underline">info@silverpinebhutan.com</a>
    </p>
  </div>

  <!-- Cookies -->
  <div class="mb-12">

6 Témoins et suivi

    <p class="text-gray-700 mb-4">
      Nous utilisons des témoins et des technologies similaires pour :
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Mémoriser vos préférences (langue, nationalité)</li>
      <li>Analyser le trafic du site web et le comportement des utilisateurs</li>
      <li>Améliorer les performances et la fonctionnalité du site web</li>
    </ul>

    <p class="text-gray-700 mt-4">
      Vous pouvez désactiver les témoins dans les paramètres de votre navigateur, mais cela peut affecter la fonctionnalité du site web.
    </p>
  </div>

  <!-- Conservation des données -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">7</span>
      Conservation des données
    </h2>

    <p class="text-gray-700 mb-4">
      Nous conservons vos informations personnelles aussi longtemps que nécessaire pour :
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Fournir nos services et traiter votre réservation</li>
      <li>Respecter les obligations légales (fiscalité, comptabilité, réglementations touristiques)</li>
      <li>Résoudre les litiges et faire appliquer nos conditions</li>
    </ul>

    <p class="text-gray-700 mt-4">
      Les données liées aux réservations sont généralement conservées pendant 7 ans (conformément aux réglementations touristiques du Bhoutan). Les données marketing sont conservées jusqu'à votre désabonnement.
    </p>
  </div>

  <!-- Transferts internationaux de données -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">8</span>
      Transferts internationaux de données
    </h2>

    <p class="text-gray-700">
      Vos données peuvent être transférées et traitées dans des pays autres que le Bhoutan (par exemple, les États-Unis pour les services d'hébergement cloud). Nous veillons à ce que des garanties appropriées soient en place pour protéger vos données conformément à cette politique de confidentialité et aux lois applicables.
    </p>
  </div>

  <!-- Confidentialité des enfants -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">9</span>
      Confidentialité des enfants
    </h2>

    <p class="text-gray-700">
      Nos services ne sont pas destinés aux enfants de moins de 18 ans. Nous ne collectons pas sciemment d'informations personnelles auprès des enfants. Si vous êtes un parent ou un tuteur et que vous pensez que votre enfant nous a fourni des informations personnelles, veuillez nous contacter immédiatement.
    </p>
  </div>

  <!-- Modifications de cette politique -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">10</span>
      Modifications de cette politique
    </h2>

    <p class="text-gray-700">
      Nous pouvons mettre à jour cette politique de confidentialité de temps à autre. Nous vous informerons de toute modification importante en publiant la nouvelle politique sur cette page et en mettant à jour la date « Dernière mise à jour ». Nous vous encourageons à consulter cette politique périodiquement.
    </p>
  </div>

  <!-- Contact -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">11</span>
      Questions et préoccupations en matière de confidentialité
    </h2>

    <p class="text-gray-700 mb-4">
      Si vous avez des questions, des préoccupations ou des demandes concernant cette politique de confidentialité ou vos informations personnelles, veuillez nous contacter :
    </p>

    <div class="bg-gray-50 rounded-lg p-6 mt-6">
      <div class="space-y-3">
        <p class="flex items-center gap-3">
          <svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
          </svg>
          <a href="mailto:info@silverpinebhutan.com" class="text-amber-600 hover:text-amber-700 font-medium">info@silverpinebhutan.com</a>
        </p>
        <p class="flex items-center gap-3">
          <svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
          </svg>
          <a href="tel:+9752322257" class="text-amber-600 hover:text-amber-700 font-medium">+975 2 322 257</a>
        </p>
        <p class="flex items-center gap-3 text-gray-700">
          <svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
          </svg>
          <span>Silverpine Bhoutan, Thimphou, Bhoutan</span>
        </p>
      </div>
    </div>
  </div>

</div>