{{-- Testimonials. Reorderable; quote/name/role patch as text. The curly quotes
     stay outside the data-lp span so a live edit never eats them. --}}
<section id="testimonials" class="lp-section lp-section-alt">
    <div class="lp-wrap">
        <div class="lp-head" data-reveal>
            <div class="lp-eyebrow" data-lp="testimonials_heading.eyebrow">{{ data_get($c, 'testimonials_heading.eyebrow') }}</div>
            <h2 class="lp-h2" data-lp="testimonials_heading.title">{{ data_get($c, 'testimonials_heading.title') }}</h2>
            <p class="lp-lead" data-lp="testimonials_heading.subtitle">{{ data_get($c, 'testimonials_heading.subtitle') }}</p>
        </div>
        <div class="lp-grid lp-grid-3" data-reveal>
            @foreach ((array) data_get($c, 'testimonials', []) as $i => $t)
                <div class="lp-quote">
                    <div class="lp-stars">★★★★★</div>
                    <p>“<span data-lp="testimonials.{{ $i }}.quote">{{ $t['quote'] ?? '' }}</span>”</p>
                    <div class="lp-quote-by">
                        <span class="lp-avatar">{{ $t['initials'] ?? mb_substr($t['name'] ?? '?', 0, 2) }}</span>
                        <div>
                            <div class="lp-quote-name" data-lp="testimonials.{{ $i }}.name">{{ $t['name'] ?? '' }}</div>
                            <div class="lp-quote-role" data-lp="testimonials.{{ $i }}.role">{{ $t['role'] ?? '' }}</div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>