Crie uma Landing Page de Conversão
Crie uma Landing Page de Alta Conversão
Uma landing page de conversão combina uma mensagem poderosa, benefícios claros, prova social e uma call-to-action forte para persuadir os visitantes a agir — seja se cadastrar, baixar ou comprar.
Nesta lição, você vai construir uma landing page de marketing completa com uma headline, uma proposta de valor, três cards de benefícios, um depoimento de cliente e uma seção de CTA. Ao final, você terá uma página profissional pronta para gerar conversões reais.
Instruções
Crie uma seção hero com uma headline h1 e uma subheadline dentro de um contêiner colorido (tag section com gradiente de fundo)
Dica: Use: `<section class="py-20 px-4 bg-gradient-to-r from-indigo-600 to-blue-600 text-white text-center"><h1 class="text-5xl font-bold mb-4">Headline</h1><p class="text-xl">Subheadline</p></section>`
Adicione três cards de benefícios em um layout de grid. Cada card tem um emoji, um título de benefício e uma descrição
Adicione uma seção de depoimento com um blockquote e o nome/cargo do cliente
Adicione uma seção de CTA na parte inferior com uma headline h2, uma descrição e um botão grande
Garanta que o layout seja responsivo usando breakpoints md: para o grid e os tamanhos de texto
Seu Código
Descreva o que você quer construir para esta etapa e eu escrevo o código — depois clique em Aplicar para inseri-lo no seu editor. Esta etapa: Crie uma seção hero com uma headline h1 e uma subheadline dentro de um contêiner colorido (tag section com gradiente de fundo)