import Link from "next/link";

export default function PrivacyPage() {
  return (
    <div className="mx-auto max-w-3xl px-4 py-8 sm:py-12">
      <article className="rounded-2xl border border-neutral-200 bg-white p-6 shadow-sm sm:p-10">
        <header className="mb-8 border-b border-neutral-200 pb-6">
          <h1 className="text-2xl font-bold text-neutral-900 sm:text-3xl">
            🔒 Kebijakan Privasi SeTrip
          </h1>
          <p className="mt-2 text-sm text-neutral-500">
            Terakhir diperbarui: 2026-04-27
          </p>
          <p className="mt-4 text-sm leading-relaxed text-neutral-700">
            SeTrip menghargai privasi Anda. Kebijakan Privasi ini menjelaskan
            bagaimana kami mengumpulkan, menggunakan, dan melindungi informasi
            Anda saat menggunakan platform SeTrip. Dengan menggunakan SeTrip,
            Anda menyetujui praktik yang dijelaskan dalam Kebijakan Privasi ini.
          </p>
        </header>

        <div className="space-y-8 text-sm leading-relaxed text-neutral-700">
          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              1. Informasi yang Kami Kumpulkan
            </h2>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">a. Informasi Akun</h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Nama</li>
              <li>Email</li>
              <li>Nomor telepon</li>
              <li>Password (disimpan dalam bentuk terenkripsi)</li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">b. Informasi Profil</h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Foto profil</li>
              <li>Deskripsi diri</li>
              <li>Riwayat trip</li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">c. Informasi Transaksi</h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Data booking trip</li>
              <li>Status pembayaran</li>
              <li>Riwayat aktivitas</li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">d. Informasi Teknis</h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Alamat IP</li>
              <li>Browser</li>
              <li>Perangkat yang digunakan</li>
              <li>Log aktivitas</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              2. Cara Kami Menggunakan Informasi
            </h2>
            <p className="mb-3">Kami menggunakan informasi Anda untuk:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Membuat dan mengelola akun</li>
              <li>Menghubungkan pengguna dengan organizer</li>
              <li>Memproses booking dan aktivitas trip</li>
              <li>Meningkatkan layanan dan pengalaman pengguna</li>
              <li>Mengirim notifikasi terkait aktivitas</li>
              <li>Mencegah penipuan dan penyalahgunaan</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">3. Pembagian Informasi</h2>
            <p className="mb-3">
              Kami tidak menjual data pribadi Anda. Namun, kami dapat membagikan
              informasi dalam kondisi berikut:
            </p>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">a. Dengan Organizer</h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>
                Informasi dasar seperti nama dan kontak dapat dibagikan kepada
                organizer untuk keperluan trip
              </li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">
              b. Dengan Penyedia Layanan
            </h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Untuk kebutuhan teknis (hosting, analytics, dll)</li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">c. Kewajiban Hukum</h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Jika diminta oleh hukum atau otoritas berwenang</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">4. Keamanan Data</h2>
            <p className="mb-3">Kami berusaha melindungi data Anda dengan:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Enkripsi password</li>
              <li>Pembatasan akses data</li>
              <li>Sistem keamanan standar industri</li>
            </ul>
            <p className="mt-3">Namun, tidak ada sistem yang 100% aman.</p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">5. Penyimpanan Data</h2>
            <p className="mb-3">Kami menyimpan data Anda selama:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Akun Anda aktif</li>
              <li>Dibutuhkan untuk keperluan layanan</li>
            </ul>
            <p className="mt-3">
              Data dapat dihapus atas permintaan pengguna, kecuali diwajibkan
              oleh hukum untuk disimpan.
            </p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">6. Hak Pengguna</h2>
            <p className="mb-3">Anda memiliki hak untuk:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Mengakses data pribadi Anda</li>
              <li>Memperbarui informasi</li>
              <li>Menghapus akun</li>
              <li>Menarik persetujuan</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">7. Cookie &amp; Tracking</h2>
            <p className="mb-3">SeTrip dapat menggunakan:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Cookie</li>
              <li>Teknologi pelacakan sederhana</li>
            </ul>
            <p className="mt-3 mb-2">Untuk:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Menyimpan sesi login</li>
              <li>Meningkatkan pengalaman pengguna</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              8. Layanan Pihak Ketiga
            </h2>
            <p className="mb-3">SeTrip dapat menggunakan layanan pihak ketiga seperti:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Hosting</li>
              <li>Analytics</li>
              <li>Payment gateway (di masa depan)</li>
            </ul>
            <p className="mt-3">
              Kami tidak bertanggung jawab atas kebijakan privasi pihak ketiga
              tersebut.
            </p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              9. Perlindungan terhadap Penipuan
            </h2>
            <p className="mb-3">Kami dapat menggunakan data untuk:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Mendeteksi aktivitas mencurigakan</li>
              <li>Mencegah penipuan</li>
              <li>Melindungi pengguna lain</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              10. Perubahan Kebijakan Privasi
            </h2>
            <p className="mb-3">
              SeTrip dapat memperbarui Kebijakan Privasi ini sewaktu-waktu.
              Pengguna disarankan untuk:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Membaca secara berkala</li>
              <li>Memahami perubahan yang berlaku</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">11. Kontak</h2>
            <p>
              Jika Anda memiliki pertanyaan mengenai Kebijakan Privasi ini,
              silakan hubungi:{" "}
              <a
                href="mailto:support@setrip.com"
                className="font-semibold text-primary-600 hover:text-primary-700"
              >
                support@setrip.com
              </a>
            </p>
          </section>

          <section className="rounded-xl bg-neutral-50 p-5">
            <h2 className="mb-2 text-lg font-bold text-neutral-900">✅ Persetujuan</h2>
            <p className="mb-2">
              Dengan menggunakan SeTrip, Anda menyatakan bahwa:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Telah membaca</li>
              <li>Memahami</li>
              <li>Menyetujui Kebijakan Privasi ini</li>
            </ul>
          </section>
        </div>

        <footer className="mt-10 border-t border-neutral-200 pt-6 text-sm">
          <p className="text-neutral-500">
            Lihat juga{" "}
            <Link
              href="/terms"
              className="font-semibold text-primary-600 hover:text-primary-700"
            >
              Syarat &amp; Ketentuan
            </Link>
            .
          </p>
        </footer>
      </article>
    </div>
  );
}
