* {
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.
Confiado por equipes de marketing em crescimento
Agências Digitais
Infoprodutores
SaaS B2B
E‑commerce
Lançamentos