@php
    $partners = [
        ['01-prowin-properties.webp', 'Prowin Properties'],
        ['02-manasum.webp', 'Manasum'],
        ['03-prestige-group.webp', 'Prestige Group'],
        ['04-brigade-group.webp', 'Brigade Group'],
        ['05-snn.webp', 'SNN'],
        ['06-prospero-properties.webp', 'Prospero Properties'],
        ['07-kessaku.webp', 'Kessaku'],
        ['08-puravankara.webp', 'Puravankara'],
        ['09-century-seasons.webp', 'Century Seasons'],
        ['10-assetz.webp', 'Assetz'],
        ['11-sobha.webp', 'Sobha'],
        ['12-shriram-properties.webp', 'Shriram Properties'],
        ['13-raheja.webp', 'Raheja'],
        ['14-mahindra-lifespaces.webp', 'Mahindra Lifespaces'],
        ['15-godrej-properties.webp', 'Godrej Properties'],
        ['16-sattva.webp', 'Sattva'],
        ['17-embassy.webp', 'Embassy'],
        ['18-lt-realty.webp', 'L&T Realty'],
    ];
@endphp

<section class="overflow-hidden border-y border-grey-200 bg-ivory py-10" aria-labelledby="partners-heading">
    <div class="shell mb-8 flex items-end justify-between gap-6">
        <div>
            <x-section-eyebrow>Our Network</x-section-eyebrow>
            <h2 id="partners-heading" class="font-display text-2xl md:text-3xl">Partners &amp; Associations</h2>
        </div>
        <p class="hidden max-w-sm text-right text-sm leading-6 text-grey-600 md:block">Relationships across markets and an evolving real estate landscape.</p>
    </div>

    <div class="partner-marquee" role="region" aria-label="Partner logos">
        <div class="partner-logo-track">
            @foreach([false, true] as $duplicate)
                <ul class="partner-logo-set" @if($duplicate) aria-hidden="true" @endif>
                    @foreach($partners as [$file, $name])
                        <li class="flex h-20 w-40 shrink-0 items-center justify-center border border-grey-200 bg-white px-5 sm:w-44">
                            <img
                                src="{{ asset('images/partners/'.$file) }}"
                                alt="{{ $duplicate ? '' : $name }}"
                                class="max-h-12 w-full object-contain"
                                loading="eager"
                                decoding="async"
                            >
                        </li>
                    @endforeach
                </ul>
            @endforeach
        </div>
    </div>
</section>