@php($clientLogos = config('sarvoknit.client_logos', []))

<section id="client-logos" class="client-logos" aria-labelledby="client-logos-title">
    <div class="shell client-logos__header">
        <p class="eyebrow">Trusted By</p>
        <h2 id="client-logos-title">Trusted by Industry<br>Partners</h2>
        <span class="client-logos__divider" aria-hidden="true"></span>
    </div>

    <div class="client-logos__viewport">
        <div class="client-logos__track">
            @foreach([false, true] as $duplicate)
                <div class="client-logos__group" role="list" @if($duplicate) aria-hidden="true" @else aria-label="Clients" @endif>
                    @foreach($clientLogos as $client)
                        <figure class="client-logos__item" role="listitem">
                            <img src="{{ asset($client['logo']) }}" alt="{{ $duplicate ? '' : $client['name'] }}" width="220" height="72" loading="lazy" decoding="async">
                        </figure>
                    @endforeach
                </div>
            @endforeach
        </div>
    </div>
</section>