Classic Star Rating Grid

<div class="container py-5">
  <div class="text-center mb-4">
    <h2 class="fw-bold">What Our Customers Say</h2>
    <p class="text-muted">Real reviews from happy users.</p>
  </div>
  <div class="row g-4">
    <div class="col-md-4">
      <div class="card border-0 shadow-sm h-100 p-4">
        <div class="text-warning mb-2">★★★★★</div>
        <p class="mb-3">"Absolutely fantastic experience. The team went above and beyond."</p>
        <div class="d-flex align-items-center gap-3"><img src="https://i.pravatar.cc/60?img=12" class="rounded-circle" width="48" alt="Reviewer Sarah">
          <div>
            <h6 class="mb-0">Sarah K.</h6><small class="text-muted">Verified buyer</small>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card border-0 shadow-sm h-100 p-4">
        <div class="text-warning mb-2">★★★★★</div>
        <p class="mb-3">"Best purchase I have made this year. Quality is unmatched."</p>
        <div class="d-flex align-items-center gap-3"><img src="https://i.pravatar.cc/60?img=32" class="rounded-circle" width="48" alt="Reviewer Michael">
          <div>
            <h6 class="mb-0">Michael R.</h6><small class="text-muted">Verified buyer</small>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card border-0 shadow-sm h-100 p-4">
        <div class="text-warning mb-2">★★★★☆</div>
        <p class="mb-3">"Great product overall, shipping was a little slow but worth it."</p>
        <div class="d-flex align-items-center gap-3"><img src="https://i.pravatar.cc/60?img=47" class="rounded-circle" width="48" alt="Reviewer Aisha">
          <div>
            <h6 class="mb-0">Aisha M.</h6><small class="text-muted">Verified buyer</small>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>