{children}
; const Btn = ({ primary, children, onClick }) => ; const CheckIcon = ({ color }) => ( ); // ── Scroll-reveal ────────────────────────────────────────────────────────── React.useEffect(() => { const els = document.querySelectorAll('[data-mon-reveal]'); const obs = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { const delay = parseInt(entry.target.dataset.monReveal) || 0; setTimeout(() => { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0) translateX(0)'; }, delay); obs.unobserve(entry.target); } }); }, { threshold: 0.08 }); els.forEach(el => obs.observe(el)); return () => {}; }, []); // ── Eixo selecionado ─────────────────────────────────────────────────────── const [openEixo, setOpenEixo] = React.useState(0); React.useEffect(() => { const el = document.getElementById('mon-eixo-detail'); if (!el) return; el.style.transition = 'none'; el.style.opacity = '0'; el.style.transform = 'translateY(12px)'; const t = setTimeout(() => { el.style.transition = 'opacity 0.45s cubic-bezier(0.16,1,0.3,1), transform 0.45s cubic-bezier(0.16,1,0.3,1)'; el.style.opacity = '1'; el.style.transform = 'translateY(0)'; }, 60); return () => clearTimeout(t); }, [openEixo]); const rv = (delay = 0) => ({ opacity: 0, transform: 'translateY(24px)', transition: 'opacity 0.65s cubic-bezier(0.16,1,0.3,1), transform 0.65s cubic-bezier(0.16,1,0.3,1)', }); // ── Dados ────────────────────────────────────────────────────────────────── const dores = [ { t: 'Muitos dados, pouca leitura', d: 'Informações espalhadas em ferramentas diferentes, sem uma visão consolidada para a liderança decidir.' }, { t: 'Ausência de KPIs definidos', d: 'Sem indicadores claros, o acompanhamento vira percepção — não medição objetiva da performance.' }, { t: 'Decisões baseadas em feeling', d: 'A liderança atua sem dados suficientes porque falta uma camada de controle estruturada sobre a jornada.' }, { t: 'Gargalos invisíveis', d: 'Perdas entre atrair, converter e relacionar acontecem sem que a gestão identifique onde e por quê.' }, { t: 'CRM alimentado, pouco analisado', d: 'As ferramentas têm dados, mas não há rotina de leitura crítica e interpretação gerencial consistente.' }, { t: 'Acompanhamento irregular', d: 'Reuniões comerciais sem análise objetiva, sem comparação de períodos e sem priorização de ações.' }, ]; const eixos = [ { num: '01', title: 'Atrair', subtitle: 'Topo do Funil — controle o alcance e a qualidade do público captado', icon: ( ), desc: 'O controle do topo do funil mostra se o conteúdo educativo e os anúncios estão alcançando o público certo nas redes sociais certas. Monitora quais canais (Instagram, TikTok, Meta Ads) geram mais alcance qualificado e onde há desperdício de investimento.', perguntas: [ 'O conteúdo publicado está alcançando o público-alvo definido?', 'Quais canais (orgânico x pago) geram mais alcance qualificado?', 'Os anúncios estão segmentados para o perfil ideal de cliente?', 'Há volume de alcance sem engajamento — muito clique, pouco avanço?', 'Onde o investimento em mídia está gerando mais retorno?', ], kpis: [ { label: 'Alcance mensal', val: '18,4k', trend: '+22%', up: true }, { label: 'Engajamento', val: '4,7%', trend: '+0,8 pp', up: true }, { label: 'Leads captados', val: '342', trend: '+12%', up: true }, { label: 'Custo por lead', val: 'R$ 84', trend: '-8%', up: true }, ], }, { num: '02', title: 'Converter', subtitle: 'Meio do Funil — controle a transformação de visitantes em leads', icon: ( ), desc: 'O controle do meio do funil mostra se os materiais ricos (e-books, webinars, cupons) e as páginas de captura estão convertendo visitantes em leads qualificados. Monitora a eficiência de cada ponto de conversão e o custo por lead gerado.', perguntas: [ 'As landing pages estão convertendo visitantes em leads?', 'Quais materiais ricos geram mais cadastros qualificados?', 'A taxa de conversão das páginas de captura está adequada?', 'O follow-up inicial está sendo executado no tempo certo?', 'Quais critérios definem um lead pronto para o próximo passo?', ], kpis: [ { label: 'Visitantes únicos', val: '4,2k', trend: '+18%', up: true }, { label: 'Taxa de conversão', val: '8,1%', trend: '+1,4 pp', up: true }, { label: 'Leads qualificados', val: '89', trend: '+11 un.', up: true }, { label: 'Custo por lead qual.', val: 'R$ 320', trend: '-9%', up: true }, ], }, { num: '03', title: 'Relacionar', subtitle: 'Construção de Confiança — controle a nutrição e o engajamento pré-venda', icon: ( ), desc: 'O controle do relacionamento pré-venda mostra se os fluxos de nutrição via e-mail marketing e WhatsApp Business estão educando os leads, respondendo dúvidas e construindo autoridade — sem pressão de venda — até que estejam prontos para o comercial.', perguntas: [ 'Os e-mails de nutrição estão sendo abertos e lidos?', 'O engajamento no WhatsApp Business está evoluindo?', 'Os leads estão consumindo os conteúdos educativos enviados?', 'Quantos leads avançaram para o comercial após a nutrição?', 'Em que ponto do fluxo os leads param de responder?', ], kpis: [ { label: 'Taxa de abertura', val: '34%', trend: '+4 pp', up: true }, { label: 'Engajamento WA', val: '61%', trend: '+8 pp', up: true }, { label: 'Leads p/ comercial', val: '41', trend: '+9 un.', up: true }, { label: 'Tempo médio nutrição', val: '18 dias', trend: '-3 dias', up: true }, ], }, ]; const funnelSteps = [ { label: 'Leads captados', val: 342, pct: 100 }, { label: 'Leads qualificados', val: 89, pct: 26 }, { label: 'Reuniões realizadas', val: 41, pct: 12 }, { label: 'Oportunidades criadas', val: 38, pct: 11 }, { label: 'Propostas enviadas', val: 24, pct: 7 }, { label: 'Fechamentos', val: 7, pct: 2 }, ]; const gargalos = [ '74% dos leads captados não têm perfil adequado — gargalo de qualidade na atração', '54% dos qualificados não chegam a uma reunião — gargalo de avanço na prospecção', '37% das oportunidades criadas não viram proposta — gargalo de evolução na conversão', '71% das propostas enviadas não fecham — gargalo de fechamento e negociação', ]; const blocos = [ { num: '01', title: 'KPIs', desc: 'Definição dos indicadores que realmente mostram a evolução da jornada — sem excesso, sem ausência de informação crítica.' }, { num: '02', title: 'Painéis gerenciais', desc: 'Organização da leitura visual dos resultados para que a liderança consuma dados com clareza e agilidade nas decisões.' }, { num: '03', title: 'Rotina de acompanhamento', desc: 'Cadência estruturada para análise, controle e priorização — semanal, mensal ou por ciclo comercial definido.' }, { num: '04', title: 'Análise crítica', desc: 'Interpretação dos dados para identificar causas, padrões e gargalos que os números isolados não revelam à liderança.' }, { num: '05', title: 'Recomendações de melhoria', desc: 'Direcionamento das decisões com base nos pontos de maior impacto sobre a performance da jornada comercial.' }, ]; const barpesFaz = [ 'Diagnosticar gargalos de performance da jornada', 'Definir KPIs relevantes para cada etapa', 'Estruturar painéis e leituras gerenciais', 'Orientar a rotina de acompanhamento', 'Apoiar a análise crítica dos resultados', 'Identificar desvios e perdas entre etapas', 'Acompanhar a evolução dos indicadores', 'Recomendar ajustes e prioridades de ação', ]; const clienteFaz = [ 'Executar as ações recorrentes da operação', 'Alimentar corretamente as ferramentas e CRM', 'Manter a rotina operacional com disciplina', 'Aplicar os ajustes recomendados pela assessoria', 'Garantir a qualidade no registro dos dados', 'Conduzir a execução com base nas prioridades definidas', ]; // ── Render ───────────────────────────────────────────────────────────────── return (A Barpes assessora sua empresa na definição de KPIs, estruturação de painéis gerenciais e rotinas de acompanhamento para monitorar Atrair, Converter e Relacionar com clareza, controle e previsibilidade.
A execução acontece com a equipe do cliente. A Barpes apoia com{' '} método, controle e leitura gerencial.
{card.d}
Sem controle, a empresa depende de esforço.{' '} Com monitoramento, passa a decidir com método.
{g}
A Barpes organiza os indicadores para que a liderança enxergue onde agir.
{eixos[openEixo].desc}
{b.desc}
A Barpes atua como{' '} parceira estratégica de monitoramento, controle e governança da jornada comercial.{' '} A execução recorrente acontece com a equipe do cliente — com direção, método e acompanhamento.
A Barpes pode diagnosticar a forma como sua empresa monitora Atração, Conversão e Relacionamento e estruturar uma visão gerencial para controlar KPIs, identificar gargalos e tomar decisões com mais previsibilidade.
Diagnóstico sem custo. Conversa objetiva e focada em monitoramento e controle.