Feature card com ícone e link

Cards — 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-4xl mx-auto grid md:grid-cols-2 gap-6">
    <div class="bg-white p-6 rounded-2xl border border-gray-100">
      <div class="w-10 h-10 bg-orange-100 text-orange-600 rounded-lg flex items-center justify-center mb-4">📊</div>
      <h3 class="font-semibold mb-1">Relatórios automáticos</h3>
      <p class="text-sm text-gray-500 mb-3">Receba insights semanais sem esforço.</p>
      <a href="#" class="text-sm font-semibold text-orange-600">Saber mais →</a>
    </div>
    <div class="bg-white p-6 rounded-2xl border border-gray-100">
      <div class="w-10 h-10 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center mb-4">🔗</div>
      <h3 class="font-semibold mb-1">Integrações nativas</h3>
      <p class="text-sm text-gray-500 mb-3">Conecte com as ferramentas que já usa.</p>
      <a href="#" class="text-sm font-semibold text-orange-600">Saber mais →</a>
    </div>
  </div>
</section>