@php
    $testimonials = $ctx->testimonials(max(1, (int) ($data['limit'] ?? 3)));
    $featured = $testimonials->first();
    $others = $testimonials->skip(1);
@endphp
@if($featured)
    <section class="{{ $cls }}" {{ $attrs }}>
        <div class="container-page">
            @include('builder.partials.head', [
                'linkUrl' => filled($data['link_url'] ?? null) ? $href($data['link_url']) : null,
                'linkText' => $data['link_text'] ?? null,
            ])

            <div class="about-testimonials-layout">
                <blockquote class="home-quote-card about-testimonials-layout__lead text-left">
                    <p class="home-quote-card__text text-left">"{{ $featured->content }}"</p>
                    <footer class="home-quote-card__footer mt-auto flex items-center justify-start gap-3 text-left">
                        <span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-bold text-primary">{{ strtoupper(substr($featured->name, 0, 1)) }}</span>
                        <div>
                            <cite class="not-italic font-semibold text-secondary">{{ $featured->name }}</cite>
                            <p class="text-sm text-muted">{{ $featured->role }}{{ $featured->company ? ', '.$featured->company : '' }}</p>
                        </div>
                    </footer>
                </blockquote>

                @if($others->isNotEmpty())
                    <div class="about-testimonials-layout__stack">
                        @foreach($others as $t)
                            <blockquote class="home-quote-card text-left">
                                <p class="home-quote-card__text text-left">"{{ $t->content }}"</p>
                                <footer class="home-quote-card__footer flex items-center justify-start gap-3 text-left">
                                    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-bold text-primary">{{ strtoupper(substr($t->name, 0, 1)) }}</span>
                                    <div>
                                        <cite class="not-italic font-semibold text-secondary">{{ $t->name }}</cite>
                                        <p class="text-sm text-muted">{{ $t->role }}{{ $t->company ? ', '.$t->company : '' }}</p>
                                    </div>
                                </footer>
                            </blockquote>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </section>
@endif