CTA com formulário inline

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-orange-50 py-16 px-6">
  <div class="max-w-3xl mx-auto text-center">
    <h2 class="text-2xl font-bold text-gray-900 mb-3">Receba as novidades primeiro</h2>
    <p class="text-gray-500 mb-6">Sem spam. Cancele quando quiser.</p>
    <form class="flex flex-col sm:flex-row gap-3 justify-center max-w-md mx-auto">
      <input type="email" placeholder="o.seu@email.com" class="flex-1 border border-gray-300 rounded-lg px-4 py-3 text-sm outline-none" />
      <button class="bg-gray-900 text-white font-semibold px-6 py-3 rounded-lg">Subscrever</button>
    </form>
  </div>
</section>