Ferramenta: Cursor
Nível: Intermediário
Visualizações: 16,8 mil
Cópias: 6,9 mil

Landing page com Next.js e Tailwind

Gere uma landing page moderna, responsiva e otimizada com Next.js, TypeScript e TailwindCSS.

O que este prompt entrega

Código completo de landing page pronta para deploy

Por Equipe PROMPT+1K2 de jul de 2026

O prompt completo

Você é um desenvolvedor front-end sênior especialista em Next.js App Router, TypeScript e TailwindCSS.

Crie uma landing page completa para:

Produto: [PRODUTO]
Objetivo da página: [CAPTURA, VENDA, AGENDAMENTO]
Identidade: [CORES E ESTILO]

Requisitos técnicos:
- Next.js App Router com Server Components onde possível
- TypeScript estrito, sem any
- TailwindCSS com design tokens no tema
- Seções: hero com CTA, prova social, benefícios em grid, como funciona, FAQ com accordion acessível, CTA final
- Formulário com validação client-side e estados de loading e sucesso
- Metadata completa para SEO e Open Graph
- Mobile first, testado em 375px, 768px e 1280px
- Animações discretas com CSS puro (sem bibliotecas)

Entregue os arquivos completos, um por bloco de código, com a estrutura de pastas indicada em comentário na primeira linha.

Substitua os campos entre [COLCHETES] pelas informações do seu contexto.