File: /home/u353189757/domains/adaptia.com.br/public_html/index.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Adapt IA: gestão de tráfego, sites institucionais, lojas virtuais, consultoria de marketing e automações para empresas."
/>
<meta name="theme-color" content="#0d1117" />
<meta name="format-detection" content="telephone=no" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Adapt IA | Tráfego, sites e automações para empresas" />
<meta
property="og:description"
content="Estratégia, desenvolvimento e integrações para transformar tráfego, sites e atendimento em um processo comercial mais claro."
/>
<title>Adapt IA | Tráfego, sites e automações para empresas</title>
<link rel="icon" href="assets/adapt-logo.svg" type="image/svg+xml" />
<link rel="stylesheet" href="styles.css?v=20260618-node-paths" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DYQ5Y4QQNJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DYQ5Y4QQNJ');
</script>
</head>
<body>
<a class="skip-link" href="#conteudo">Ir para o conteúdo</a>
<header class="site-header" data-header>
<nav class="nav-shell" aria-label="Navegação principal">
<a class="brand" href="#topo" aria-label="Adapt IA - início">
<img src="assets/adapt-logo.svg" alt="" width="36" height="36" />
<span>Adapt IA</span>
</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="menu-principal" data-menu-toggle>
<span></span>
<span></span>
<span></span>
<span class="sr-only">Abrir menu</span>
</button>
<div class="nav-links" id="menu-principal" data-menu>
<a href="#servicos">Serviços</a>
<a href="#detalhes">Detalhes</a>
<a href="#processo">Processo</a>
<a href="#contato">Contato</a>
</div>
<a class="nav-cta" href="#contato">Solicitar proposta</a>
</nav>
</header>
<main id="conteudo">
<section class="hero" id="topo" aria-labelledby="hero-title" data-track-section data-section-title="Topo">
<div class="hero-grid">
<div class="hero-copy">
<p class="eyebrow">Growth, presença digital e automação comercial</p>
<h1 id="hero-title">Adapt IA</h1>
<p class="hero-lead">
Estratégia, desenvolvimento e integrações para transformar tráfego, sites e atendimento em um processo
comercial mais claro, mensurável e pronto para escalar.
</p>
<div class="hero-actions">
<a
class="button button-primary"
href="#contato"
data-whatsapp-message="Olá, Adapt IA! Quero conversar sobre uma proposta para minha empresa."
>
Falar com o comercial
</a>
<a class="button button-secondary" href="#servicos">Ver serviços</a>
</div>
<div class="hero-proof" aria-label="Resumo de atuação">
<span><strong>Tráfego</strong> com metas claras</span>
<span><strong>Sites</strong> com foco em conversão</span>
<span><strong>IA</strong> aplicada ao atendimento</span>
</div>
</div>
<div
class="hero-visual parallax-layer"
aria-label="Fluxo visual de aquisição, conversão e atendimento"
data-parallax
data-parallax-mode="page"
data-parallax-distance="12"
data-parallax-distance-compact="12"
data-parallax-ease="easeInOutCubic"
data-parallax-layer
>
<div class="signal-board glass-panel">
<div class="board-header">
<span></span>
<span></span>
<span></span>
</div>
<div class="flow-row">
<div class="flow-card active">
<span class="flow-icon">01</span>
<strong>Anúncios</strong>
<small>Públicos, verba e criativos</small>
</div>
<div class="flow-line"></div>
<div class="flow-card">
<span class="flow-icon">02</span>
<strong>Site</strong>
<small>Oferta, clareza e captação</small>
</div>
</div>
<div class="insight-strip">
<span class="pulse-dot"></span>
<p>Leads qualificados entram em um fluxo integrado de atendimento.</p>
</div>
<div class="flow-row reverse">
<div class="flow-card">
<span class="flow-icon">03</span>
<strong>WhatsApp API</strong>
<small>Triagem e respostas iniciais</small>
</div>
<div class="flow-line"></div>
<div class="flow-card active">
<span class="flow-icon">04</span>
<strong>Comercial</strong>
<small>Mais contexto para vender</small>
</div>
</div>
<div class="metric-grid">
<div>
<strong>+ foco</strong>
<span>menos dispersão</span>
</div>
<div>
<strong>+ dados</strong>
<span>decisão objetiva</span>
</div>
<div>
<strong>+ ritmo</strong>
<span>operação escalável</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section service-summary" id="servicos" aria-labelledby="servicos-title" data-track-section data-section-title="Serviços">
<div class="section-heading reveal">
<p class="eyebrow">Comece pelo que gera tração</p>
<h2 id="servicos-title">Serviços com escopo inicial claro</h2>
<p>
Uma base objetiva para empresas que precisam divulgar, captar e converter melhor sem começar por um projeto
aberto demais.
</p>
</div>
<div class="pricing-grid service-path" data-node-path>
<span class="node-path-rail" aria-hidden="true"><span class="node-path-rail-active"></span></span>
<article class="pricing-card">
<span class="service-node path-node" data-path-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<span class="service-tag">Tráfego pago</span>
<h3>Gestão de tráfego</h3>
<p>Planejamento, ativação e acompanhamento de campanhas para atrair oportunidades com mais controle.</p>
<div class="price">A partir de <strong>R$1.500</strong></div>
<a href="#contato" data-service-shortcut="Gestão de tráfego">Solicitar diagnóstico</a>
</div>
</article>
<article class="pricing-card featured">
<span class="service-node path-node" data-path-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<span class="service-tag">Presença digital</span>
<h3>Sites institucionais</h3>
<p>Uma vitrine profissional para apresentar sua empresa, organizar a oferta e direcionar contatos.</p>
<div class="price">A partir de <strong>R$1.200</strong></div>
<a href="#contato" data-service-shortcut="Site institucional">Planejar meu site</a>
</div>
</article>
<article class="pricing-card">
<span class="service-node path-node" data-path-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<span class="service-tag">Venda online</span>
<h3>Lojas virtuais</h3>
<p>Estrutura de e-commerce para catálogo, carrinho, meios de pagamento e operação comercial online.</p>
<div class="price">A partir de <strong>R$3.000</strong></div>
<a href="#contato" data-service-shortcut="Loja virtual">Criar loja virtual</a>
</div>
</article>
</div>
</section>
<section class="section story-section" id="caminho-comercial" aria-labelledby="story-title" data-track-section data-section-title="Caminho comercial">
<div
class="parallax-reserve parallax-reserve-story"
data-parallax
data-parallax-mode="view"
data-parallax-distance="6"
data-parallax-distance-compact="4"
data-parallax-ease="smootherstep"
>
<div class="parallax-layer" data-parallax-layer>
<div class="story-card glass-panel reveal">
<p class="eyebrow">A lógica do projeto</p>
<h2 id="story-title">Não é só ter presença online. É ter um caminho comercial.</h2>
<p>
Um anúncio isolado não sustenta crescimento. Um site bonito sem direção não conversa com o funil. Um
atendimento rápido, mas sem contexto, perde oportunidade. A Adapt IA organiza esses pontos para que cada
investimento tenha uma função no resultado.
</p>
</div>
</div>
</div>
</section>
<section class="section detail-section" id="detalhes" aria-labelledby="detalhes-title" data-track-section data-section-title="Detalhes">
<div class="section-heading reveal">
<p class="eyebrow">Detalhes dos serviços</p>
<h2 id="detalhes-title">O que cada frente melhora na empresa</h2>
</div>
<div class="detail-grid">
<article class="detail-card reveal">
<div class="detail-number">01</div>
<h3>Gestão de tráfego</h3>
<p>
Para empresas que querem sair do alcance casual e criar campanhas com segmentação, orçamento e
acompanhamento de indicadores.
</p>
<ul>
<li>Organiza verba e canais de aquisição.</li>
<li>Ajuda a entender quais públicos respondem melhor.</li>
<li>Gera aprendizado contínuo para otimizar campanhas.</li>
</ul>
</article>
<article class="detail-card reveal">
<div class="detail-number">02</div>
<h3>Sites institucionais</h3>
<p>
Para transformar a apresentação da empresa em uma experiência objetiva, com argumentos, provas e caminhos
de contato bem definidos.
</p>
<ul>
<li>Melhora credibilidade e clareza da oferta.</li>
<li>Centraliza informações importantes em uma página sólida.</li>
<li>Direciona visitantes para conversas comerciais.</li>
</ul>
</article>
<article class="detail-card reveal">
<div class="detail-number">03</div>
<h3>Lojas virtuais</h3>
<p>
Para empresas que precisam vender produtos online com uma base preparada para catálogo, checkout e
evolução operacional.
</p>
<ul>
<li>Cria uma estrutura própria de venda digital.</li>
<li>Reduz dependência de atendimento manual para pedidos simples.</li>
<li>Permite combinar campanhas, produtos e dados de venda.</li>
</ul>
</article>
</div>
</section>
<section
class="cta-band reveal"
id="chamada"
aria-labelledby="cta-title"
data-track-section
data-section-title="Chamada"
data-parallax
data-parallax-mode="view"
data-parallax-distance="3"
data-parallax-distance-compact="1.5"
data-parallax-ease="easeInOutSine"
>
<div class="cta-inner parallax-layer" data-parallax-layer>
<div>
<p class="eyebrow">Hora de conectar os pontos</p>
<h2 id="cta-title">Pronto para transformar tráfego, site e atendimento em resultado?</h2>
<p>
Conte onde sua empresa está hoje e receba um direcionamento inicial para priorizar o próximo passo.
</p>
</div>
<div class="cta-actions">
<a
class="button cta-primary"
href="#contato"
data-whatsapp-message="Olá, Adapt IA! Quero um direcionamento para transformar tráfego, site e atendimento em resultado."
>
Chamar no WhatsApp
</a>
<a class="button cta-secondary" href="#contato">Preencher briefing</a>
</div>
</div>
</section>
<section class="section consult-section" id="sob-consulta" aria-labelledby="consult-title" data-track-section data-section-title="Sob consulta">
<div class="section-heading reveal">
<p class="eyebrow">Sob consulta</p>
<h2 id="consult-title">Uma evolução conectada para cada fase da operação</h2>
<p>
Cada etapa principal pode receber frentes paralelas conforme a maturidade da empresa, conectando aquisição,
presença digital e operação em uma estrutura preparada para evoluir.
</p>
</div>
<div class="consult-path" data-node-path>
<span class="node-path-rail" aria-hidden="true"><span class="node-path-rail-active"></span></span>
<ol class="consult-timeline">
<li class="consult-stage consult-stage-acquisition" data-path-stage>
<span class="consult-stage-node path-node" data-path-node aria-hidden="true"></span>
<article class="consult-stage-card">
<div class="node-card-content reveal">
<span class="consult-stage-number">01</span>
<p class="consult-stage-label">Aquisição</p>
<h3>Gestão de tráfego</h3>
<p>Campanhas orientadas por metas para gerar demanda e transformar investimento em aprendizado comercial.</p>
</div>
</article>
<div class="consult-branch-connectors" aria-hidden="true">
<span class="branch-segment branch-origin"></span>
<span class="branch-segment branch-distributor"></span>
<span class="branch-segment branch-target branch-target-first"></span>
<span class="branch-segment branch-target branch-target-second"></span>
</div>
<ul class="consult-branches" aria-label="Frentes paralelas para gestão de tráfego">
<li>
<article class="consult-card">
<span class="consult-branch-node path-node" data-branch-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<h4>Consultoria de marketing</h4>
<p>Posicionamento, oferta, canais e prioridades para orientar campanhas e decisões de crescimento.</p>
</div>
</article>
</li>
<li>
<article class="consult-card">
<span class="consult-branch-node path-node" data-branch-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<h4>Captação de materiais</h4>
<p>Fotos, vídeos e criativos para alimentar campanhas, páginas e apresentações comerciais.</p>
</div>
</article>
</li>
</ul>
</li>
<li class="consult-stage consult-stage-presence" data-path-stage>
<span class="consult-stage-node path-node" data-path-node aria-hidden="true"></span>
<article class="consult-stage-card">
<div class="node-card-content reveal">
<span class="consult-stage-number">02</span>
<p class="consult-stage-label">Presença digital</p>
<h3>Desenvolvimento do site</h3>
<p>Uma base digital clara para apresentar a oferta, captar oportunidades e organizar a jornada do cliente.</p>
</div>
</article>
<div class="consult-branch-connectors" aria-hidden="true">
<span class="branch-segment branch-origin"></span>
<span class="branch-segment branch-distributor"></span>
<span class="branch-segment branch-target branch-target-first"></span>
<span class="branch-segment branch-target branch-target-second"></span>
</div>
<ul class="consult-branches" aria-label="Frentes paralelas para desenvolvimento do site">
<li>
<article class="consult-card">
<span class="consult-branch-node path-node" data-branch-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<h4>Dashboards</h4>
<p>Indicadores de campanhas, leads e conversões reunidos em uma visão objetiva para acompanhamento.</p>
</div>
</article>
</li>
<li>
<article class="consult-card">
<span class="consult-branch-node path-node" data-branch-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<h4>Chat para WhatsApp</h4>
<p>Autoatendimento inicial para responder, qualificar e direcionar contatos antes do time comercial.</p>
</div>
</article>
</li>
</ul>
</li>
<li class="consult-stage consult-stage-operation" data-path-stage>
<span class="consult-stage-node path-node" data-path-node aria-hidden="true"></span>
<article class="consult-stage-card">
<div class="node-card-content reveal">
<span class="consult-stage-number">03</span>
<p class="consult-stage-label">Operação digital</p>
<h3>Loja virtual ou site especializado</h3>
<p>Estrutura sob medida para vender, integrar processos e sustentar uma operação digital mais complexa.</p>
</div>
</article>
<div class="consult-branch-connectors" aria-hidden="true">
<span class="branch-segment branch-origin"></span>
<span class="branch-segment branch-distributor"></span>
<span class="branch-segment branch-target branch-target-first"></span>
<span class="branch-segment branch-target branch-target-second"></span>
</div>
<ul class="consult-branches" aria-label="Frentes paralelas para loja virtual ou site especializado">
<li>
<article class="consult-card">
<span class="consult-branch-node path-node" data-branch-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<h4>Integrações com CRM</h4>
<p>Leads, clientes e oportunidades conectados ao fluxo comercial para reduzir tarefas manuais.</p>
</div>
</article>
</li>
<li>
<article class="consult-card">
<span class="consult-branch-node path-node" data-branch-node aria-hidden="true"></span>
<div class="node-card-content reveal">
<h4>Planejamento de CI/CD</h4>
<p>Estratégia de versões, testes e publicação para evoluir o projeto com mais segurança e previsibilidade.</p>
</div>
</article>
</li>
</ul>
</li>
</ol>
</div>
</section>
<section class="section process-section" id="processo" aria-labelledby="processo-title" data-track-section data-section-title="Processo">
<div class="section-heading reveal">
<p class="eyebrow">Como trabalhamos</p>
<h2 id="processo-title">Um processo simples para tirar o projeto do abstrato</h2>
</div>
<ol class="process-grid">
<li class="process-step reveal">
<div class="process-symbol">
<svg class="process-glyph" viewBox="0 0 72 48" aria-hidden="true" focusable="false">
<circle class="glyph-halo" cx="36" cy="24" r="17" />
<circle class="glyph-node" cx="36" cy="24" r="7" />
</svg>
<span class="process-number">1</span>
</div>
<h3>Diagnóstico</h3>
<p>Entendemos objetivo, público, oferta, canais atuais e gargalos comerciais.</p>
</li>
<li class="process-step reveal">
<div class="process-symbol">
<svg class="process-glyph" viewBox="0 0 72 48" aria-hidden="true" focusable="false">
<path class="glyph-path" d="M20 24h32" />
<circle class="glyph-node" cx="20" cy="24" r="7" />
<circle class="glyph-ring" cx="52" cy="24" r="7" />
</svg>
<span class="process-number">2</span>
</div>
<h3>Estratégia</h3>
<p>Definimos prioridade, escopo, entregáveis e indicadores que importam.</p>
</li>
<li class="process-step reveal">
<div class="process-symbol">
<svg class="process-glyph" viewBox="0 0 72 48" aria-hidden="true" focusable="false">
<path class="glyph-path" d="M18 24h12c10 0 10-12 20-12h4M30 24c10 0 10 12 20 12h4" />
<circle class="glyph-node" cx="18" cy="24" r="7" />
<circle class="glyph-ring" cx="54" cy="12" r="6" />
<circle class="glyph-ring" cx="54" cy="36" r="6" />
</svg>
<span class="process-number">3</span>
</div>
<h3>Execução</h3>
<p>Criamos campanhas, páginas, integrações ou fluxos conforme o plano aprovado.</p>
</li>
<li class="process-step reveal">
<div class="process-symbol">
<svg class="process-glyph" viewBox="0 0 72 48" aria-hidden="true" focusable="false">
<path class="glyph-path" d="M49 13a17 17 0 1 0 4 18" />
<circle class="glyph-node" cx="49" cy="13" r="7" />
</svg>
<span class="process-number">4</span>
</div>
<h3>Evolução</h3>
<p>Acompanhamos dados e próximos ajustes para manter o projeto útil no dia a dia.</p>
</li>
</ol>
</section>
<section class="section contact-section" id="contato" aria-labelledby="contato-title" data-track-section data-section-title="Contato">
<div class="contact-copy reveal">
<p class="eyebrow">Próximo passo</p>
<h2 id="contato-title">Conte o que você precisa estruturar</h2>
<p>
Preencha os dados e inicie uma conversa com o comercial pelo WhatsApp. A mensagem chega organizada para
entendermos objetivo, investimento e prioridade.
</p>
<div class="contact-fast-action">
<a
class="button button-primary"
href="#contato"
data-whatsapp-message="Olá, Adapt IA! Quero falar direto com o comercial sobre um projeto."
>
Chamar agora no WhatsApp
</a>
</div>
<div class="contact-highlights">
<span>Resposta comercial pelo WhatsApp</span>
<span>Mensagem organizada antes do envio</span>
<span>Atendimento com contexto desde o primeiro contato</span>
</div>
</div>
<div
class="parallax-reserve parallax-reserve-contact"
data-parallax
data-parallax-mode="view"
data-parallax-distance="4"
data-parallax-distance-compact="2"
data-parallax-ease="smootherstep"
>
<div class="parallax-layer" data-parallax-layer>
<form class="contact-form glass-panel reveal" data-whatsapp-form>
<div class="form-row form-honeypot" aria-hidden="true">
<label for="website">Website</label>
<input id="website" name="website" type="text" autocomplete="off" tabindex="-1" />
</div>
<div class="form-row">
<label for="nome">Nome</label>
<input id="nome" name="nome" type="text" autocomplete="name" required placeholder="Seu nome" />
</div>
<div class="form-row">
<label for="empresa">Empresa <span class="optional-label">opcional</span></label>
<input id="empresa" name="empresa" type="text" autocomplete="organization" placeholder="Nome da empresa" />
</div>
<div class="form-row">
<label for="whatsapp">Seu WhatsApp</label>
<input id="whatsapp" name="whatsapp" type="tel" inputmode="tel" autocomplete="tel" required placeholder="(00) 00000-0000" />
</div>
<div class="form-row">
<label for="servico">Serviço de interesse</label>
<select id="servico" name="servico" required>
<option value="">Selecione uma opção</option>
<option>Gestão de tráfego</option>
<option>Site institucional</option>
<option>Loja virtual</option>
<option>Consultoria de marketing</option>
<option>Captação de materiais</option>
<option>Integrações com ferramentas de anúncios</option>
<option>Chat de auto-atendimento para WhatsApp API</option>
<option>Quero entender a melhor opção</option>
</select>
</div>
<div class="form-row">
<label for="investimento">Faixa de investimento <span class="optional-label">opcional</span></label>
<select id="investimento" name="investimento">
<option value="">Selecione uma faixa</option>
<option>Até R$800</option>
<option>R$800 a R$1.200</option>
<option>R$1.200 a R$3.000</option>
<option>Acima de R$3.000</option>
<option>Prefiro definir com o comercial</option>
</select>
</div>
<div class="form-row">
<label for="prazo">Prazo desejado <span class="optional-label">opcional</span></label>
<select id="prazo" name="prazo">
<option value="">Selecione um prazo</option>
<option>O quanto antes</option>
<option>Nos próximos 15 dias</option>
<option>Nos próximos 30 dias</option>
<option>Tenho mais flexibilidade</option>
</select>
</div>
<div class="form-row full">
<label for="mensagem">Mensagem complementar</label>
<textarea
id="mensagem"
name="mensagem"
rows="5"
placeholder="Conte rapidamente o objetivo, desafio atual ou ideia do projeto."
></textarea>
</div>
<button class="button button-primary form-submit" type="submit">Enviar pelo WhatsApp</button>
<p class="form-status" data-form-status aria-live="polite"></p>
</form>
</div>
</div>
</section>
</main>
<footer class="site-footer" id="rodape" data-track-section data-section-title="Rodapé">
<div class="footer-inner">
<a class="brand" href="#topo" aria-label="Adapt IA - início">
<img src="assets/adapt-logo.svg" alt="" width="32" height="32" />
<span>Adapt IA</span>
</a>
<p>Tráfego, sites, lojas virtuais e automações para empresas que querem vender com mais clareza.</p>
</div>
</footer>
<script src="script.js?v=20260618-node-paths"></script>
</body>
</html>