Landing page de vendas completa, moderna, acolhedora, imersiva e altamente persuasiva para um produto digital do nicho de alimentação infantil...
Generated Prompt
## APPLICATION OVERVIEW This project is for a comprehensive landing page designed to promote and sell a digital product called “Sistema Lancheira Resolvida.” The primary goal is to create a modern, inviting, and persuasive page that effectively converts visitors into buyers, focusing on practicality and ease for busy mothers managing children's school lunches. ## CORE FEATURES 1. **Hero Section**: An engaging introduction with a strong headline, subheadline, and a clear call-to-action (CTA) button that directs users to purchase the product. 2. **Product Benefits**: A visually appealing section that outlines the key benefits of the product, emphasizing practicality, organization, and ease of use. 3. **Visual Journey**: Alternating blocks with backgrounds showcasing the product's usability and effectiveness, creating a sense of storytelling. 4. **Social Proof**: Testimonials from satisfied customers, presented in an elegant format to build trust and credibility. 5. **Product Previews**: Mockups or images of the digital product, demonstrating its features and how it simplifies meal planning. 6. **FAQ Section**: A well-organized FAQ that addresses common concerns, using beautiful accordion designs for a modern look. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The landing page will follow a long-scroll format with distinct sections for the hero, benefits, testimonials, product previews, and FAQs, ensuring clear visual separation and an engaging flow. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Not specified, but consider using React Context or a similar lightweight solution if needed. ## IMPLEMENTATION STEPS 1. **Set up the React project** using Create React App with TypeScript. 2. **Install Tailwind CSS** and configure it for your project. 3. **Create the main components**: Hero, Benefits, Testimonials, Product Previews, and FAQ. 4. **Use Tailwind CSS classes** to style each section according to the design specifications. 5. **Implement the CTA buttons** with the primary color and border radius defined. 6. **Add microinteractions** using simple CSS transitions for hover effects on buttons and smooth transitions between sections. 7. **Ensure responsiveness** by testing and adjusting styles for mobile views, maintaining elegance and scannability. 8. **Deploy the landing page** on a suitable hosting platform once completed. ## USER EXPERIENCE Key user interactions will include scrolling through the storytelling sections, engaging with the CTAs to explore product details or make a purchase, and utilizing the FAQ section for any queries. The design should foster a sense of warmth and reliability, encouraging users to feel that this solution will significantly simplify their routine. This landing page will be a beautifully crafted representation of the "Sistema Lancheira Resolvida," targeting busy mothers with a focus on ease, organization, and practicality. It must be fully in brazilian portuguese. ESTRUTURA DA PÁGINA ======================== BLOCO 1 — HERO / VENDA IMEDIATA ======================== Criar uma hero section forte, acolhedora e de alta conversão. No topo, exibir pequenas tags de prova social, em formato pill/badge: - 3.000+ alunas - 6.000+ lancheiras feitas - 2.000+ curtidas Headline principal: “100 ideias de lancheira que as crianças realmente comem — para você nunca mais ficar sem saber o que mandar para a escola.” Subheadline: “Um guia visual com 100 combinações de lancheira que você monta em minutos, com cardápio semanal, lista de compras e opções que podem ser congeladas para facilitar todo o ano escolar.” CTA principal: “Quero acessar as 100 combinações de lancheira” Ao lado ou abaixo, inserir um mockup profissional do produto: - capa do “Sistema Lancheira Resolvida” - visual bonito de e-book/guia digital - pode incluir páginas internas saindo do mockup - sensação de produto real, valioso e organizado Adicionar elementos gráficos leves e acolhedores: - formas orgânicas suaves - detalhes arredondados - pequenos ícones relacionados à lancheira, alimentação, rotina, checklist ou organização A hero deve comunicar imediatamente: - clareza - praticidade - variedade - alívio para a mãe ======================== BLOCO 2 — DEMONSTRATIVO DO PRODUTO ======================== Título: “Veja alguns exemplos de lancheiras que você encontra dentro do Sistema Lancheira Resolvida” Texto de apoio: “São combinações simples, rápidas e que as crianças realmente comem, pensadas para mães que não têm tempo de inventar lanche todos os dias e precisam de ideias práticas para montar a lancheira em poucos minutos.” Mostrar o que aparece dentro do guia em formato visual, preferencialmente com: - carrossel ou - mockup com páginas deslizáveis ou - mini galeria interativa Incluir os seguintes pontos em cards curtos e escaneáveis: - Ingredientes de cada lancheira - Tempo médio de preparo - Sugestões de substituições - Indicação clara sobre glúten e açúcar - Opções adaptáveis para diferentes necessidades - Combinações que podem ser preparadas antes - Guia visual fácil de consultar - Ideias para deixar a lancheira mais atrativa IMPORTANTE: Não deixar esse bloco muito textual. Quero que ele seja mais visual que verbal. Inserir placeholders visuais para: - índice do guia - página de cardápio - página de combinação de lancheira - indicação visual de preparo / substituições / congelamento ======================== BLOCO 3 — BENEFÍCIOS DO PRODUTO ======================== Reduzir a quantidade de texto em relação ao original. Transformar em uma seção visual com cards curtos, objetivos e mais emocionais. Título: “Por que o Sistema Lancheira Resolvida facilita tanto a rotina” Usar 6 cards de benefícios, com ícones ou ilustrações leves: 1. “Nunca mais ficar sem ideias” Texto curto: “Tenha 100 combinações prontas para resolver praticamente todo o ano escolar.” 2. “Monte em poucos minutos” Texto curto: “Olhe a combinação, separe os ingredientes e monte a lancheira sem complicação.” 3. “Mais variedade para a criança” Texto curto: “Evite repetir sempre os mesmos lanches e deixe a lancheira mais interessante.” 4. “Menos ultraprocessados” Texto curto: “Troque opções industrializadas por alternativas simples e mais naturais.” 5. “Mais organização na semana” Texto curto: “Planeje várias lancheiras de uma vez com mais praticidade.” 6. “Mais tranquilidade na rotina” Texto curto: “A lancheira deixa de ser um problema diário e vira algo rápido e resolvido.” Essa seção deve ser leve, bonita e altamente escaneável. ======================== BLOCO 4 — CTA DE URGÊNCIA ======================== Criar uma seção de contraste visual, com fundo mais marcante, para reforçar decisão. Título: “Pare de perder tempo pensando no que mandar na lancheira todos os dias” Texto: “Comece hoje a montar lancheiras mais saudáveis em poucos minutos com um guia visual que traz 100 combinações prontas, cardápio semanal, lista de compras otimizada e opções que facilitam sua rotina durante praticamente todo o ano escolar.” CTA: “Quero acessar as 100 combinações de lancheira agora” Adicionar sensação de urgência sutil, sem parecer apelativo. ======================== BLOCO 5 — IDEAL PARA VOCÊ ======================== Título: “Esse guia é ideal para você que…” Transformar a copy em uma grade de cards ou checklist visual elegante. Itens: - Quer mandar lanches melhores sem passar horas na cozinha - Tem uma rotina corrida e quer decidir tudo mais rápido - Acaba mandando sempre as mesmas coisas - Quer reduzir ultraprocessados sem complicação - Quer montar lancheiras mais variadas - Quer organizar a semana de uma vez só - Quer economizar melhor no mercado - Precisa de ideias adaptáveis com ou sem glúten, lactose ou açúcar Pode usar ícones suaves ou checkmarks personalizados. ======================== BLOCO 6 — PROVA SOCIAL ======================== Título: “O que outras mães estão dizendo” Subtítulo: “Mensagens reais de mães que passaram a resolver a lancheira com muito mais facilidade no dia a dia.” Criar uma seção de prova social muito visual e envolvente. Quero uma mistura de: - cards estilo WhatsApp - mini depoimentos - fotos de lancheiras - sensação de autenticidade Inserir os depoimentos: - Mariana, mãe do Lucas: “Isso salvou minhas manhãs!” - Fernanda, mãe da Sofia: “Meu filho finalmente está comendo a lancheira.” - Juliana, mãe do Pedro: “As ideias são muito simples de fazer.” - Camila, mãe da Alice: “Amei as opções que podem congelar.” - Patrícia, mãe da Laura: “Eu sempre mandava bolacha e suco, agora tenho várias ideias.” - Renata, mãe do Gabriel: “A lancheira ficou muito mais variada.” - Daniela, mãe do Matheus: “Resolveu um problema que eu tinha todo dia.” - Carla, mãe da Helena: “Muito prático para quem tem rotina corrida.” IMPORTANTE: Criar layout bonito e moderno para essas provas: - cards em masonry ou carrossel - prints simulando conversa no WhatsApp - pequenas fotos de lancheiras - aparência autêntica e confiável Fechar com uma frase curta: “Essas são apenas algumas das mensagens de mães que começaram a usar o guia no dia a dia.” ======================== BLOCO 7 — TUDO O QUE VOCÊ RECEBE ======================== Título: “Tudo o que você recebe ao acessar o Sistema Lancheira Resolvida” Criar uma seção em cards organizados, com aparência premium. Itens: - 100 combinações de lancheira prontas - Cardápio semanal automático - Lista de compras otimizada - 3 preparos base que rendem vários lanches - Substituições inteligentes para evitar ultraprocessados - Sugestões de adaptação alimentar - Opções que podem ser preparadas antes ou congeladas Texto final de apoio: “Tudo organizado em um guia visual simples, bem diagramado e fácil de usar, para que você consiga bater o olho, escolher a combinação e montar a lancheira em poucos minutos.” ======================== BLOCO 8 — ANTES X DEPOIS ======================== Criar uma seção comparativa muito clara e elegante. Título: “Como a rotina da lancheira muda com o Sistema Lancheira Resolvida” Apresentar em formato comparativo visual de duas colunas: ANTES DEPOIS ANTES: - Pensar todos os dias no que mandar - Repetir sempre as mesmas opções - Recorrer a ultraprocessados com frequência - Decidir tudo na correria da manhã - Comprar ingredientes sem planejamento - Ver a criança voltar com o lanche inteiro DEPOIS: - Escolher combinações prontas em poucos minutos - Variar os lanches com mais facilidade - Ter opções mais naturais e práticas - Planejar a semana com antecedência - Comprar com mais organização - Montar lancheiras mais atrativas Texto de fechamento: “A ideia do Sistema Lancheira Resolvida é transformar a lancheira de um problema diário em algo simples, rápido e organizado.” ======================== BLOCO 9 — BÔNUS ======================== Criar uma seção valorizando os bônus como algo realmente útil. Título: “Além do guia principal, você também recebe estes bônus” Exibir em cards ou lista premium com mockups. Bônus: 1. Guia de Congelamento Inteligente 2. Plano de Emergência da Lancheira 3. Semana Sem Pedir Comida 4. Lista de Compras Inteligente 5. 15 Lanches de Emergência com Ingredientes de Casa 6. Guia Lancheira para Criança que Rejeita Comida Texto de apoio: “Todos esses bônus foram criados para ajudar você a resolver a lancheira de forma simples, prática e sem complicar sua rotina.” Inserir mockup visual dos bônus. ======================== BLOCO 10 — OFERTA ======================== Essa seção precisa ser muito forte visualmente, clara e confiável. Criar dois cards de oferta lado a lado, com destaque máximo para o plano principal. OFERTA 1: Título: “Guia Visual de Lancheiras” Itens: - 100 Combinações de Lancheira - Guia visual em PDF Preço: “R$17,90” Botão: “Quero somente o guia” OFERTA 2 — DESTACADA COMO MAIS ESCOLHIDA Badge: “90% das mães escolhem este” Título: “Sistema Lancheira Resolvida Completo” Itens: - 100 Combinações de Lancheira - Guia visual em PDF - Cardápio semanal - Lista de compras otimizada - 3 preparos base que rendem vários lanches - Substituições para evitar ultraprocessados - Todos os bônus Lista dos bônus incluídos: - Guia de Congelamento Inteligente - Plano de Emergência da Lancheira - Semana Sem Pedir Comida - Lista de Compras Inteligente - 15 Lanches de Emergência - Guia Lancheira para Criança que Rejeita Comida Preço: “De R$97 por R$27,90” Texto auxiliar: “Você economiza R$69” Botão principal: “Quero o sistema completo” Abaixo das ofertas, incluir: - bandeiras de cartão - selo de pagamento protegido - acesso imediato - garantia de 30 dias Texto de garantia: “Se dentro de 30 dias você achar que o guia não ajudou a facilitar a lancheira do seu filho, basta pedir o reembolso e devolveremos 100% do seu dinheiro.” Essa seção deve transmitir máxima segurança e clareza. ======================== BLOCO 11 — FAQ ======================== Criar accordion bonito, moderno e fácil de usar. Título: “Perguntas frequentes” Perguntas e respostas: 1. “Preciso saber cozinhar para usar o guia?” Resposta: “Não. As combinações foram pensadas para serem simples e rápidas, usando ingredientes comuns do dia a dia.” 2. “As receitas são demoradas de preparar?” Resposta: “Não. Muitas combinações podem ser montadas em poucos minutos, e algumas opções podem até ser preparadas antes ou congeladas.” 3. “Meu filho é seletivo para comer. Esse guia pode ajudar?” Resposta: “Sim. As combinações foram pensadas com alimentos que as crianças normalmente aceitam bem, além de trazer ideias para deixar a lancheira mais atrativa.” 4. “As lancheiras têm opções sem glúten, lactose ou açúcar?” Resposta: “Sim. O guia mostra substituições simples para adaptar várias combinações.” 5. “Como recebo o material após a compra?” Resposta: “O acesso é imediato. Assim que a compra for confirmada, você recebe o material em formato digital.” 6. “Por quanto tempo terei acesso ao material?” Resposta: “O material é seu. Você poderá acessar e consultar sempre que precisar.” 7. “E se eu comprar e não gostar?” Resposta: “Você tem 30 dias de garantia. Se dentro desse período achar que o guia não ajudou, basta pedir o reembolso.” ======================== BLOCO 12 — RODAPÉ ======================== Rodapé limpo, confiável e elegante. Texto: “© 2025 — Sistema Lancheira Resolvida. Todos os direitos reservados.” Links: - Política de Privacidade - Termos de Uso - Política de Reembolso Adicionar também: “Este produto é destinado a fins educacionais e informativos. Os resultados podem variar de acordo com a aplicação de cada pessoa.” E: “Se você tiver qualquer dúvida sobre o acesso ou funcionamento do material, entre em contato com nosso suporte.” Mostrar novamente micro-selos: - 100% segura - pagamento protegido - acesso imediato após a confirmação da compra DIREÇÃO DE UI / UX Quero que a página seja construída com: - espaçamento generoso - excelente contraste - texto muito escaneável - botões grandes e convidativos - uso de mockups e cards para quebrar o excesso de texto - aparência moderna e emocional - composição fluida e responsiva - estrutura que pareça uma mistura de editorial premium + landing page de alta conversão INTERAÇÕES E DETALHES Adicionar: - animação suave ao entrar na viewport - hover elegante nos botões - carousel fluido nas prévias e/ou provas sociais - accordion refinado no FAQ - badges e selos com aparência premium - possíveis divisores orgânicos ou blocos com fundo alternado para dar ritmo visual IMAGENS / PLACEHOLDERS NECESSÁRIOS Criar placeholders para: - mockup do produto principal - páginas internas do guia - carrossel de prévias - prints estilo WhatsApp - fotos de lancheiras - mockup dos bônus - selos de segurança e pagamento - ícones ilustrativos para benefícios e entregáveis TOM DA COPY A copy precisa soar: - acolhedora - prática - clara - confiante - humana - persuasiva sem exagero Evitar: - tom apelativo demais - promessas exageradas - visual poluído - cara genérica de página agressiva de marketing RESULTADO FINAL ESPERADO Quero uma landing page que pareça: - premium - confiável - feminina na medida certa - acolhedora - extremamente fácil de entender - feita para converter muito - visualmente memorável - mais próxima de uma marca bem desenhada do que de uma página genérica de infoproduto Crie tudo isso com estrutura pronta, componentes bem pensados, ótima hierarquia visual e foco total em conversão.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
