@props([
    'testimonials',
])

@if ($testimonials->isNotEmpty())
    <section aria-labelledby="testimonials-heading" class="border-b border-amare-border bg-amare-bg-muted py-16">
        <div class="container-amare space-y-8">
            <div class="max-w-2xl space-y-3">
                <h2 id="testimonials-heading" class="text-3xl font-semibold text-amare-text">Depoimentos</h2>
                <p class="text-amare-text-muted">Quem celebrou com a Amare conta como foi a experiência.</p>
            </div>

            <div class="grid gap-6 md:grid-cols-2">
                @foreach ($testimonials as $testimonial)
                    <blockquote class="space-y-4 border-t border-amare-border pt-4">
                        <p class="text-lg text-amare-text">“{{ $testimonial->quote }}”</p>
                        <footer class="text-sm text-amare-text-muted">
                            <cite class="not-italic font-semibold text-amare-text">{{ $testimonial->author_name }}</cite>
                            @if (filled($testimonial->context))
                                <span> — {{ $testimonial->context }}</span>
                            @endif
                        </footer>
                    </blockquote>
                @endforeach
            </div>
        </div>
    </section>
@endif