<p class="text-lg text-gray-700 leading-relaxed mb-10">
    Di Silverpine Bhutan, kami mengambil privasi anda dengan serius. Dasar ini menerangkan bagaimana kami mengumpul, menggunakan, menyimpan, dan melindungi maklumat peribadi anda apabila anda menggunakan laman web kami atau menempah lawatan dengan kami.
  </p>

  <!-- Information We Collect -->
  <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>
      Maklumat Yang Kami Kumpul
    </h2>

    <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">Maklumat Peribadi</h3>
    <p class="text-gray-700 mb-4">Apabila anda menghubungi kami atau menempah lawatan, kami mungkin mengumpul:</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Nama dan butiran hubungan (e-mel, nombor telefon)</li>
      <li>Keutamaan perjalanan dan keperluan itinerary</li>
      <li>Maklumat pasport (diperlukan untuk pemprosesan visa Bhutan)</li>
      <li>Tarikh perjalanan dan saiz kumpulan</li>
      <li>Maklumat pembayaran (diproses dengan selamat melalui getaran bayaran)</li>
      <li>Keperluan khas (diet, perubatan, keperluan aksesibiliti)</li>
    </ul>

    <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">Maklumat Teknikal</h3>
    <p class="text-gray-700 mb-4">Kami mengumpul secara automatik:</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Alamat IP dan jenis pelayar</li>
      <li>Maklumat peranti</li>
      <li>Halaman dilawati dan masa yang dihabiskan di laman kami</li>
      <li>Laman web rujukan</li>
    </ul>
  </div>

  <!-- How We Use Your Information -->
  <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>
      Bagaimana Kami Menggunakan Maklumat Anda
    </h2>

    <p class="text-gray-700 mb-4">Kami menggunakan maklumat anda untuk:</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>Memproses tempahan</strong> - Menguruskan lawatan, hotel, pengangkutan, dan pemandu anda</li>
      <li><strong>Berkomunikasi dengan anda</strong> - Menghantar pengesahan tempahan, kemas kini, dan maklumat perjalanan</li>
      <li><strong>Mendapatkan permit</strong> - Memproses visa Bhutan dan permit perjalanan anda</li>
      <li><strong>Meningkatkan perkhidmatan kami</strong> - Menganalisis corak penggunaan untuk meningkatkan pengalaman anda</li>
      <li><strong>Menjawab pertanyaan</strong> - Menjawab soalan anda dan memberikan nasihat perjalanan</li>
      <li><strong>Menghantar komunikasi pemasaran</strong> - Hanya dengan kebenaran anda (anda boleh berhenti langgan pada bila-bila masa)</li>
    </ul>
  </div>

  <!-- Data Storage & Security -->
  <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>
      Penyimpanan & Keselamatan Data
    </h2>

    <p class="text-gray-700 mb-4">
      Data anda disimpan dengan selamat menggunakan amalan standard industri:
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>Pangkalan Data:</strong> Supabase (penyimpanan awan yang dienkripsi, mematuhi GDPR)</li>
      <li><strong>Perumahan:</strong> Netlify (HTTPS, sijil SSL, kemas kini keselamatan automatik)</li>
      <li><strong>CDN:</strong> Cloudflare (perlindungan DDoS, firewall, penghantaran kandungan global)</li>
      <li><strong>Pembayaran:</strong> Diproses melalui getaran bayaran yang selamat (kami tidak pernah menyimpan butiran kad anda)</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">
        Kami tidak pernah menjual maklumat peribadi anda kepada pihak ketiga. Data anda hanya digunakan untuk menyediakan perkhidmatan perjalanan kami dan meningkatkan pengalaman anda.
      </p>
    </div>
  </div>

  <!-- Third-Party Services -->
  <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>
      Perkhidmatan Pihak Ketiga
    </h2>

    <p class="text-gray-700 mb-4">Kami menggunakan perkhidmatan pihak ketiga yang dipercayai untuk mengoperasikan laman web kami:</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">Perkhidmatan</th>
            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tujuan</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">Perumahan laman web & keselamatan</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">Pangkalan data & pengesahan</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 & penyimpanan imej (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">Analitik laman web (pilihan)</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- Your Rights -->
  <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>
      Hak Anda (GDPR & Perlindungan Data)
    </h2>

    <p class="text-gray-700 mb-4">Anda mempunyai hak untuk:</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>Akses</strong> - Meminta salinan data peribadi anda</li>
      <li><strong>Betulkan</strong> - Mengemas kini maklumat yang tidak tepat atau tidak lengkap</li>
      <li><strong>Padam</strong> - Meminta pemadaman data anda (tertakluk kepada keperluan undang-undang)</li>
      <li><strong>Bantah</strong> - Menolak komunikasi pemasaran</li>
      <li><strong>Hadkan</strong> - Menhadkan bagaimana kami menggunakan data anda</li>
      <li><strong>Portabiliti Data</strong> - Menerima data anda dalam format yang boleh dibaca oleh mesin</li>
    </ul>

    <p class="text-gray-700 mt-6">
      Untuk menguatkuasakan hak ini, hubungi kami di <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 Kuki & Penjejakan

    <p class="text-gray-700 mb-4">
      Kami menggunakan kuki dan teknologi yang serupa untuk:
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Ingat keutamaan anda (bahasa, kewarganegaraan)</li>
      <li>Menganalisis trafik laman web dan tingkah laku pengguna</li>
      <li>Meningkatkan prestasi dan fungsi laman web</li>
    </ul>

    <p class="text-gray-700 mt-4">
      Anda boleh melumpuhkan kuki dalam tetapan pelayar anda, tetapi ini mungkin menjejaskan fungsi laman web.
    </p>
  </div>

  <!-- Data Retention -->
  <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>
      Pengekalan Data
    </h2>

    <p class="text-gray-700 mb-4">
      Kami mengekalkan maklumat peribadi anda selama yang diperlukan untuk:
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>Menyediakan perkhidmatan kami dan memproses tempahan anda</li>
      <li>Mematuhi kewajipan undang-undang (cukai, perakaunan, peraturan pelancongan)</li>
      <li>Menyelesaikan pertikaian dan menguatkuasakan syarat kami</li>
    </ul>

    <p class="text-gray-700 mt-4">
      Data berkaitan tempahan biasanya dikekalkan selama 7 tahun (seperti yang diperlukan oleh peraturan pelancongan Butan). Data pemasaran dikekalkan sehingga anda berhenti langgan.
    </p>
  </div>

  <!-- International Data Transfers -->
  <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>
      Pemindahan Data Antarabangsa
    </h2>

    <p class="text-gray-700">
      Data anda boleh dipindahkan ke dan diproses di negara lain selain daripada Butan (contohnya, Amerika Syarikat untuk perkhidmatan pengehosan awan). Kami memastikan langkah perlindungan yang sesuai ada untuk melindungi data anda mengikut dasar privasi ini dan undang-undang yang berkaitan.
    </p>
  </div>

  <!-- Children's Privacy -->
  <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>
      Privasi Kanak-kanak
    </h2>

    <p class="text-gray-700">
      Perkhidmatan kami tidak bertujuan untuk kanak-kanak di bawah 18 tahun. Kami tidak mengumpul maklumat peribadi daripada kanak-kanak secara sedar. Jika anda ibu bapa atau penjaga dan percaya anak anda telah memberikan maklumat peribadi kepada kami, sila hubungi kami dengan segera.
    </p>
  </div>

  <!-- Changes to This Policy -->
  <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>
      Perubahan pada Dasar Ini
    </h2>

    <p class="text-gray-700">
      Kami mungkin mengemas kini dasar privasi ini dari semasa ke semasa. Kami akan memaklumkan anda tentang sebarang perubahan ketara dengan menyiarkan dasar baharu di halaman ini dan mengemaskini tarikh "Terakhir Dikemaskini". Kami menggalakkan anda mengulas dasar ini secara berkala.
    </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>
      Soalan & Kebimbangan Privasi
    </h2>

    <p class="text-gray-700 mb-4">
      Jika anda mempunyai sebarang soalan, kebimbangan, atau permintaan mengenai dasar privasi ini atau maklumat peribadi anda, sila hubungi kami:
    </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 Butan, Thimphu, Butan</span>
        </p>
      </div>
    </div>
  </div>

</div>