@php
  $reviews = [
    [
      'quote' =>
        'My paver driveway looks incredible. They finished on time, cleaned up completely, and the quality is beyond what I expected at this price.',
      'initials' => 'MR',
      'name' => 'Michael R.',
      'meta' => 'Boca Raton — Paver Driveway',
    ],
    [
      'quote' =>
        'We had our pool deck done in travertine. The team was professional, respectful of our property, and the result is absolutely gorgeous.',
      'initials' => 'JT',
      'name' => 'Jennifer T.',
      'meta' => 'Boynton Beach — Pool Deck',
    ],
    [
      'quote' =>
        'They repaired and sealed our 10-year-old pavers and they look brand new. Fast, affordable, and no pressure. Will use again for the patio.',
      'initials' => 'AP',
      'name' => 'Ana P.',
      'meta' => 'Delray Beach — Repair & Sealing',
    ],
  ];

  // Swiper deshabilita el loop si hay < slidesPerView (3) slides: duplicamos el
  // set para que el período sea > 3 y nunca se vea una reseña repetida a la vez.
  $slides = array_merge($reviews, $reviews);
@endphp

{{-- Real Reviews: carrusel Swiper (swipe + autoplay). Estrellas doradas, avatar
     cyan, botón cálido a Google. --}}
<section class="bg-surface py-12 lg:py-20">
  <div class="container">
    <x-home.section-header eyebrow="What Customers Say" lead="Real Reviews." emph="Real Results." />

    <div class="mt-14">
      <div class="swiper" data-reviews-swiper>
        <div class="swiper-wrapper">
          @foreach ($slides as $review)
            <div class="swiper-slide h-auto">
              <figure
                class="flex h-full flex-col rounded-xl border border-line/60 bg-surface-2/60 p-7"
              >
                <div class="flex gap-0.5 text-gold">
                  @for ($i = 0; $i < 5; $i++)
                    <x-lucide-star class="h-4 w-4" fill="currentColor" stroke="none" />
                  @endfor
                </div>
                <blockquote class="mt-4 grow text-sm leading-relaxed text-fg/80">
                  "{{ $review['quote'] }}"
                </blockquote>
                <figcaption class="mt-6 flex items-center gap-3">
                  <span
                    class="flex h-10 w-10 flex-none items-center justify-center rounded-full bg-brand text-xs font-bold text-surface"
                  >
                    {{ $review['initials'] }}
                  </span>
                  <span>
                    <span class="block text-xs font-semibold text-fg">{{ $review['name'] }}</span>
                    <span class="block text-[0.65rem] text-muted-2">{{ $review['meta'] }}</span>
                  </span>
                </figcaption>
              </figure>
            </div>
          @endforeach
        </div>
      </div>
    </div>

    <div class="mt-8 md:mt-10 lg:mt-12 flex justify-center">
      <a href="#" target="_blank" rel="noopener" class="btn-warm">Check Out Our Reviews On Google</a>
    </div>
  </div>
</section>