@extends('layouts.public')

@section('title', 'Syarat & Ketentuan | KunciLink | Social Unlock & Link in Bio Indonesia')

@section('meta_description')
Baca syarat & ketentuan KunciLink - platform social unlock terpercaya Indonesia. Ketahui aturan penggunaan, hak & kewajiban untuk pengalaman yang aman dan optimal.
@endsection

@section('content')
<div class="max-w-4xl mx-auto px-4 py-12">
    <div class="text-center mb-12">
        <h1 class="text-4xl font-bold text-gray-900 mb-4">Syarat & Ketentuan</h1>
        <p class="text-xl text-gray-600">Ketentuan penggunaan layanan KunciLink</p>
        <p class="text-sm text-gray-500 mt-2">Terakhir diperbarui: {{ now()->format('d F Y') }}</p>
    </div>

    <div class="bg-white rounded-lg shadow-sm border p-8">
        <div class="space-y-8">
            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">1. Penerimaan Syarat & Ketentuan</h2>
                <p class="text-gray-600 mb-4">
                    Dengan mengakses dan menggunakan layanan KunciLink, Anda menyetujui untuk terikat dengan syarat dan ketentuan ini. 
                    Jika Anda tidak setuju dengan ketentuan ini, harap jangan menggunakan layanan kami.
                </p>
                <p class="text-gray-600">
                    KunciLink berhak untuk mengubah syarat dan ketentuan ini sewaktu-waktu. Perubahan akan diberitahukan melalui website 
                    atau email kepada pengguna terdaftar.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">2. Deskripsi Layanan</h2>
                <p class="text-gray-600 mb-4">
                    KunciLink adalah platform social unlock yang menyediakan layanan:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Pembuatan link social unlock untuk berbagai platform sosial media</li>
                    <li>Analytics dan tracking untuk performa link</li>
                    <li>Dashboard manajemen untuk kreator konten</li>
                    <li>Integrasi dengan platform YouTube, Instagram, TikTok, dan lainnya</li>
                    <li>Layanan link in bio dan shortlink</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">3. Penggunaan Layanan</h2>
                <div class="space-y-4">
                    <div>
                        <h3 class="text-lg font-semibold text-gray-900 mb-2">3.1 Penggunaan yang Diizinkan</h3>
                        <ul class="list-disc list-inside text-gray-600 space-y-1 ml-4">
                            <li>Membuat dan mengelola link social unlock untuk konten yang sah</li>
                            <li>Menggunakan layanan untuk meningkatkan engagement sosial media</li>
                            <li>Mengakses dashboard dan analytics sesuai paket yang dipilih</li>
                            <li>Membagikan link kepada audiens Anda</li>
                        </ul>
                    </div>
                    <div>
                        <h3 class="text-lg font-semibold text-gray-900 mb-2">3.2 Penggunaan yang Dilarang</h3>
                        <ul class="list-disc list-inside text-gray-600 space-y-1 ml-4">
                            <li>Menggunakan layanan untuk konten ilegal, pornografi, atau berbahaya</li>
                            <li>Melakukan spam atau penyalahgunaan sistem</li>
                            <li>Mencoba mengakses sistem tanpa izin</li>
                            <li>Melanggar hak cipta atau kekayaan intelektual</li>
                            <li>Menggunakan bot atau cara curang untuk meningkatkan engagement</li>
                        </ul>
                    </div>
                </div>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">4. Akun Pengguna</h2>
                <div class="space-y-4">
                    <p class="text-gray-600">
                        Untuk menggunakan layanan KunciLink, Anda harus mendaftar dan membuat akun. Anda bertanggung jawab untuk:
                    </p>
                    <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                        <li>Memberikan informasi yang akurat dan lengkap saat mendaftar</li>
                        <li>Menjaga kerahasiaan username dan password</li>
                        <li>Segera melaporkan jika ada penyalahgunaan akun</li>
                        <li>Tidak membagikan akun kepada pihak lain</li>
                    </ul>
                </div>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">5. Privasi & Keamanan Data</h2>
                <p class="text-gray-600 mb-4">
                    KunciLink berkomitmen untuk melindungi privasi pengguna. Pengumpulan dan penggunaan data diatur dalam 
                    <a href="/privacy" class="text-blue-600 hover:underline">Kebijakan Privasi</a> kami.
                </p>
                <p class="text-gray-600">
                    Kami menggunakan teknologi keamanan standar industri untuk melindungi data pengguna dari akses yang tidak sah.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">6. Pembayaran & Berlangganan</h2>
                <div class="space-y-4">
                    <p class="text-gray-600">
                        KunciLink menawarkan berbagai paket berlangganan dengan fitur yang berbeda:
                    </p>
                    <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                        <li><strong>Paket Gratis:</strong> Fitur dasar dengan batasan penggunaan</li>
                        <li><strong>Paket Pro:</strong> Fitur lengkap untuk kreator serius</li>
                        <li><strong>Paket Business:</strong> Solusi untuk brand dan agensi</li>
                    </ul>
                    <p class="text-gray-600">
                        Pembayaran dilakukan di muka dan berlangganan akan diperpanjang secara otomatis kecuali dibatalkan.
                    </p>
                </div>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">7. Pembatasan Tanggung Jawab</h2>
                <p class="text-gray-600 mb-4">
                    KunciLink menyediakan layanan "sebagaimana adanya" dan tidak memberikan jaminan bahwa layanan akan:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Berfungsi tanpa gangguan atau error</li>
                    <li>Memenuhi kebutuhan spesifik pengguna</li>
                    <li>Selalu tersedia 24/7</li>
                </ul>
                <p class="text-gray-600">
                    KunciLink tidak bertanggung jawab atas kerugian yang timbul dari penggunaan layanan.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">8. Pengakhiran Layanan</h2>
                <p class="text-gray-600 mb-4">
                    KunciLink berhak untuk menghentikan atau membatasi akses ke layanan jika:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Pengguna melanggar syarat dan ketentuan</li>
                    <li>Ada penyalahgunaan layanan</li>
                    <li>Pembayaran tidak dilakukan tepat waktu</li>
                    <li>Atas permintaan pengguna</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">9. Hukum yang Berlaku</h2>
                <p class="text-gray-600">
                    Syarat dan ketentuan ini tunduk pada hukum Republik Indonesia. Setiap sengketa akan diselesaikan 
                    melalui musyawarah atau melalui pengadilan yang berwenang di Indonesia.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">10. Hubungi Kami</h2>
                <p class="text-gray-600 mb-4">
                    Jika Anda memiliki pertanyaan tentang syarat dan ketentuan ini, silakan hubungi kami:
                </p>
                <div class="bg-gray-50 rounded-lg p-4">
                    <p class="text-gray-700"><strong>Email:</strong> support@kuncilink.id</p>
                    <p class="text-gray-700"><strong>Website:</strong> <a href="/contactus" class="text-blue-600 hover:underline">kuncilink.id/contactus</a></p>
                </div>
            </section>
        </div>
    </div>

    <div class="text-center mt-8">
        <p class="text-gray-500 text-sm">
            Dengan menggunakan layanan KunciLink, Anda menyetujui syarat dan ketentuan ini.
        </p>
    </div>
    
    {{-- Social Sharing Section --}}
    <div class="mt-16">
        @include('components.social-sharing-buttons', [
            'showTitle' => true,
            'shareTitle' => 'Bagikan Syarat & Ketentuan',
            'class' => 'my-4',
            'title' => 'Syarat & Ketentuan KunciLink.id - Social Unlock Platform',
            'description' => 'Baca syarat dan ketentuan KunciLink.id untuk memahami aturan penggunaan platform social unlock terbaik Indonesia.'
        ])
    </div>
</div>
@endsection