@extends('layouts.public')

@section('title', 'FAQ - Pertanyaan Umum | KunciLink | Social Unlock & Link in Bio Indonesia')

@section('meta_description')
Pertanyaan umum seputar KunciLink - platform social unlock terbaik di Indonesia. Pelajari cara menggunakan social unlock, link in bio, dan tips meningkatkan subscriber.
@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">Pertanyaan Umum (FAQ)</h1>
        <p class="text-xl text-gray-600">Semua yang perlu Anda ketahui tentang KunciLink</p>
    </div>

    <div class="space-y-8">
        <div class="bg-white rounded-lg shadow-sm border p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">Apa itu KunciLink?</h2>
            <p class="text-gray-600">
                KunciLink adalah platform social unlock terdepan di Indonesia yang membantu YouTuber, influencer, dan content creator 
                meningkatkan subscriber dan followers secara organik. Dengan teknologi social unlock, viewers harus melakukan 
                aksi tertentu (seperti subscribe, like, atau follow) sebelum dapat mengakses konten eksklusif.
            </p>
        </div>

        <div class="bg-white rounded-lg shadow-sm border p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">Bagaimana cara kerja social unlock?</h2>
            <p class="text-gray-600 mb-4">
                Social unlock bekerja dengan cara meminta viewers untuk menyelesaikan tugas tertentu sebelum dapat mengakses link atau konten:
            </p>
            <ul class="list-disc list-inside text-gray-600 space-y-2">
                <li>Viewer mengklik link social unlock</li>
                <li>Sistem memverifikasi apakah viewer sudah subscribe/like/follow</li>
                <li>Jika belum, viewer diminta untuk melakukan aksi tersebut</li>
                <li>Setelah aksi selesai, viewer dapat mengakses konten eksklusif</li>
            </ul>
        </div>

        <div class="bg-white rounded-lg shadow-sm border p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">Apakah social unlock aman digunakan?</h2>
            <p class="text-gray-600">
                Ya, social unlock KunciLink aman digunakan karena:
            </p>
            <ul class="list-disc list-inside text-gray-600 space-y-2 mt-4">
                <li>Menggunakan API resmi dari platform sosial media</li>
                <li>Tidak melanggar Terms of Service platform</li>
                <li>Pertumbuhan audiens yang organik dan natural</li>
                <li>Tidak menggunakan bot atau cara curang</li>
            </ul>
        </div>

        <div class="bg-white rounded-lg shadow-sm border p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">Platform apa saja yang didukung?</h2>
            <p class="text-gray-600 mb-4">
                KunciLink mendukung berbagai platform sosial media populer:
            </p>
            <div class="grid md:grid-cols-2 gap-4">
                <div class="flex items-center space-x-3">
                    <i class="fab fa-youtube text-red-600 text-xl"></i>
                    <span class="text-gray-700">YouTube</span>
                </div>
                <div class="flex items-center space-x-3">
                    <i class="fab fa-instagram text-pink-600 text-xl"></i>
                    <span class="text-gray-700">Instagram</span>
                </div>
                <div class="flex items-center space-x-3">
                    <i class="fab fa-tiktok text-black text-xl"></i>
                    <span class="text-gray-700">TikTok</span>
                </div>
                <div class="flex items-center space-x-3">
                    <i class="fab fa-twitter text-blue-500 text-xl"></i>
                    <span class="text-gray-700">Twitter</span>
                </div>
            </div>
        </div>

        <div class="bg-white rounded-lg shadow-sm border p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">Berapa biaya menggunakan KunciLink?</h2>
            <p class="text-gray-600">
                KunciLink menawarkan berbagai paket yang terjangkau untuk semua kebutuhan:
            </p>
            <ul class="list-disc list-inside text-gray-600 space-y-2 mt-4">
                <li><strong>Paket Gratis:</strong> Fitur dasar dengan batasan tertentu</li>
                <li><strong>Paket Pro:</strong> Fitur lengkap untuk kreator serius</li>
                <li><strong>Paket Business:</strong> Solusi untuk brand dan agensi</li>
            </ul>
        </div>

        <div class="bg-white rounded-lg shadow-sm border p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">Bagaimana cara memulai?</h2>
            <p class="text-gray-600 mb-4">
                Memulai dengan KunciLink sangat mudah:
            </p>
            <ol class="list-decimal list-inside text-gray-600 space-y-2">
                <li>Daftar akun gratis di KunciLink</li>
                <li>Pilih platform sosial media yang ingin Anda tingkatkan</li>
                <li>Buat link social unlock dengan konten eksklusif</li>
                <li>Bagikan link ke audiens Anda</li>
                <li>Pantau pertumbuhan subscriber dan followers</li>
            </ol>
        </div>
    </div>

    <div class="text-center mt-12">
        <h2 class="text-2xl font-semibold text-gray-900 mb-6">Masih punya pertanyaan?</h2>
        <p class="text-gray-600 mb-8">
            Tim support kami siap membantu Anda 24/7
        </p>
        <div class="space-x-4">
            <a href="/contactus" class="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors">
                Hubungi Kami
            </a>
            <a href="/" class="inline-block bg-gray-100 text-gray-700 px-6 py-3 rounded-lg font-semibold hover:bg-gray-200 transition-colors">
                Mulai Sekarang
            </a>
        </div>
    </div>
    
    {{-- Social Sharing Section --}}
    <div class="mt-16">
        @include('components.social-sharing-buttons', [
            'showTitle' => true,
            'shareTitle' => 'Bagikan FAQ KunciLink',
            'class' => 'my-4',
            'title' => 'FAQ KunciLink.id - Pertanyaan Umum Social Unlock Platform',
            'description' => 'Temukan jawaban lengkap seputar KunciLink.id - platform social unlock terbaik Indonesia untuk YouTuber, influencer & content creator.'
        ])
    </div>
</div>

{{-- FAQ Structured Data --}}
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Apa itu KunciLink?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "KunciLink adalah platform social unlock terdepan di Indonesia yang membantu YouTuber, influencer, dan content creator meningkatkan subscriber dan followers secara organik."
            }
        },
        {
            "@type": "Question",
            "name": "Bagaimana cara kerja social unlock?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Social unlock bekerja dengan meminta viewers untuk menyelesaikan tugas tertentu (seperti subscribe, like, atau follow) sebelum dapat mengakses konten eksklusif."
            }
        },
        {
            "@type": "Question",
            "name": "Apakah social unlock aman digunakan?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Ya, social unlock KunciLink aman karena menggunakan API resmi platform sosial media dan tidak melanggar Terms of Service."
            }
        }
    ]
}
</script>
@endsection