Grid 3 cards

Testimonials — bloco Tailwind pronto a copiar.

Instalação

Bloco em HTML + Tailwind — sem dependências de build. Copie e cole diretamente no seu projeto.

html

<section class="bg-gray-50 py-20 px-6">
  <div class="max-w-6xl mx-auto grid md:grid-cols-3 gap-6">
    <div class="bg-white p-6 rounded-2xl border border-gray-100">
      <p class="text-sm text-gray-600 mb-4">"Implementação super rápida, equipa disponível a toda a hora."</p>
      <div class="flex items-center gap-3">
        <img src="https://picsum.photos/seed/av2/40/40" class="w-10 h-10 rounded-full" alt="" />
        <div><p class="text-sm font-semibold">João Pereira</p><p class="text-xs text-gray-400">CTO, Nimbus</p></div>
      </div>
    </div>
    <div class="bg-white p-6 rounded-2xl border border-gray-100">
      <p class="text-sm text-gray-600 mb-4">"Poupámos 15h/semana em tarefas manuais desde que usamos."</p>
      <div class="flex items-center gap-3">
        <img src="https://picsum.photos/seed/av3/40/40" class="w-10 h-10 rounded-full" alt="" />
        <div><p class="text-sm font-semibold">Ana Costa</p><p class="text-xs text-gray-400">Head of Ops, Vero</p></div>
      </div>
    </div>
    <div class="bg-white p-6 rounded-2xl border border-gray-100">
      <p class="text-sm text-gray-600 mb-4">"Suporte em português fez toda a diferença para a nossa equipa."</p>
      <div class="flex items-center gap-3">
        <img src="https://picsum.photos/seed/av4/40/40" class="w-10 h-10 rounded-full" alt="" />
        <div><p class="text-sm font-semibold">Rui Marques</p><p class="text-xs text-gray-400">CEO, Kaira</p></div>
      </div>
    </div>
  </div>
</section>