@if(!empty($testimonials) && count($testimonials) > 0)
    <section class="modern-section modern-section--gray">
        <div class="modern-section__header">
            <span class="modern-section__label">@lang('cms::lang.testimonial')</span>
            <h2 class="modern-section__title">@lang('cms::lang.testimonial')</h2>
        </div>
        <div class="modern-testimonial-grid">
            @foreach($testimonials as $testimonial)
                <div class="modern-testimonial-card">
                    <div class="modern-testimonial-card__quote">
                        <i class="fas fa-quote-right"></i>
                    </div>
                    <div class="modern-testimonial-card__text">
                        {!! $testimonial->content !!}
                    </div>
                    <div class="modern-testimonial-card__author">
                        <img class="modern-testimonial-card__avatar"
                            src="{{ $testimonial->feature_image_url ?? 'https://ui-avatars.com/api/?name=' . urlencode($testimonial->title) . '&background=6366f1&color=fff' }}"
                            alt="{{ $testimonial->title }}" loading="lazy">
                        <div>
                            <div class="modern-testimonial-card__name">{{ $testimonial->title }}</div>
                            <div class="modern-testimonial-card__stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>
@endif