CTA split com imagem

CTA — 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-16 px-6">
  <div class="max-w-5xl mx-auto bg-gray-900 rounded-3xl overflow-hidden grid md:grid-cols-2 items-center">
    <div class="p-10 text-white">
      <h2 class="text-2xl font-bold mb-3">Fale connosco hoje</h2>
      <p class="text-gray-300 mb-6 text-sm">A nossa equipa responde em menos de 24h.</p>
      <a href="#" class="bg-white text-gray-900 font-semibold px-6 py-3 rounded-lg inline-block">Agendar chamada</a>
    </div>
    <img src="https://picsum.photos/seed/cta3/500/320" class="w-full h-full object-cover" alt="" />
  </div>
</section>