@php
    $socials = [
        ['name' => 'YouTube', 'icon' => '▶️', 'url' => 'https://www.youtube.com', 'caption' => 'Video dan dokumentasi kegiatan komunitas.'],
        ['name' => 'TikTok', 'icon' => '🎵', 'url' => 'https://www.tiktok.com', 'caption' => 'Klip singkat, seru, dan penuh cerita.'],
        ['name' => 'Facebook', 'icon' => '📘', 'url' => 'https://www.facebook.com', 'caption' => 'Kabar dan diskusi seputar alumni.'],
        ['name' => 'Instagram', 'icon' => '📸', 'url' => 'https://www.instagram.com', 'caption' => 'Momen dan cerita harian Boedoeters.'],
    ];
@endphp

<section class="section" id="sosmed">
    <div class="container">
        <div class="section-head">
            <div class="eyebrow">Terhubung Dengan Kami</div>
            <h2>Ikuti Suara Boedoeters.</h2>
            <p>Pantau kabar, momen, dan cerita komunitas lewat semua kanal resmi kami.</p>
        </div>
        <div class="social-grid">
            @foreach ($socials as $social)
                <a class="social-card" href="{{ $social['url'] }}" target="_blank" rel="noopener">
                    <div class="social-icon" aria-hidden="true">{{ $social['icon'] }}</div>
                    <h3>{{ $social['name'] }}</h3>
                    <p>@username</p>
                    <span class="social-caption">{{ $social['caption'] }}</span>
                </a>
            @endforeach
        </div>
    </div>
</section>