Elementor #24 – vendasonlinenainternet.org

<!DOCTYPE html>
<html lang=”pt-BR”>

<head>

<title>FunnelCockpit — Tenha Todas as Ferramentas de Marketing em Um Só Lugar</title>

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:Arial,Helvetica,sans-serif;
background:#f7f9fc;
color:#18202a;
line-height:1.6;
}

.container{
width:92%;
max-width:1120px;
margin:auto;
}

/* =========================
HERO
========================= */

.hero{
background:
radial-gradient(circle at top right,#2548a8 0%,transparent 40%),
linear-gradient(135deg,#07152f,#123b8f);

color:white;
text-align:center;

padding:80px 20px 90px;
}

.top-label{
display:inline-block;

padding:8px 18px;

border:1px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.08);

border-radius:30px;

font-size:14px;

margin-bottom:25px;
}

.hero h1{
font-size:50px;
line-height:1.12;

max-width:900px;

margin:0 auto 24px;
}

.hero h1 span{
color:#ffd54a;
}

.hero p{
max-width:780px;

margin:0 auto 35px;

font-size:20px;

color:#e5edff;
}

.cta{
display:inline-block;

background:#ffca28;
color:#111;

padding:18px 36px;

border-radius:8px;

text-decoration:none;

font-size:19px;
font-weight:800;

box-shadow:0 8px 25px rgba(0,0,0,.25);

transition:.25s;
}

.cta:hover{
transform:translateY(-3px);

background:#ffd54f;
}

.cta-note{
margin-top:14px;

font-size:13px;

color:#dbe6ff;
}

/* =========================
TRUST BAR
========================= */

.trust{
background:white;

padding:25px 20px;

border-bottom:1px solid #e5e7eb;
}

.trust-grid{
max-width:950px;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

text-align:center;
}

.trust-item strong{
display:block;

font-size:22px;

color:#123b8f;
}

.trust-item span{
font-size:13px;

color:#667085;
}

/* =========================
SECTIONS
========================= */

section{
padding:75px 20px;
}

.section-title{
text-align:center;

font-size:36px;

line-height:1.2;

color:#101828;

margin-bottom:18px;
}

.section-subtitle{
text-align:center;

max-width:780px;

margin:0 auto 45px;

color:#667085;

font-size:18px;
}

/* =========================
INTRO
========================= */

.intro{
background:white;
}

.intro-content{
max-width:850px;

margin:auto;

text-align:center;
}

.intro-content p{
font-size:18px;

color:#475467;

margin-bottom:18px;
}

/* =========================
FEATURES
========================= */

.features{
display:grid;

grid-template-columns:repeat(3,1fr);

gap:24px;
}

.feature{
background:white;

padding:32px 25px;

border-radius:14px;

box-shadow:0 8px 28px rgba(16,24,40,.07);

border:1px solid #edf0f5;

transition:.25s;
}

.feature:hover{
transform:translateY(-4px);

box-shadow:0 12px 35px rgba(16,24,40,.11);
}

.feature-icon{
width:58px;
height:58px;

display:flex;

align-items:center;
justify-content:center;

border-radius:12px;

background:#edf4ff;

color:#1d4ed8;

font-size:26px;

font-weight:bold;

margin-bottom:20px;
}

.feature h3{
font-size:20px;

margin-bottom:10px;

color:#101828;
}

.feature p{
color:#667085;

font-size:15px;
}

/* =========================
DARK SECTION
========================= */

.dark-section{
background:#0b1731;

color:white;
}

.dark-section .section-title{
color:white;
}

.dark-section .section-subtitle{
color:#cbd5e1;
}

/* =========================
BENEFITS
========================= */

.benefit-list{
max-width:900px;

margin:auto;

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;
}

.benefit{
background:rgba(255,255,255,.07);

border:1px solid rgba(255,255,255,.12);

padding:22px;

border-radius:10px;
}

.benefit strong{
color:#ffd54a;

font-size:20px;

margin-right:8px;
}

/* =========================
STEPS
========================= */

.steps{
display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;
}

.step{
background:white;

padding:32px;

text-align:center;

border-radius:14px;

box-shadow:0 7px 25px rgba(0,0,0,.06);
}

.number{
width:55px;
height:55px;

line-height:55px;

margin:0 auto 18px;

border-radius:50%;

background:#123b8f;

color:white;

font-size:22px;

font-weight:bold;
}

.step h3{
margin-bottom:10px;
}

.step p{
color:#667085;
}

/* =========================
CTA SECTION
========================= */

.final-cta{
background:
linear-gradient(135deg,#123b8f,#07152f);

color:white;

text-align:center;

padding:85px 20px;
}

.final-cta h2{
font-size:40px;

line-height:1.2;

margin-bottom:18px;
}

.final-cta p{
max-width:720px;

margin:0 auto 32px;

color:#dbe6ff;

font-size:18px;
}

/* =========================
FAQ
========================= */

.faq{
max-width:850px;

margin:auto;
}

.faq-item{
background:white;

padding:23px 25px;

margin-bottom:13px;

border-radius:10px;

box-shadow:0 3px 15px rgba(0,0,0,.05);
}

.faq-item h3{
font-size:18px;

margin-bottom:8px;

color:#101828;
}

.faq-item p{
color:#667085;
}

/* =========================
DISCLOSURE
========================= */

.disclosure{
background:#eef1f5;

padding:32px 20px;

text-align:center;

font-size:13px;

color:#667085;
}

.disclosure p{
max-width:850px;

margin:0 auto 10px;
}

/* =========================
FOOTER
========================= */

footer{
background:#050b18;

color:#98a2b3;

text-align:center;

padding:28px 15px;

font-size:13px;
}

/* =========================
MOBILE
========================= */

@media(max-width:800px){

.hero{
padding:55px 18px 65px;
}

.hero h1{
font-size:35px;
}

.hero p{
font-size:18px;
}

.cta{
width:100%;

max-width:370px;

font-size:17px;
}

section{
padding:55px 18px;
}

.section-title{
font-size:29px;
}

.features,
.steps,
.benefit-list,
.trust-grid{
grid-template-columns:1fr;
}

.final-cta h2{
font-size:31px;
}

}

</style>

</head>

<body>

<!– =========================
HERO
========================= –>

<div class=”top-label”>
FUNNELCOCKPIT
</div>

<h1>
Todas as ferramentas que você precisa para
<span>criar e gerenciar seus funis</span>
</h1>

<p>
Crie páginas, funis de vendas, formulários, áreas de membros
e muito mais em uma única plataforma de marketing.
</p>

CONHECER FUNNELCOCKPIT

</a>

<div class=”cta-note”>
Veja todos os recursos e condições na página oficial.
</div>

</div>

</header>

<!– =========================
TRUST
========================= –>

<span>
Plataforma completa de marketing
</span>

</div>

<span>
Criação sem necessidade de programação
</span>

</div>

<strong>Mobile Ready</strong>

<span>
Páginas otimizadas para dispositivos móveis
</span>

</div>

<!– =========================
INTRO
========================= –>

<h2 class=”section-title”>
O que é o FunnelCockpit?
</h2>

<p>
O FunnelCockpit é uma plataforma de marketing que reúne
diferentes ferramentas para ajudar na criação e gestão
de páginas, funis e processos de marketing digital.
</p>

<p>
A plataforma oferece recursos para criação de websites e
sales funnels, captura de leads, e-mail marketing, CRM,
webinars, áreas de membros e outras ferramentas.
</p>

<p>
Em vez de trabalhar com várias ferramentas separadas,
a proposta é reunir diferentes recursos em um único
ambiente.
</p>

<br>

VER A PLATAFORMA

</a>

</div>

</section>

<!– =========================
FEATURES
========================= –>

<h2 class=”section-title”>
O Que Você Pode Encontrar
</h2>

<p class=”section-subtitle”>
Conheça alguns dos principais recursos apresentados
pelo FunnelCockpit.
</p>

<h3>
Website & Funnel Builder
</h3>

<p>
Crie websites e funis de vendas usando um construtor
visual com sistema drag & drop.
</p>

</div>

<h3>
E-mail Marketing
</h3>

<p>
Crie e gerencie listas e campanhas de e-mail dentro
da plataforma.
</p>

</div>

<p>
Organize informações de leads e clientes usando
recursos de gerenciamento de relacionamento.
</p>

</div>

<h3>
Testes A/B
</h3>

<p>
Compare diferentes versões de páginas e elementos
para analisar o desempenho.
</p>

</div>

<h3>
Vídeos & Webinars
</h3>

<p>
Utilize recursos relacionados a vídeos, webinars e
estratégias de marketing.
</p>

</div>

<h3>
Área de Membros
</h3>

<p>
Crie áreas exclusivas para disponibilizar conteúdos
e materiais para membros.
</p>

</div>

</section>

<!– =========================
BENEFITS
========================= –>

<h2 class=”section-title”>
Por Que Considerar Uma Plataforma All-in-One?
</h2>

<p class=”section-subtitle”>
Centralizar diferentes etapas do marketing pode tornar
o gerenciamento dos seus projetos mais simples.
</p>

<div class=”benefit”>
<strong>✓</strong>
Menos ferramentas diferentes para administrar.
</div>

<div class=”benefit”>
<strong>✓</strong>
Criação visual de páginas e funis.
</div>

<div class=”benefit”>
<strong>✓</strong>
Recursos para captura e gerenciamento de leads.
</div>

<div class=”benefit”>
<strong>✓</strong>
Ferramentas de e-mail marketing.
</div>

<div class=”benefit”>
<strong>✓</strong>
Recursos para testes e análise de páginas.
</div>

<div class=”benefit”>
<strong>✓</strong>
Possibilidade de criar áreas de membros e conteúdos.
</div>

</div>

</section>

<!– =========================
HOW IT WORKS
========================= –>

<h2 class=”section-title”>
Comece em Poucos Passos
</h2>

<p class=”section-subtitle”>
Conheça a plataforma e veja se ela é adequada para
o seu projeto.
</p>

<h3>
Acesse
</h3>

<p>
Clique no botão e conheça a apresentação oficial
do FunnelCockpit.
</p>

</div>

<h3>
Explore
</h3>

<p>
Confira os recursos, planos, condições e informações
disponíveis na página oficial.
</p>

</div>

<h3>
Decida
</h3>

<p>
Avalie a plataforma e veja se ela atende às
necessidades do seu negócio.
</p>

</div>

</section>

<!– =========================
FINAL CTA
========================= –>

<h2>
Quer Conhecer o FunnelCockpit?
</h2>

<p>
Descubra uma plataforma que reúne ferramentas para
criação de páginas, funis, leads, e-mail marketing
e muito mais.
</p>

ACESSAR FUNNELCOCKPIT

</a>

<div class=”cta-note”>
Acesse a página oficial para conferir os detalhes atuais.
</div>

</div>

</section>

<!– =========================
FAQ
========================= –>

<h2 class=”section-title”>
Perguntas Frequentes
</h2>

<h3>
O que é o FunnelCockpit?
</h3>

<p>
É uma plataforma de marketing que reúne ferramentas para
criação de websites, funis, captura de leads, e-mail
marketing, CRM, webinars, áreas de membros e outros recursos.
</p>

</div>

<h3>
Preciso saber programação?
</h3>

<p>
O FunnelCockpit apresenta um construtor visual com
funcionalidade drag & drop, permitindo criar páginas
sem precisar escrever código.
</p>

</div>

<h3>
Posso criar páginas para dispositivos móveis?
</h3>

<p>
Sim. A plataforma informa que as páginas criadas são
otimizadas para dispositivos móveis.
</p>

</div>

<h3>
Onde posso ver os planos e preços?
</h3>

<p>
Os planos, preços, condições e eventuais ofertas devem
ser consultados diretamente na página oficial do FunnelCockpit.
</p>

</div>

<h3>
Esta é a página oficial?
</h3>

<p>
Não. Esta é uma página independente de divulgação.
O botão direciona você para a página oficial do FunnelCockpit.
</p>

</div>

</section>

<!– =========================
AFFILIATE DISCLOSURE
========================= –>

<p>

<strong>Divulgação de afiliado:</strong>

Esta página contém links de afiliado. Caso você realize
uma compra através do nosso link, poderemos receber uma
comissão, sem custo adicional para você.

</p>

<p>

As informações apresentadas nesta página têm caráter
informativo. Para informações atualizadas sobre recursos,
preços, planos, condições, termos e disponibilidade,
consulte a página oficial do FunnelCockpit.

</p>

</div>

<!– =========================
FOOTER
========================= –>

</footer>

</body>

</html>