import Link from "next/link";
import { ShieldCheck, CircleCheck } from "lucide-react";

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="flex items-center gap-2 text-2xl font-bold text-neutral-900 sm:text-3xl">
            <ShieldCheck
              size={28}
              strokeWidth={1.75}
              aria-hidden
              className="shrink-0 text-primary-600"
            />
            Kebijakan Privasi SeTrip
          </h1>
          <p className="mt-2 text-sm text-neutral-500">
            Terakhir diperbarui: 2026-06-02
          </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>Password (disimpan dalam bentuk hash bcrypt, tidak pernah dalam teks asli)</li>
            </ul>
            <p className="mt-2">
              Anda dapat mendaftar menggunakan email &amp; password atau melalui
              akun Google. Jika Anda masuk dengan Google, kami menerima nama,
              email, foto profil, dan token akun dari Google; tidak ada password
              yang dibuat untuk akun tersebut.
            </p>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">
              b. Informasi Profil (Publik)
            </h3>
            <p className="mb-2">
              Informasi yang Anda pilih untuk dibagikan dan ditampilkan ke
              pengguna lain untuk keperluan penemuan teman dan pencocokan trip:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Foto profil</li>
              <li>Bio / deskripsi diri</li>
              <li>Kota domisili</li>
              <li>Minat/aktivitas favorit (interests)</li>
              <li>Username Instagram (opsional)</li>
              <li>Gaya perjalanan / vibe (chill, balanced, hardcore)</li>
              <li>Riwayat trip yang diikuti</li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">
              c. Verifikasi Identitas Organizer (KYC)
            </h3>
            <p className="mb-2">
              Khusus bagi pengguna yang ingin menjadi organizer, kami
              mengumpulkan data verifikasi identitas:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Nama lengkap sesuai KTP</li>
              <li>Nomor Induk Kependudukan (NIK)</li>
              <li>Tanggal lahir dan alamat</li>
              <li>Foto KTP</li>
              <li>Foto liveness (memegang kertas bertuliskan &ldquo;SETRIP&rdquo;)</li>
              <li>Data rekening bank (nama bank, nomor rekening, nama pemilik) untuk pencairan dana</li>
            </ul>
            <p className="mt-2">
              NIK serta foto KTP dan liveness disimpan dalam bentuk terenkripsi
              (AES-256-GCM) pada penyimpanan privat di luar akses publik. NIK
              juga di-hash (HMAC) sehingga kami dapat memeriksa keunikannya tanpa
              membuka data aslinya.
            </p>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">
              d. Informasi Transaksi &amp; Pembayaran
            </h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Data booking trip dan nominal pembayaran</li>
              <li>Status pembayaran dan metode pembayaran (mis. virtual account, GoPay, QRIS, transfer manual)</li>
              <li>ID transaksi dan catatan callback dari penyedia pembayaran (Midtrans)</li>
              <li>Riwayat refund dan pencairan dana (payout), termasuk data rekening tujuan</li>
            </ul>
            <p className="mt-2">
              Pembayaran kartu/e-wallet diproses langsung oleh penyedia
              pembayaran Midtrans. Kami tidak menyimpan nomor kartu, PIN, atau
              kredensial pembayaran Anda.
            </p>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">e. 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 dan sistem (termasuk log pengiriman email dan log tindakan admin)</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 serta mencocokkan teman/trip berdasarkan minat dan vibe</li>
              <li>Memproses booking, pembayaran, escrow, refund, dan pencairan dana</li>
              <li>Memverifikasi identitas organizer (KYC)</li>
              <li>Mengirim email dan notifikasi terkait aktivitas akun dan transaksi</li>
              <li>Meningkatkan layanan dan pengalaman pengguna</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 &amp; Peserta Lain
            </h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>
                Profil publik Anda dan informasi dasar (seperti nama) dapat
                dibagikan kepada organizer dan peserta lain untuk keperluan trip
              </li>
            </ul>

            <h3 className="mb-2 mt-4 font-semibold text-neutral-800">
              b. Dengan Penyedia Layanan Pihak Ketiga
            </h3>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Midtrans — untuk memproses pembayaran</li>
              <li>Resend — untuk mengirim email transaksional</li>
              <li>Google — saat Anda memilih masuk dengan akun Google</li>
              <li>Penyedia hosting dan basis data — untuk menjalankan layanan</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>Hash password (bcrypt)</li>
              <li>Enkripsi data KYC sensitif (AES-256-GCM) di penyimpanan privat</li>
              <li>Pembatasan akses data dan pencatatan tindakan admin (audit log)</li>
              <li>Verifikasi tanda tangan (signature) pada callback pembayaran</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 &amp; Retensi 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. Namun, catatan
              keuangan dan audit (pembayaran, refund, pencairan dana, log email,
              dan log tindakan admin) bersifat permanen (append-only) dan dapat
              tetap disimpan meskipun akun dihapus, sepanjang diwajibkan untuk
              kepatuhan hukum, akuntansi, dan penyelesaian sengketa. Data KYC
              disimpan selama dibutuhkan untuk verifikasi dan kewajiban hukum.
            </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>
            <p className="mt-3">
              Penghapusan akun tidak menghapus catatan keuangan dan audit yang
              wajib kami simpan sebagaimana dijelaskan pada bagian 5.
            </p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">7. Cookie &amp; Tracking</h2>
            <p className="mb-3">
              SeTrip hanya menggunakan cookie sesi (JWT) untuk menjaga Anda tetap
              login. Kami <strong>tidak</strong> menggunakan cookie iklan maupun
              layanan analitik/pelacakan pihak ketiga.
            </p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              8. Layanan Pihak Ketiga
            </h2>
            <p className="mb-3">SeTrip menggunakan layanan pihak ketiga berikut:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Google — autentikasi (login dengan Google)</li>
              <li>Midtrans — payment gateway</li>
              <li>Resend — pengiriman email</li>
              <li>Penyedia hosting dan basis data</li>
            </ul>
            <p className="mt-3">
              Kami tidak bertanggung jawab atas kebijakan privasi pihak ketiga
              tersebut. Silakan tinjau kebijakan privasi masing-masing penyedia.
            </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>Menangguhkan akun yang melanggar</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 flex items-center gap-1.5 text-lg font-bold text-neutral-900">
              <CircleCheck
                size={18}
                strokeWidth={1.75}
                aria-hidden
                className="text-primary-600"
              />
              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>
  );
}
