* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } body { color: #1f2933; background-color: #f5f7fa; line-height: 1.5; } a { text-decoration: none; color: inherit; } .page-wrapper { max-width: 1200px; margin: 0 auto; } header { padding: 20px 20px 10px; display: flex; align-items: center; justify-content: space-between; } .logo { display: flex; align-items: center; gap: 10px; } .logo-mark { width: 36px; height: 36px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 10px; } .logo-text { font-size: 20px; font-weight: 700; color: #111827; } nav { display: flex; gap: 24px; font-size: 14px; color: #4b5563; } .nav-link { cursor: pointer; } .nav-link:hover { color: #111827; } .btn-outline { padding: 8px 18px; border-radius: 999px; border: 1px solid #d1d5db; font-size: 13px; font-weight: 500; } .btn-outline:hover { border-color: #9ca3af; background-color: #f3f4f6; } .hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; padding: 40px 20px 60px; align-items: center; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background-color: #e0edff; color: #1d4ed8; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 14px; } .hero-title { font-size: 40px; line-height: 1.1; font-weight: 800; color: #0f172a; margin-bottom: 12px; } .hero-subtitle { font-size: 16px; color: #4b5563; margin-bottom: 22px; } .hero-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 18px; } .btn-primary { background: linear-gradient(135deg, #2563eb, #4f46e5); color: #ffffff; border-radius: 999px; padding: 12px 26px; font-size: 14px; font-weight: 600; border: none; cursor: pointer; } .btn-primary:hover { opacity: 0.95; } .btn-ghost { border-radius: 999px; border: 1px solid #d1d5db; padding: 11px 22px; font-size: 14px; font-weight: 500; color: #111827; cursor: pointer; background-color: transparent; } .btn-ghost:hover { background-color: #f3f4f6; } .hero-info { font-size: 12px; color: #6b7280; } .hero-info strong { color: #111827; } .hero-card { background-color: #0b1120; color: #e5e7eb; border-radius: 18px; padding: 22px; box-shadow: 0 18px 50px rgba(15, 23, 42, 0.45); } .hero-card-tag { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: #9ca3af; margin-bottom: 12px; } .hero-card-title { font-size: 18px; font-weight: 600; margin-bottom: 14px; } .hero-card-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; } .metric-label { font-size: 11px; color: #9ca3af; margin-bottom: 4px; } .metric-value { font-size: 18px; font-weight: 700; color: #22c55e; } .metric-helper { font-size: 10px; color: #6b7280; } .hero-card-bar { width: 100%; height: 7px; border-radius: 999px; background-color: #111827; overflow: hidden; margin-top: 10px; margin-bottom: 12px; } .hero-card-bar-fill { width: 78%; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #22c55e, #16a34a); } .hero-card-footer { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #9ca3af; } .hero-card-avatar { display: flex; align-items: center; gap: 7px; } .avatar-circle { width: 22px; height: 22px; border-radius: 999px; background: linear-gradient(135deg, #3b82f6, #a855f7); } .section { padding: 40px 20px; } .section-title { text-align: center; font-size: 24px; margin-bottom: 12px; color: #111827; } .section-subtitle { text-align: center; font-size: 14px; color: #6b7280; max-width: 600px; margin: 0 auto 30px; } .features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .feature-card { background-color: #ffffff; border-radius: 14px; padding: 18px; border: 1px solid #e5e7eb; } .feature-icon { width: 32px; height: 32px; border-radius: 999px; background-color: #e5edff; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #1d4ed8; margin-bottom: 10px; } .feature-title { font-size: 15px; font-weight: 600; margin-bottom: 6px; color: #111827; } .feature-text { font-size: 13px; color: #6b7280; } .social-proof { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 30px 20px 50px; } .logos { display: flex; flex-wrap: wrap; gap: 18px; font-size: 12px; color: #6b7280; } .logo-pill { padding: 6px 12px; border-radius: 999px; border: 1px dashed #d1d5db; background-color: #ffffff; } .rating { text-align: right; font-size: 12px; color: #6b7280; } .rating-stars { font-size: 16px; color: #f59e0b; margin-bottom: 4px; } .cta-final { background-color: #0f172a; color: #e5e7eb; border-radius: 18px; padding: 26px 24px; display: flex; justify-content: space-between; align-items: center; gap: 24px; } .cta-final-title { font-size: 20px; font-weight: 700; margin-bottom: 6px; } .cta-final-text { font-size: 13px; color: #9ca3af; } .cta-final-actions { display: flex; gap: 10px; flex-wrap: wrap; } .btn-cta-light { background-color: #ffffff; color: #111827; border-radius: 999px; padding: 11px 22px; font-size: 14px; font-weight: 600; border: none; cursor: pointer; } .btn-cta-outline-dark { border-radius: 999px; border: 1px solid #4b5563; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #e5e7eb; background-color: transparent; cursor: pointer; } footer { padding: 22px 20px 30px; font-size: 11px; color: #9ca3af; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; } .footer-links { display: flex; gap: 14px; flex-wrap: wrap; } .footer-links a { color: #6b7280; } .footer-links a:hover { color: #111827; } /* Responsivo */ @media (max-width: 900px) { .hero { grid-template-columns: 1fr; } .hero { padding-top: 10px; } .hero-card { margin-top: 10px; } .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .social-proof { flex-direction: column; align-items: flex-start; } .rating { text-align: left; } .cta-final { flex-direction: column; align-items: flex-start; } } @media (max-width: 640px) { header { flex-direction: column; align-items: flex-start; gap: 10px; } nav { width: 100%; justify-content: space-between; } .hero-title { font-size: 30px; } .features-grid { grid-template-columns: 1fr; } .cta-final-title { font-size: 18px; } }
NOVO · Otimize conversões até 3x mais rápido

Crie Landing Pages que convertem em minutos.

Teste ideias, valide ofertas e capture leads em tempo recorde. Sem precisar de programador, plugins ou códigos complexos.

Comece em menos de 60 segundos. Não é necessário cartão de crédito.

Visão geral em tempo real
Performance da sua Landing Page
Taxa de conversão
27,4%
+12,1% vs semana passada
Leads capturados
1.284
Campanha Ativação Abril
Teste A/B
Variação B
Vencedora com 95% confiança

Tudo o que você precisa em uma única plataforma

Do primeiro rascunho ao teste A/B final. LandingBoost centraliza criação, publicação e otimização, para que você foque apenas em vender.

Editor visual arrasta‑e‑solta
Monte páginas profissionais em poucos cliques. Altere textos, cores e seções sem tocar em código.
🎯
Testes A/B automáticos
Crie variações, defina o objetivo e deixe que o algoritmo distribua o tráfego e escolha a melhor versão.
📈
Analytics em tempo real
Acompanhe visitas, cliques, conversões e receita por campanha, canal e dispositivo.
🔁
Integração com seus tools
Conecte facilmente com CRM, e‑mail marketing, gateways de pagamento e pixels de anúncio.
🧩
Modelos otimizados
Acesse uma biblioteca de templates validados em diversos nichos, prontos para adaptar à sua marca.
🔐
Performance e segurança
Hospedagem rápida, SSL automático e CDN global para garantir velocidade e confiança aos seus visitantes.