{{-- File: resources/views/components/consortium.blade.php --}}
<section class="py-16 bg-white border-t border-slate-50" data-aos="fade-up">
    <div class="container mx-auto px-6 lg:px-12">
        
        {{-- Judul Section --}}
        <div class="flex flex-col items-center mb-12">
            <h6 class="text-[10px] md:text-[11px] font-extrabold uppercase tracking-[0.4em] text-slate-400 mb-2">
                Consortium
            </h6>
            <div class="w-8 h-[2px] bg-[#f97316]"></div>
        </div>

        {{-- Logo Wrapper - Tampil Statis di Tengah --}}
        <div class="flex flex-wrap justify-center items-center gap-12 md:gap-24">
            
            {{-- Logo Jaskon 1 --}}
            <div class="flex items-center justify-center">
                <img src="{{ asset('images/Jaskon1.png') }}" 
                     alt="Jaskon 1" 
                     class="h-14 md:h-20 w-auto object-contain">
            </div>

            {{-- Logo Jaskon 2 --}}
            <div class="flex items-center justify-center">
                <img src="{{ asset('images/Jaskon2.jpeg') }}" 
                     alt="Jaskon 2" 
                     class="h-14 md:h-20 w-auto object-contain">
            </div>

        </div>
    </div>
</section>