@extends('layouts.app')
@section('title', 'Syarat & Ketentuan')
@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-8">
        <h1 class="text-3xl font-bold text-slate-800 mb-6">Syarat & Ketentuan</h1>
        <div class="prose prose-slate max-w-none text-slate-600 space-y-4">
            <p>Selamat datang di Suara Aspirasi. Dengan mengakses dan menggunakan platform ini, Anda setuju untuk terikat oleh Syarat & Ketentuan berikut.</p>
            <h3 class="text-xl font-semibold text-slate-800 mt-6 mb-2">1. Penggunaan Platform</h3>
            <p>Anda setuju untuk menggunakan platform ini hanya untuk tujuan yang sah dan sesuai dengan hukum serta peraturan perundang-undangan yang berlaku di Republik Indonesia.</p>
            <h3 class="text-xl font-semibold text-slate-800 mt-6 mb-2">2. Konten Pengguna</h3>
            <p>Anda bertanggung jawab penuh atas segala konten aspirasi, komentar, atau materi lain yang Anda sampaikan di platform ini. Konten tidak boleh mengandung unsur SARA (Suku, Agama, Ras, dan Antargolongan), ujaran kebencian, pencemaran nama baik, atau berita bohong (hoaks).</p>
            <h3 class="text-xl font-semibold text-slate-800 mt-6 mb-2">3. Hak Kekayaan Intelektual</h3>
            <p>Seluruh desain, logo, dan kode sumber platform adalah milik Suara Aspirasi dan dilindungi oleh hak cipta yang sah.</p>
        </div>
    </div>
</div>
@endsection