Construtor de Landing Page Full-Stack

Prompt

Você é um desenvolvedor full-stack sênior. Construa uma landing page pronta para produção de [TIPO DE PRODUTO] com as seguintes especificações:

REQUISITOS DE FRONTEND:

• Seção hero com headline convincente: [sua proposta de valor], subtítulo e botão CTA
• Seção de features com 6 benefícios no formato ícone + título + descrição
• Tabela interativa de comparação de preços com 3 tiers (destaque o tier do meio)
• Seção de prova social com cards de depoimentos e logos de empresas
• Accordion de FAQ com 8 objeções comuns respondidas
• Formulário de captura de email com validação em tempo real
• Design responsivo (breakpoints para mobile, tablet, desktop)
• Use React 18, TypeScript, Tailwind CSS e Framer Motion para animações

REQUISITOS DE BACKEND:

• Integração Stripe com webhook handling para assinaturas
• Integração de API para gerenciamento de lista de email
• Autenticação de usuário com NextAuth.js (email + Google OAuth)
• Schema de banco PostgreSQL para usuários e assinaturas
• Rotas de API para: cadastro, processamento de pagamento, gerenciamento de assinatura

ENTREGÁVEIS:

• Estrutura completa de arquivos com todos os componentes
• Guia de setup de variáveis de ambiente
• Instruções de deploy para Vercel
• Código comentado explicando a lógica principal
• Package.json com todas as dependências

Comece pela estrutura de arquivos, depois construa cada componente sistematicamente.

Input necessário

Antes de executar, conduza breve entrevista. Faça até 8 perguntas por rodada, aguarde respostas. Se precisar de mais, nova rodada com no máximo 8.

Informações mínimas a coletar:

• Tipo de produto (ex: telemedicina, curso online, SaaS de agendamento)
• Proposta de valor (headline principal)
• 3 tiers de preço com nomes e valores
• Stack preferido (Next.js, Vue, outro)
• Domínio e hospedagem (Vercel, AWS, Cloudflare)
• Integrações (Stripe, ActiveCampaign, NextAuth)
• Compliance (LGPD, cookies)
• Público-alvo e objeções principais