Lista com check e imagem

Features — 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-white py-20 px-6">
  <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center">
    <img src="https://picsum.photos/seed/feat2/560/420" class="rounded-2xl w-full object-cover" alt="" />
    <div>
      <h2 class="text-3xl font-bold text-gray-900 mb-6">Porque escolher a nossa plataforma</h2>
      <ul class="space-y-4">
        <li class="flex gap-3"><svg class="w-5 h-5 text-orange-500 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span class="text-gray-600">Integração em minutos, sem código</span></li>
        <li class="flex gap-3"><svg class="w-5 h-5 text-orange-500 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span class="text-gray-600">Suporte humano em português</span></li>
        <li class="flex gap-3"><svg class="w-5 h-5 text-orange-500 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span class="text-gray-600">Preços transparentes, sem surpresas</span></li>
      </ul>
    </div>
  </div>
</section>