<?php
/**
 * Template Name: Pulsar - Organização e CRM
 * Template Post Type: page
 */

get_header();

$diagnostic_url = fm_button_link('fm_crm_primary_url', 'fm_diagnostic_url', fm_link('fm_quiz_url', '#'));

$before_items = array(
    array('Cada atendimento precisa ser lembrado manualmente', 'O acompanhamento depende da memória da equipe.'),
    array('Informações ficam espalhadas', 'WhatsApp, Instagram, planilhas e anotações sem conexão.'),
    array('Processos mudam a cada situação', 'Cada pessoa resolve da sua própria forma.'),
    array('Oportunidades acabam esquecidas', 'Leads interessados deixam de receber acompanhamento.'),
    array('A rotina gera retrabalho', 'As mesmas informações precisam ser registradas várias vezes.'),
    array('O crescimento aumenta a sobrecarga', 'Quanto mais clientes chegam, mais difícil fica manter o controle.'),
);

$after_items = array(
    array('Cada cliente possui um histórico organizado', 'As informações ficam acessíveis quando são necessárias.'),
    array('Os processos possuem uma sequência clara', 'Todos sabem o que precisa acontecer em cada etapa.'),
    array('O acompanhamento deixa de depender da memória', 'Nenhuma oportunidade fica esquecida pelo caminho.'),
    array('Atendimento e relacionamento ficam conectados', 'A comunicação acontece com mais consistência.'),
    array('As informações são registradas uma única vez', 'Menos retrabalho e menos erros operacionais.'),
    array('A operação fica preparada para crescer', 'Mais clientes sem aumentar o mesmo nível de caos.'),
);

$timeline_steps = array(
    array(
        'title' => 'Mapeamento da Jornada',
        'image' => fm_image_url('fm_crm_flow_image', '/assets/pulsar-crm-inbox.webp'),
        'text' => 'Antes de falar em CRM, automações ou ferramentas, entendemos como sua operação funciona hoje.',
        'items' => array(
            'como os clientes chegam',
            'quais canais são utilizados',
            'onde existem gargalos',
            'onde oportunidades estão sendo perdidas',
            'quais atividades dependem demais da equipe',
        ),
        'highlight' => 'Não organizamos sistemas. Organizamos a jornada.',
    ),
    array(
        'title' => 'Estruturação dos Processos',
        'image' => fm_image_url('fm_crm_proof_image_2', '/assets/pulsar-crm-flow.webp'),
        'text' => 'Depois do diagnóstico, desenhamos uma estrutura mais clara para atendimento, acompanhamento e relacionamento.',
        'items' => array(
            'etapas do processo',
            'responsáveis',
            'momentos de contato',
            'critérios de acompanhamento',
            'pontos de automação',
        ),
        'highlight' => 'Mais importante que a ferramenta é a lógica por trás dela.',
    ),
    array(
        'title' => 'Implementação da Estrutura',
        'image' => fm_image_url('fm_crm_proof_image_3', '/assets/pulsar-crm-meta.webp'),
        'text' => 'Somente depois escolhemos os recursos mais adequados para sustentar a operação.',
        'items' => array(
            'canais de atendimento',
            'rotinas de acompanhamento',
            'organização de contatos',
            'automações possíveis',
            'painéis de controle',
            'integrações úteis para o momento da empresa',
        ),
        'highlight' => 'A tecnologia entra para servir a estrutura, não para substituir a lógica da operação.',
    ),
);

$tool_options = array(
    array('CRM', 'Quando a empresa precisa acompanhar oportunidades, histórico e relacionamento.'),
    array('Trello', 'Quando a prioridade é organizar rotinas, projetos e responsabilidades.'),
    array('WhatsApp Business', 'Quando o atendimento precisa ganhar clareza e continuidade.'),
    array('Meta Business Suite', 'Quando os canais sociais precisam conversar melhor com a operação.'),
    array('Automações', 'Quando tarefas repetitivas podem ser simplificadas com mais inteligência.'),
);
?>

<main class="pulsar-page crm-page">
    <section class="crm-hero">
        <div class="pulsar-shell crm-hero-grid">
            <div class="crm-hero-copy">
                <p class="pulsar-eyebrow">CRM e Estrutura de Crescimento</p>
                <h1>Quando a operação cresce, a organização precisa acompanhar.</h1>
                <p class="pulsar-lead">Conversas espalhadas, informações duplicadas e processos dependentes da memória tornam o crescimento mais difícil do que deveria ser.</p>
                <p>A Pulsar ajuda a organizar atendimentos, processos, automações e acompanhamento para que sua empresa funcione com mais clareza, previsibilidade e controle.</p>
                <div class="agents-actions">
                    <a class="pulsar-button" href="<?php echo esc_url($diagnostic_url); ?>">Entender minha estrutura</a>
                </div>
            </div>
            <div class="crm-hero-media">
                <img src="<?php echo esc_url(fm_image_url('fm_crm_hero_image', '/assets/pulsar-crm-hero.webp')); ?>" alt="Estrutura operacional organizada pela Pulsar">
            </div>
        </div>
    </section>

    <section class="crm-structure-intro">
        <div class="pulsar-shell crm-structure-grid">
            <div>
                <p class="pulsar-eyebrow">Estrutura antes da ferramenta</p>
                <h2>O CRM é a ferramenta. A estrutura é o que faz o crescimento acontecer.</h2>
            </div>
            <div class="crm-structure-copy">
                <p>A Pulsar não começa pela tecnologia. Começa pela operação.</p>
                <p>Antes de indicar qualquer ferramenta, entendemos como sua empresa atende, acompanha, organiza informações e sustenta o relacionamento com clientes.</p>
                <p>O objetivo não é apenas implantar um sistema. É construir uma operação com clareza, previsibilidade e crescimento sustentável.</p>
            </div>
        </div>
    </section>

    <section class="crm-before-after-premium">
        <div class="pulsar-shell">
            <div class="crm-section-heading crm-section-heading-centered">
                <p class="pulsar-eyebrow">Antes x Depois</p>
                <h2><?php echo fm_text('fm_crm_transform_title'); ?></h2>
                <h3><?php echo fm_text('fm_crm_transform_subtitle'); ?></h3>
                <p><?php echo fm_text('fm_crm_transform_text_1'); ?></p>
                <p><?php echo fm_text('fm_crm_transform_text_2'); ?></p>
            </div>

            <div class="crm-ba-premium-grid">
                <article class="crm-ba-panel before">
                    <div class="crm-ba-panel-head">
                        <span class="crm-ba-mark">!</span>
                        <div>
                            <span class="crm-ba-label">ANTES</span>
                            <h3>Operação baseada em esforço</h3>
                            <p>A equipe trabalha mais, mas a operação continua dependendo de memória, improviso e acompanhamento manual.</p>
                        </div>
                    </div>
                    <div class="crm-ba-list">
                        <?php foreach ($before_items as $item) : ?>
                            <div class="crm-ba-item">
                                <span class="crm-ba-icon" aria-hidden="true">!</span>
                                <p><strong><?php echo esc_html($item[0]); ?></strong><?php echo esc_html($item[1]); ?></p>
                            </div>
                        <?php endforeach; ?>
                    </div>
                    <p class="crm-ba-closing">Você trabalha mais.<br>A equipe corre mais.<br>Mas a operação continua dependendo de esforço para funcionar.</p>
                </article>

                <div class="crm-ba-arrow" aria-hidden="true">ANTES &rarr; DEPOIS</div>

                <article class="crm-ba-panel after">
                    <div class="crm-ba-panel-head">
                        <span class="crm-ba-mark">&#10003;</span>
                        <div>
                            <span class="crm-ba-label">DEPOIS</span>
                            <h3>Operação baseada em estrutura</h3>
                            <p>Processos claros, informações organizadas e acompanhamento consistente.</p>
                        </div>
                    </div>
                    <div class="crm-ba-list">
                        <?php foreach ($after_items as $item) : ?>
                            <div class="crm-ba-item">
                                <span class="crm-ba-icon" aria-hidden="true">&#10003;</span>
                                <p><strong><?php echo esc_html($item[0]); ?></strong><?php echo esc_html($item[1]); ?></p>
                            </div>
                        <?php endforeach; ?>
                    </div>
                    <p class="crm-ba-closing">Mais clareza para a equipe.<br>Mais profissionalismo para o cliente.<br>Mais previsibilidade para o crescimento.</p>
                </article>
            </div>

            <div class="crm-ba-impact">
                <strong>Isso muda tudo</strong>
                <p>Não estamos contratando um CRM.</p>
                <p>Estamos organizando a operação para crescer de forma mais estruturada.</p>
            </div>
        </div>
    </section>

    <section class="crm-methodology">
        <div class="pulsar-shell">
            <div class="crm-methodology-head">
                <p class="pulsar-eyebrow">Metodologia</p>
                <h2>Como transformamos operações em estruturas de crescimento</h2>
                <p>Cada negócio possui processos, canais e necessidades diferentes. Antes de indicar ferramentas, entendemos como sua operação funciona e desenhamos a estrutura mais adequada para o seu momento.</p>
            </div>

            <div class="crm-timeline">
                <?php foreach ($timeline_steps as $index => $step) : ?>
                    <article class="crm-timeline-step<?php echo $index % 2 ? ' reverse' : ''; ?>">
                        <div class="crm-timeline-copy">
                            <h3><?php echo esc_html($step['title']); ?></h3>
                            <p><?php echo esc_html($step['text']); ?></p>
                            <ul class="crm-step-list">
                                <?php foreach ($step['items'] as $step_item) : ?>
                                    <li><?php echo esc_html($step_item); ?></li>
                                <?php endforeach; ?>
                            </ul>
                            <p class="crm-step-highlight"><?php echo esc_html($step['highlight']); ?></p>
                        </div>
                        <div class="crm-timeline-media">
                            <img src="<?php echo esc_url($step['image']); ?>" alt="<?php echo esc_attr($step['title']); ?>">
                        </div>
                    </article>
                <?php endforeach; ?>
            </div>

            <div class="crm-method-closing">
                <p class="pulsar-eyebrow">Estrutura antes da tecnologia</p>
                <h3>Primeiro entendemos a operação. Depois organizamos os processos. Só então definimos quais tecnologias fazem sentido.</h3>
                <p>A maioria das empresas procura uma ferramenta para resolver um problema. Nós fazemos o caminho inverso, porque é isso que transforma crescimento em algo sustentável.</p>
            </div>
        </div>
    </section>

    <section class="crm-tools">
        <div class="pulsar-shell">
            <div class="crm-section-heading crm-section-heading-centered">
                <p class="pulsar-eyebrow">Possibilidades de implementação</p>
                <h2>As ferramentas entram depois que a estrutura está clara.</h2>
                <p>Dependendo da realidade da empresa, a solução pode envolver recursos simples, ferramentas que você já utiliza ou novas integrações. O ponto de partida é sempre a lógica da operação.</p>
            </div>
            <div class="crm-tools-grid">
                <?php foreach ($tool_options as $tool) : ?>
                    <article>
                        <h3><?php echo esc_html($tool[0]); ?></h3>
                        <p><?php echo esc_html($tool[1]); ?></p>
                    </article>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="pulsar-diagnostic crm-final">
        <div class="pulsar-shell pulsar-diagnostic-box">
            <p class="pulsar-eyebrow">Próximo passo</p>
            <h2>O problema talvez não seja falta de tecnologia. Talvez seja falta de estrutura.</h2>
            <p>O Diagnóstico Estratégico existe para identificar gargalos, oportunidades e a organização mais adequada para a realidade do seu negócio.</p>
            <div class="agents-actions center">
                <a class="pulsar-button" href="<?php echo esc_url($diagnostic_url); ?>">Agendar reunião de diagnóstico</a>
            </div>
        </div>
    </section>
</main>

<?php get_footer(); ?>