SKIP TO CONTENT

Crie uma Página de Lista de Espera

beginner~12 min0/4 etapas

Lance Seu Produto com uma Lista de Espera

Antes de construir o produto completo, você precisa validar a ideia e gerar expectativa. Uma página de lista de espera é a forma mais rápida de reunir usuários iniciais interessados e comprovar a demanda do mercado.

Nesta lição, você vai criar uma página de destino completa para lista de espera, com um título atraente, proposta de valor, formulário de captura de e-mail e prova social. Essa única página pode se tornar o ponto de partida de todo o seu produto — e é só HTML e Tailwind CSS.

Instruções

1

Adicione um título h1 com o nome do produto e um parágrafo p com a proposta de valor descrevendo o benefício do produto

Dica: Crie: `<h1 class="text-5xl md:text-6xl font-bold mb-4">Nome do Produto</h1>` e `<p class="text-xl text-blue-300 mb-8">O que ele faz pelos usuários?</p>`

2

Crie um campo de entrada de e-mail dentro de um elemento form com texto de placeholder

3

Adicione um botão de envio dentro do formulário com texto como "Entrar para {Número}+ Founders" ou "Entrar na Lista de Espera"

4

Adicione um texto de prova social abaixo do formulário mostrando quantas pessoas já estão esperando (ex.: "500+ founders")

Seu Código

html
14 linhas
1
2
3
4
5
6
7
8
9
10
11
12
13
14

Pré-visualização ao Vivo

Pré-visualização ao Vivo