@extends('layouts.app')
@section('title', 'Syarat & Ketentuan')

@section('content')
<div class="max-w-3xl mx-auto px-4 py-12">
    <h1 class="text-3xl font-extrabold mb-6">Syarat & Ketentuan</h1>
    <div class="bg-white border border-slate-100 rounded-2xl p-8 space-y-5 text-sm text-slate-600 leading-relaxed">
        @foreach ([
            ['Umum','Dengan menggunakan platform ini Anda menyetujui seluruh syarat & ketentuan yang berlaku. Ketentuan diatur oleh hukum Republik Indonesia.'],
            ['Pemesanan & Harga','Harga di website adalah harga pas untuk retail. Harga produk belum termasuk ongkos kirim. Harga & ketersediaan dapat berubah tanpa pemberitahuan. Harga kaos dapat bergantung pada persentase area sablon.'],
            ['Produksi','Sistem print-on-demand: barang dicetak setelah order & pembayaran terverifikasi. Produksi & siap kirim ditargetkan 1–3 hari kerja pada kondisi normal.'],
            ['Konten Desain','Desain yang melanggar SARA, kekerasan, pornografi, atau hak cipta dapat ditolak. Pengguna bertanggung jawab penuh atas konten yang diunggah.'],
            ['Pembayaran','COD tidak tersedia. Data kartu dienkripsi saat transmisi. Platform berhak membatalkan order yang mencurigakan.'],
            ['Warna & Hasil','Warna pada layar tidak dijamin 100% sama dengan hasil cetak fisik.'],
        ] as $s)
            <div>
                <h2 class="font-bold text-slate-800 mb-1">{{ $s[0] }}</h2>
                <p>{{ $s[1] }}</p>
            </div>
        @endforeach
    </div>
</div>
@endsection