body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #1f2933; background-color: #f5f7fa; } .hero { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #f9fafb; padding: 60px 20px 80px 20px; text-align: center; } .hero-content { max-width: 900px; margin: 0 auto; } .hero h1 { font-size: 2.6rem; margin-bottom: 16px; } .hero p { font-size: 1.08rem; margin-bottom: 28px; line-height: 1.6; color: #e5e7eb; } .hero-cta { display: flex; flex-direction: column; align-items: center; gap: 10px; } .hero-input { padding: 12px 14px; border-radius: 6px; border: none; max-width: 320px; width: 100%; font-size: 0.95rem; } .hero-button { padding: 12px 24px; border-radius: 6px; border: none; background-color: #f97316; color: #111827; font-weight: 600; font-size: 0.98rem; cursor: pointer; } .hero-button:hover { background-color: #fb923c; } .hero-note { font-size: 0.8rem; color: #e5e7eb; opacity: 0.85; } .section { padding: 50px 20px; } .section-inner { max-width: 1000px; margin: 0 auto; } .section-title { text-align: center; font-size: 1.8rem; margin-bottom: 10px; } .section-subtitle { text-align: center; font-size: 0.98rem; color: #6b7280; margin-bottom: 40px; } .features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .feature-card { background-color: #ffffff; border-radius: 10px; padding: 24px 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08); } .feature-title { font-size: 1.05rem; margin-bottom: 8px; } .feature-text { font-size: 0.92rem; color: #6b7280; line-height: 1.55; } .badge { display: inline-block; padding: 3px 10px; border-radius: 999px; background-color: #e0f2fe; color: #0369a1; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 6px; } .testimonials { background-color: #ffffff; } .testimonial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .testimonial-card { border-radius: 10px; border: 1px solid #e5e7eb; padding: 22px 20px; background-color: #f9fafb; } .testimonial-text { font-size: 0.9rem; color: #4b5563; margin-bottom: 14px; line-height: 1.6; } .testimonial-name { font-size: 0.9rem; font-weight: 600; } .testimonial-role { font-size: 0.78rem; color: #6b7280; } .cta-final { background: #111827; color: #f9fafb; text-align: center; } .cta-final h2 { font-size: 1.8rem; margin-bottom: 12px; } .cta-final p { font-size: 0.98rem; color: #d1d5db; margin-bottom: 24px; } .cta-final-button { padding: 13px 30px; border-radius: 999px; border: none; background-color: #22c55e; color: #022c22; font-weight: 600; font-size: 1rem; cursor: pointer; } .cta-final-button:hover { background-color: #4ade80; } .footer { padding: 18px 20px 26px 20px; background-color: #020617; color: #9ca3af; font-size: 0.78rem; } .footer-inner { max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .footer-links a { color: #9ca3af; text-decoration: none; margin-right: 14px; font-size: 0.78rem; } .footer-links a:hover { color: #e5e7eb; } @media (max-width: 900px) { .features-grid, .testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .hero h1 { font-size: 2rem; } .features-grid, .testimonial-grid { grid-template-columns: 1fr; } .hero-cta { width: 100%; } }
Landing Page Pronta para Editar

Crie sua Landing Page Profissional em Minutos

Use este modelo genérico como base para o seu produto, serviço ou campanha. Edite os textos, cores e imagens livremente para adaptar à sua marca e começar a captar leads hoje mesmo.

Sem spam. Você pode cancelar a inscrição a qualquer momento.

Destaques do Seu Produto ou Serviço

Explique em poucas linhas por que sua oferta é diferente, o que ela resolve e quais resultados o visitante pode esperar ao tomar ação agora.

Benefício 1

Explique o Principal Resultado

Descreva de forma objetiva o maior benefício que o seu público terá. Use linguagem simples, focada em resultados concretos e desejados.

Benefício 2

Mostre Como Você Ajuda

Destaque o método, processo ou diferencial que torna sua solução mais confiável e eficaz do que as alternativas disponíveis no mercado.

Benefício 3

Reduza Dúvidas e Objeções

Antecipe as principais dúvidas do visitante e mostre por que é seguro, simples e vantajoso agir agora em vez de deixar para depois.

Provas e Depoimentos

Use histórias reais, números e resultados para aumentar a confiança e mostrar que outras pessoas já obtiveram sucesso com a sua solução.

“Insira aqui um depoimento curto e direto, destacando o problema que a pessoa tinha e o resultado que ela alcançou depois de usar sua solução.”

Nome do Cliente
Cargo ou Empresa

“Mostre como sua oferta trouxe clareza, economia de tempo ou aumento de resultados. Depoimentos específicos são muito mais persuasivos do que elogios genéricos.”

Nome do Cliente
Cidade / Segmento

“Inclua aqui uma frase que ajude a quebrar objeções, como medo de não funcionar, de não ter suporte ou de ser complicado de implementar.”

Nome do Cliente
Profissão

Pronto para Dar o Próximo Passo?

Reforce em uma frase o principal benefício da sua oferta e convide o visitante para a ação: se cadastrar, solicitar um contato, fazer download, participar de um evento ou comprar.