@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));

@endphp

<!-- Partners -->
<section
    class="container mx-auto flex flex-col gap-12 px-2 py-10 text-[#424242] md:flex-row md:items-center md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <!-- left -->
    <section class="container mx-auto space-y-2 md:w-[28%]">
        <div>
            @if (!empty($parent))
                <h1 class="text-[32px] font-bold">
                    {{ $parent['title'] }}
                </h1>
            @endif

        </div>
    </section>
    <!-- right -->
    <section class="md:w-[68%]">
        <div class="swiper swiperPartner">
            <div class="swiper-wrapper">
                <!-- Partner -->
                @if (!empty($child[0]))
                    @foreach ($child[0] as $value)
                        <div class="swiper-slide">
                            <a href="#" class="group relative block w-full">
                                <img width="100" src="{{ asset('images/' . $value->image) }}"
                                    class="h-[100px] w-full object-contain" alt="partner" />
                            </a>
                        </div>
                    @endforeach

                @endif
            </div>
        </div>
    </section>
</section>
