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

export default function TermsPage() {
  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">
            <FileText
              size={28}
              strokeWidth={1.75}
              aria-hidden
              className="shrink-0 text-primary-600"
            />
            Syarat &amp; Ketentuan 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">
            Selamat datang di SeTrip. Dengan mengakses atau menggunakan platform
            SeTrip, Anda menyetujui untuk terikat oleh Syarat &amp; Ketentuan
            berikut.
          </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. Definisi</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>
                <strong>SeTrip</strong>: Platform yang menghubungkan pengguna
                dengan penyelenggara trip.
              </li>
              <li>
                <strong>Pengguna (User)</strong>: Individu yang menggunakan
                aplikasi SeTrip.
              </li>
              <li>
                <strong>Organizer (Penyelenggara)</strong>: Pengguna terverifikasi
                yang membuat dan mengelola trip.
              </li>
              <li>
                <strong>Trip</strong>: Kegiatan perjalanan yang dibuat oleh
                organizer.
              </li>
              <li>
                <strong>Escrow</strong>: Penahanan dana peserta oleh SeTrip
                sampai trip selesai sebelum diteruskan ke organizer.
              </li>
              <li>
                <strong>Platform</strong>: Website atau aplikasi SeTrip.
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">2. Peran SeTrip</h2>
            <p className="mb-3">
              SeTrip bertindak sebagai <strong>platform perantara</strong> yang
              menghubungkan pengguna dan organizer serta memfasilitasi
              pembayaran. SeTrip:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Bukan penyelenggara trip</li>
              <li>Tidak terlibat langsung dalam pelaksanaan perjalanan</li>
              <li>Tidak bertanggung jawab atas kegiatan selama trip berlangsung</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              3. Penggunaan Platform
            </h2>
            <p className="mb-3">
              Dengan menggunakan SeTrip, Anda menyatakan bahwa:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Berusia minimal 18 tahun atau memiliki izin dari wali</li>
              <li>Memberikan informasi yang benar dan akurat</li>
              <li>
                Tidak menggunakan platform untuk: penipuan, aktivitas ilegal,
                atau penyebaran informasi palsu
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">4. Akun Pengguna</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Pengguna bertanggung jawab atas keamanan akun masing-masing</li>
              <li>Dilarang membagikan akun kepada pihak lain</li>
              <li>
                SeTrip berhak menangguhkan atau menghapus akun jika terjadi
                pelanggaran
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              5. Verifikasi Organizer (KYC)
            </h2>
            <p className="mb-3">
              Untuk dapat membuat dan mengelola trip, pengguna wajib melalui
              proses verifikasi identitas (KYC):
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>
                Organizer mengunggah data identitas (KTP, NIK, foto liveness)
                dan informasi rekening bank untuk pencairan dana
              </li>
              <li>
                SeTrip meninjau pengajuan secara manual dan berhak menyetujui,
                menolak, atau meminta dokumen diunggah ulang
              </li>
              <li>
                Data verifikasi disimpan secara terenkripsi sesuai{" "}
                <Link
                  href="/privacy"
                  className="font-semibold text-primary-600 hover:text-primary-700"
                >
                  Kebijakan Privasi
                </Link>
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">6. Trip &amp; Booking</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Organizer bertanggung jawab atas seluruh informasi trip</li>
              <li>Pengguna wajib membaca detail trip sebelum melakukan join</li>
              <li>
                Dengan melakukan join trip, pengguna menyetujui seluruh ketentuan
                trip yang dibuat oleh organizer
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">7. Pembayaran &amp; Escrow</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>
                Pembayaran dilakukan melalui metode yang tersedia di platform
                (Midtrans atau transfer manual yang dikonfirmasi organizer)
              </li>
              <li>
                <strong>Uang peserta ditahan oleh SeTrip (escrow)</strong> sejak
                pembayaran berhasil hingga trip selesai + 3 hari, baru kemudian
                diteruskan ke organizer
              </li>
              <li>
                Buffer 3 hari memberi waktu peserta dan organizer melaporkan
                masalah trip sebelum dana dicairkan
              </li>
              <li>
                Pembayaran di luar platform tidak dijamin keamanannya oleh
                SeTrip — kami tidak dapat memediasi sengketa untuk transaksi
                off-platform
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              8. Pembatalan &amp; Refund
            </h2>
            <p className="mb-2 font-semibold text-neutral-800">
              Saat peserta membatalkan booking sendiri (kebijakan default platform):
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>
                <strong>≥ 7 hari</strong> sebelum tanggal berangkat → refund{" "}
                <strong>80%</strong> dari nominal booking
              </li>
              <li>
                <strong>3–6 hari</strong> sebelum tanggal berangkat → refund{" "}
                <strong>50%</strong> dari nominal booking
              </li>
              <li>
                <strong>&lt; 3 hari</strong> sebelum tanggal berangkat / setelah
                berangkat → <strong>tidak ada refund</strong>
              </li>
            </ul>
            <p className="mt-3 mb-2 font-semibold text-neutral-800">
              Saat organizer membatalkan trip:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Peserta yang sudah membayar mendapat refund <strong>100%</strong></li>
            </ul>
            <p className="mt-3">
              Pengembalian dana diproses manual oleh admin SeTrip — perlu 1–3
              hari kerja sejak refund disetujui untuk uang masuk ke rekening
              Anda. Setiap pengajuan refund tercatat untuk keperluan audit.
              Kebijakan ini berlaku platform-wide; organizer tidak dapat
              menetapkan kebijakan yang lebih ketat tanpa persetujuan tertulis
              dari SeTrip.
            </p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              9. Tanggung Jawab Organizer
            </h2>
            <p className="mb-3">Organizer wajib:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Memberikan informasi trip yang jelas dan akurat</li>
              <li>Menjalankan trip sesuai deskripsi</li>
              <li>Bertanggung jawab atas keselamatan peserta selama trip</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">10. Risiko Perjalanan</h2>
            <p className="mb-3">
              Pengguna memahami bahwa aktivitas perjalanan, terutama kegiatan
              outdoor, memiliki risiko termasuk namun tidak terbatas pada:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Cedera</li>
              <li>Kecelakaan</li>
              <li>Cuaca ekstrem</li>
              <li>Kondisi tak terduga lainnya</li>
            </ul>
            <blockquote className="mt-3 border-l-4 border-primary-500 bg-primary-50 px-4 py-3 italic text-neutral-700">
              Mengikuti kegiatan secara sadar dan bertanggung jawab atas risiko
              pribadi
            </blockquote>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              11. Batasan Tanggung Jawab
            </h2>
            <p className="mb-3">SeTrip tidak bertanggung jawab atas:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Kerugian finansial</li>
              <li>Cedera atau kecelakaan</li>
              <li>Kegagalan pelaksanaan trip</li>
              <li>Tindakan organizer atau pengguna lain</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              12. Larangan Transaksi di Luar Platform
            </h2>
            <p className="mb-3">
              Pengguna disarankan untuk tidak melakukan transaksi di luar
              platform. SeTrip tidak bertanggung jawab atas:
            </p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Penipuan</li>
              <li>Kerugian</li>
              <li>Masalah lain yang terjadi akibat transaksi di luar sistem SeTrip</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">13. Sistem Review</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Peserta dapat memberikan review setelah trip selesai</li>
              <li>Review harus jujur dan tidak mengandung unsur fitnah</li>
              <li>SeTrip berhak menghapus review yang melanggar</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              14. Penangguhan &amp; Penghentian Akun
            </h2>
            <p className="mb-3">SeTrip berhak untuk:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Menangguhkan akun</li>
              <li>Menghapus akun</li>
              <li>Membatasi akses</li>
            </ul>
            <p className="mt-3 mb-3">Jika pengguna:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Melanggar ketentuan</li>
              <li>Terindikasi melakukan penipuan</li>
              <li>Menyalahgunakan platform</li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">15. Perubahan Layanan</h2>
            <p className="mb-3">SeTrip dapat:</p>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Mengubah fitur</li>
              <li>Menghentikan layanan</li>
              <li>Menambahkan kebijakan baru</li>
            </ul>
            <p className="mt-3">Tanpa pemberitahuan sebelumnya.</p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              16. Perubahan Syarat &amp; Ketentuan
            </h2>
            <p className="mb-3">
              SeTrip dapat memperbarui Syarat &amp; Ketentuan ini kapan saja.
              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">17. Hukum yang Berlaku</h2>
            <p>
              Syarat &amp; Ketentuan ini diatur oleh hukum yang berlaku di
              Republik Indonesia.
            </p>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">18. Kontak</h2>
            <p>
              Jika Anda memiliki pertanyaan, 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 seluruh isi Syarat &amp; Ketentuan 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="/privacy"
              className="font-semibold text-primary-600 hover:text-primary-700"
            >
              Kebijakan Privasi
            </Link>
            .
          </p>
        </footer>
      </article>
    </div>
  );
}
