Testimonial with Logo & Case Study CTA

<section class="ws-testimonials bg-[var(--ws-testimonials-bg)] py-20">
  <div class="mx-auto max-w-5xl px-6">
    <figure class="flex flex-col items-center text-center">
      <!-- Company logo (text-based) -->
      <div class="mb-10 flex h-10 items-center">
        <span class="text-2xl font-black tracking-tight text-[var(--ws-testimonials-text)] opacity-70">Hugging Face</span>
      </div>

      <!-- Quote mark -->
      <svg class="h-10 w-10 text-[var(--ws-testimonials-border)] opacity-60" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z"/>
      </svg>

      <blockquote class="mt-8">
        <p class="text-balance text-2xl font-medium leading-relaxed text-[var(--ws-testimonials-text)] sm:text-3xl">
          "The platform provided all the functionality and security settings we needed to boost our security posture without slowing down our engineering velocity. The developer experience is outstanding."
        </p>
      </blockquote>

      <figcaption class="mt-10 flex flex-col items-center gap-4 sm:flex-row sm:gap-6">
        <div class="h-14 w-14 shrink-0 overflow-hidden rounded-full bg-gradient-to-br from-amber-400 to-orange-500"></div>
        <div class="text-center sm:text-left">
          <p class="text-base font-semibold text-[var(--ws-testimonials-text)]">Adrien Carreira</p>
          <p class="text-sm text-[var(--ws-testimonials-text-muted)]">Head of Infrastructure · Hugging Face</p>
        </div>
      </figcaption>

      <a href="#" class="mt-10 inline-flex items-center gap-2 rounded-full border border-[var(--ws-testimonials-border)] px-5 py-2.5 text-sm font-medium text-[var(--ws-testimonials-text)] transition-colors hover:bg-[var(--ws-testimonials-border)]/10">
        Read the case study
        <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
      </a>
    </figure>
  </div>
</section>