{children}
; const Btn = ({ primary, children, onClick }) => ; // ── Scroll-reveal (IntersectionObserver) ────────────────────────────────── React.useEffect(() => { const els = document.querySelectorAll('[data-ops-reveal]'); const obs = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const delay = parseInt(entry.target.dataset.opsReveal) || 0; setTimeout(() => { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0) translateX(0)'; }, delay); obs.unobserve(entry.target); } }); }, { threshold: 0.10 }); els.forEach((el) => obs.observe(el)); return () => {}; }, []); // ── Animação ao trocar pilar ─────────────────────────────────────────────── const [openPilar, setOpenPilar] = React.useState(0); React.useEffect(() => { const el = document.getElementById('ops-pilar-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); }, [openPilar]); const rv = (delay = 0, axis = 'y') => ({ opacity: 0, transform: axis === 'x' ? 'translateX(-16px)' : '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: 'Ações desconectadas', d: 'Operação comercial e digital sem lógica comum — sem sequência e sem integração entre si.' }, { t: 'Público pouco definido', d: 'Baixa clareza sobre quem priorizar, como abordar e qual mensagem usar para cada segmento.' }, { t: 'Geração irregular', d: 'Oportunidades que chegam de forma imprevisível, sem padrão de qualidade e sem rastreabilidade.' }, { t: 'Prospecção sem método', d: 'Abordagem reativa, sem cadência, sem critério de qualificação e sem priorização de contas.' }, { t: 'Baixa previsibilidade', d: 'Dificuldade para antecipar quando a próxima oportunidade qualificada vai entrar no funil.' }, { t: 'Dependência de indicação', d: 'Parte relevante da receita depende de indicações sem critério, timing ou volume controlável.' }, ]; const pilares = [ { num: '01', title: 'Atrair', subtitle: 'Topo do Funil — faça seu público-alvo conhecer a sua marca', icon: ( ), desc: 'A frente de atração tem um objetivo claro: fazer com que o público certo conheça a sua marca. Isso acontece por meio de conteúdos educativos focados nas dores do cliente — publicados nas redes sociais certas — e de campanhas de anúncios segmentados para alcançar quem tem maior potencial de compra. A Barpes orienta a estruturação desse canal para que a atração deixe de ser dispersa e passe a gerar volume qualificado de forma consistente.', entregas: [ 'Diagnóstico da presença digital atual', 'Definição de públicos e segmentações prioritárias', 'Orientação sobre canais de atração (Instagram, TikTok, LinkedIn)', 'Estruturação de pauta de conteúdo educativo por dor do cliente', 'Direcionamento para campanhas de anúncios (Meta Ads, Google Ads)', 'Recomendações de mensagem e posicionamento por canal', 'Definição de pontos de entrada para novas oportunidades', 'Recomendações de melhoria contínua', ], tags: ['Redes Sociais', 'Meta Ads', 'Conteúdo Educativo', 'Topo do Funil'], }, { num: '02', title: 'Converter', subtitle: 'Meio do Funil — transforme visitantes em leads qualificados', icon: ( ), desc: 'A conversão acontece quando a empresa oferece algo de valor em troca do contato do potencial cliente. Materiais ricos como e-books, webinars ou cupons de desconto, combinados com páginas de captura bem estruturadas, são os mecanismos que transformam visitantes em leads. A Barpes orienta a criação desses pontos de conversão e o processo comercial que os acompanha — do lead gerado à oportunidade qualificada.', entregas: [ 'Diagnóstico dos pontos de conversão atuais', 'Orientação sobre criação de materiais ricos (e-books, webinars, cupons)', 'Estruturação de páginas de captura e landing pages', 'Definição de critérios de qualificação de leads', 'Organização do processo comercial pós-captura', 'Padronização da rotina de follow-up inicial', 'Análise de gargalos de conversão', 'Recomendações de melhoria contínua', ], tags: ['Lead Magnets', 'Landing Pages', 'Qualificação', 'Meio do Funil'], }, { num: '03', title: 'Relacionar', subtitle: 'Construção de Confiança — nutre sem pressão, convence com autoridade', icon: ( ), desc: 'O relacionamento é o pilar principal da jornada pré-venda. O objetivo é nutrir os contatos com informações relevantes e sem pressão de venda — respondendo dúvidas, interagindo nas redes e enviando conteúdos personalizados por estágio. A Barpes estrutura os fluxos de automação de e-mail marketing e WhatsApp Business para que esse relacionamento aconteça de forma escalável, consistente e mensurável.', entregas: [ 'Diagnóstico dos pontos de contato pré-venda', 'Definição de fluxos de nutrição por perfil e estágio do lead', 'Estruturação de cadências via e-mail marketing e WhatsApp Business', 'Orientação sobre conteúdo educativo e de autoridade', 'Critérios para avançar o lead ao comercial sem pressão', 'Réguas de comunicação personalizadas por segmento', 'Automação de relacionamento com ferramentas digitais', 'Indicadores de engajamento e maturidade do lead', ], tags: ['E-mail Marketing', 'WhatsApp Business', 'Nutrição', 'Automação'], }, ]; const barpesFaz = [ 'Diagnosticar gargalos da operação atual', 'Definir a estratégia de crescimento B2B', 'Estruturar o modelo operacional', 'Desenhar processos comerciais e digitais', 'Orientar a implantação das ferramentas', 'Criar critérios, fluxos e rotinas', 'Capacitar a equipe do cliente', 'Acompanhar a evolução da operação', 'Apoiar a tomada de decisão com dados', 'Recomendar melhorias contínuas', ]; const clienteFaz = [ 'Executar campanhas e ações recorrentes', 'Produzir conteúdos de forma contínua', 'Operar as rotinas comerciais diárias', 'Realizar follow-ups com as oportunidades', 'Executar as cadências de prospecção', 'Atualizar páginas e materiais', 'Alimentar informações nas ferramentas', 'Conduzir a rotina com base no modelo definido', ]; // ── Render ───────────────────────────────────────────────────────────────── return (A Barpes assessora sua empresa na definição, estruturação e acompanhamento da operação de Atrair, Converter e Relacionar — para que sua equipe execute com mais clareza, controle e previsibilidade.
A Barpes estrutura o caminho. A execução acontece com a equipe do cliente, com direção, método e acompanhamento.
{card.d}
O problema não é apenas fazer mais. O problema é conectar melhor Atrair, Converter e Relacionar.
{pilares[openPilar].desc}
A Barpes não substitui a equipe do cliente. A atuação dá direção, método, estrutura e acompanhamento para que a operação seja executada com mais clareza e controle — e não dependa apenas de esforços isolados ou indicações.
A Barpes atua como parceira estratégica de estruturação, governança e melhoria contínua da operação. A execução recorrente acontece com a equipe do cliente — com direção, método e acompanhamento.
A Barpes pode diagnosticar os gargalos da sua operação e estruturar um caminho prático para transformar captação dispersa em oportunidades qualificadas — com mais clareza entre atrair, converter e relacionar.
Diagnóstico sem custo. Conversa objetiva e focada em operação.