import Link from "next/link";

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="text-2xl font-bold text-neutral-900 sm:text-3xl">
            📜 Syarat &amp; Ketentuan 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">
            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 yang membuat
                dan mengelola trip.
              </li>
              <li>
                <strong>Trip</strong>: Kegiatan perjalanan yang dibuat oleh
                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. 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. 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">6. Pembayaran</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Pembayaran dilakukan sesuai metode yang tersedia di platform</li>
              <li>
                Dalam fase awal, pembayaran dapat dilakukan langsung kepada
                organizer
              </li>
              <li>
                SeTrip tidak menjamin keamanan transaksi yang dilakukan di luar
                platform
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              7. Pembatalan &amp; Refund
            </h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Kebijakan pembatalan ditentukan oleh organizer</li>
              <li>
                SeTrip tidak bertanggung jawab atas refund yang tidak diberikan
                oleh organizer
              </li>
              <li>
                Pengguna disarankan untuk memahami kebijakan sebelum melakukan
                pembayaran
              </li>
            </ul>
          </section>

          <section>
            <h2 className="mb-3 text-lg font-bold text-neutral-900">
              8. 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">9. 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">
              10. 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">
              11. 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">12. Sistem Review</h2>
            <ul className="ml-5 list-disc space-y-1.5">
              <li>Pengguna dapat memberikan review setelah trip</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">
              13. 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">14. 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">
              15. 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">16. 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">17. 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 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 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>
  );
}