Testimonials CEO Paired

<section class="ws-testimonials bg-[var(--ws-testimonials-bg)] py-20">
  <div class="mx-auto max-w-5xl px-6">
    <div class="mb-10 text-center">
      <p class="mb-3 text-sm font-semibold uppercase tracking-widest text-[var(--ws-testimonials-accent)]">Leadership</p>
      <h2 class="text-3xl font-bold tracking-tight text-[var(--ws-testimonials-text)] sm:text-4xl">Wir stehen hinter dem, was wir bauen.</h2>
    </div>
    <div class="grid gap-6 md:grid-cols-2">

      <!-- Quote 1 -->
      <figure class="rounded-2xl border border-[var(--ws-testimonials-border)] bg-[var(--ws-testimonials-card-bg)] p-8">
        <div class="mb-4 text-4xl font-serif leading-none text-[var(--ws-testimonials-accent)] opacity-40" aria-hidden="true">&ldquo;</div>
        <blockquote class="mb-6">
          <p class="text-base leading-relaxed text-[var(--ws-testimonials-text-soft)]">
            "Unsere Kunden kommen mit einer Vielfalt an Fragen auf uns zu. Das ist herausfordernd — und genau das macht unsere ganzheitlichen Lösungen so wertvoll."
          </p>
        </blockquote>
        <figcaption class="flex items-center gap-4">
          <div class="flex h-14 w-14 shrink-0 items-center justify-center rounded-full bg-[var(--ws-testimonials-accent)] text-lg font-bold text-white" aria-hidden="true">SR</div>
          <div>
            <p class="font-semibold text-[var(--ws-testimonials-text)]">Sebastian Rutz</p>
            <p class="text-sm text-[var(--ws-testimonials-text-muted)]">CEO &amp; Co-Founder</p>
          </div>
        </figcaption>
      </figure>

      <!-- Quote 2 -->
      <figure class="rounded-2xl border border-[var(--ws-testimonials-border)] bg-[var(--ws-testimonials-card-bg)] p-8">
        <div class="mb-4 text-4xl font-serif leading-none text-[var(--ws-testimonials-accent)] opacity-40" aria-hidden="true">&ldquo;</div>
        <blockquote class="mb-6">
          <p class="text-base leading-relaxed text-[var(--ws-testimonials-text-soft)]">
            "Unser Antrieb ist der Geschäftserfolg unserer Kunden. Den erreichen wir nur, wenn jeder bei uns seine Stärken voll entfalten kann."
          </p>
        </blockquote>
        <figcaption class="flex items-center gap-4">
          <div class="flex h-14 w-14 shrink-0 items-center justify-center rounded-full bg-[var(--ws-testimonials-accent)] text-lg font-bold text-white" aria-hidden="true">TH</div>
          <div>
            <p class="font-semibold text-[var(--ws-testimonials-text)]">Tobias Hejna</p>
            <p class="text-sm text-[var(--ws-testimonials-text-muted)]">CEO &amp; Co-Founder</p>
          </div>
        </figcaption>
      </figure>

    </div>
  </div>
</section>