{{-- Distinctions & témoignage --}}
<section class="py-24 lg:py-40">
    <div class="mx-auto max-w-[1440px] px-5 sm:px-10 lg:px-14">
        @if (($data['show_testimonial'] ?? true) && $testimonial)
            <figure class="mx-auto max-w-4xl text-center">
                <span aria-hidden="true" class="font-serif text-7xl leading-none text-laiton">“</span>
                <blockquote class="font-serif text-[clamp(1.6rem,3.2vw,2.8rem)] leading-[1.25] italic">
                    {{ Str::limit($testimonial->body, 220) }}
                </blockquote>
                <figcaption class="kicker mt-10 text-gris">{{ $testimonial->author }}@if (filled($data['testimonial_caption'] ?? null)) · {{ $data['testimonial_caption'] }}@endif</figcaption>
                <a href="{{ route('testimonials.index') }}" class="lien-filet mt-8">Tous les témoignages ({{ $testimonialsCount }})</a>
            </figure>
        @endif

        @if (filled($data['distinctions'] ?? null))
            <ul class="mt-24 grid grid-cols-2 border-y border-filet lg:mt-32 lg:grid-cols-4">
                @foreach ($data['distinctions'] as $distinction)
                    <li class="flex flex-col items-center gap-2 border-filet px-4 py-10 text-center max-lg:nth-[n+3]:border-t lg:border-l lg:first:border-l-0 odd:max-lg:border-r">
                        <span class="font-serif text-lg leading-snug italic">{{ $distinction['title'] ?? '' }}</span>
                        <span class="kicker text-[0.58rem] text-gris">{{ $distinction['detail'] ?? '' }}</span>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
</section>