@extends('layouts.public')

@section('title', 'Tentang Kami - KunciLink | Social Unlock & Link in Bio Indonesia')

@section('meta_description')
Tentang KunciLink - platform social unlock terdepan Indonesia sejak 2024. Misi kami membantu creator mengembangkan audiens organik & berkelanjutan dengan teknologi inovatif.
@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">Tentang KunciLink</h1>
        <p class="text-xl text-gray-600">Platform Social Unlock Terdepan di Indonesia</p>
    </div>

    <div class="grid md:grid-cols-2 gap-12 mb-16">
        <div>
            <h2 class="text-2xl font-semibold text-gray-900 mb-4">Misi Kami</h2>
            <p class="text-gray-600 mb-4">
                KunciLink hadir untuk membantu kreator konten Indonesia mengembangkan audiens mereka secara organik dan berkelanjutan. 
                Kami percaya bahwa pertumbuhan yang sehat adalah kunci kesuksesan jangka panjang.
            </p>
            <p class="text-gray-600">
                Dengan teknologi social unlock yang inovatif, kami memungkinkan YouTuber, influencer, dan content creator 
                untuk mengkonversi viewers menjadi subscriber dan followers yang loyal.
            </p>
        </div>
        <div>
            <h2 class="text-2xl font-semibold text-gray-900 mb-4">Visi Kami</h2>
            <p class="text-gray-600 mb-4">
                Menjadi platform social unlock terpercaya dan terdepan di Indonesia yang mendukung pertumbuhan 
                ekosistem kreator konten yang sehat dan berkelanjutan.
            </p>
            <p class="text-gray-600">
                Kami berkomitmen untuk terus berinovasi dan memberikan solusi terbaik bagi komunitas kreator Indonesia.
            </p>
        </div>
    </div>

    <div class="bg-gray-50 rounded-lg p-8 mb-16">
        <h2 class="text-2xl font-semibold text-gray-900 mb-6 text-center">Mengapa Memilih KunciLink?</h2>
        <div class="grid md:grid-cols-3 gap-8">
            <div class="text-center">
                <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-rocket text-2xl text-blue-600"></i>
                </div>
                <h3 class="text-lg font-semibold text-gray-900 mb-2">Pertumbuhan Organik</h3>
                <p class="text-gray-600">Tingkatkan subscriber dan followers secara alami tanpa bot atau cara curang</p>
            </div>
            <div class="text-center">
                <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-shield-alt text-2xl text-green-600"></i>
                </div>
                <h3 class="text-lg font-semibold text-gray-900 mb-2">Aman & Terpercaya</h3>
                <p class="text-gray-600">Platform yang aman dan sesuai dengan kebijakan platform sosial media</p>
            </div>
            <div class="text-center">
                <div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-chart-line text-2xl text-purple-600"></i>
                </div>
                <h3 class="text-lg font-semibold text-gray-900 mb-2">Analytics Lengkap</h3>
                <p class="text-gray-600">Pantau performa dan pertumbuhan audiens dengan analytics yang detail</p>
            </div>
        </div>
    </div>

    <div class="text-center">
        <h2 class="text-2xl font-semibold text-gray-900 mb-6">Bergabunglah dengan Ribuan Kreator Indonesia</h2>
        <p class="text-gray-600 mb-8">
            Mulai perjalanan pertumbuhan audiens Anda bersama KunciLink. 
            Platform social unlock terbaik untuk YouTuber, influencer, dan content creator Indonesia.
        </p>
        <a href="/" class="inline-block bg-blue-600 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors">
            Mulai Sekarang
        </a>
    </div>
    
    {{-- Social Sharing Section --}}
    <div class="mt-16">
        @include('components.social-sharing-buttons', [
            'showTitle' => true,
            'shareTitle' => 'Bagikan Tentang KunciLink',
            'class' => 'my-4',
            'title' => 'Tentang KunciLink.id - Social Unlock Platform Indonesia',
            'description' => 'Pelajari lebih lanjut tentang KunciLink.id - platform social unlock terdepan Indonesia untuk YouTuber, influencer & content creator.'
        ])
    </div>
</div>
@endsection