<?php
/**
 * Template Name: Pulsar
 * Template Post Type: page
 */

get_header();

$diagnostic_url = fm_button_link('fm_diagnostic_url', 'fm_quiz_url');
?>

<main class="pulsar-page">
    <section class="pulsar-hero"<?php echo fm_image_vars_style(array('--pulsar-hero-bg' => array('fm_pulsar_hero_bg', '/assets/pulsar-fundo-hero-pulsar.webp'))); ?>>
        <div class="pulsar-shell pulsar-hero-grid">
            <div class="pulsar-hero-copy">
                <p class="pulsar-eyebrow">Pulsar</p>
                <h1>Sua marca não precisa de mais informação.</h1>
                <p class="pulsar-lead">Precisa transformar conhecimento em movimento.</p>
                <p>Enquanto muita gente acumula cursos, ideias e ferramentas, a Pulsar ajuda você a organizar, estruturar e implementar aquilo que realmente gera crescimento.</p>
                <a class="pulsar-button" href="<?php echo esc_url($diagnostic_url); ?>">Agendar Diagnóstico Estratégico</a>
            </div>
        </div>
    </section>

    <nav class="pulsar-anchor-menu" aria-label="Navegacao da pagina Pulsar">
        <div class="pulsar-shell">
            <a href="#desafio">Desafio</a>
            <a href="#como-ajuda">Como ajuda</a>
            <a href="#solucoes">Soluções</a>
            <a href="#rota">Rota</a>
            <a href="#metodologia">Metodologia</a>
            <a href="#contato">Diagnóstico</a>
        </div>
    </nav>

    <section class="pulsar-problem" id="desafio">
        <div class="pulsar-shell pulsar-split">
            <div>
                <p class="pulsar-eyebrow">O desafio</p>
                <h2>Você já sente que tem informação suficiente, mas não sabe qual é o próximo passo?</h2>
                <p>O problema raramente é falta de conhecimento. Na maioria das vezes, o desafio é organizar as peças e transformar intenção em ação.</p>
            </div>
            <div class="pulsar-checklist">
                <span>Muitas ideias</span>
                <span>Processos desorganizados</span>
                <span>Comunicação inconsistente</span>
                <span>Ferramentas que não conversam entre si</span>
                <span>Falta de tempo para estruturar tudo</span>
                <span>IA interessante, mas difícil de implementar</span>
            </div>
        </div>
    </section>

    <section class="pulsar-connect" id="como-ajuda">
        <div class="pulsar-shell pulsar-connect-grid">
            <div class="pulsar-image-frame">
                <img src="<?php echo fm_image_url('fm_pulsar_connect_image', '/assets/pulsar-pulsar-processos.webp'); ?>" alt="Processos e conexões estratégicas da Pulsar">
            </div>
            <div>
                <p class="pulsar-eyebrow">Como trabalhamos</p>
                <h2>Entendemos antes de indicar. Estruturamos antes de implementar.</h2>
                <p>Antes de apontar uma solução, a Pulsar organiza o caminho. Esta leitura evita excesso de opções, reduz improviso e ajuda cada marca a entender qual é o próximo passo mais coerente.</p>
            </div>
        </div>
        <div class="pulsar-shell">
            <div class="pulsar-workflow" aria-label="Etapas de trabalho da Pulsar">
                <article>
                    <span class="pulsar-workflow-number">01</span>
                    <h3>Diagnóstico</h3>
                    <p>Entendemos o momento da marca, os desafios atuais e o que realmente precisa ser construído.</p>
                    <small>Comunicação · Processos · Presença · Operação</small>
                </article>
                <article>
                    <span class="pulsar-workflow-number">02</span>
                    <h3>Direção</h3>
                    <p>Identificamos prioridades e definimos quais soluções fazem sentido para o momento do negócio.</p>
                    <small>IA · CRM · Posicionamento · Presença Digital</small>
                </article>
                <article>
                    <span class="pulsar-workflow-number">03</span>
                    <h3>Estrutura</h3>
                    <p>Organizamos processos, comunicação, ferramentas e ativos digitais para criar uma base mais consistente.</p>
                    <small>Menos improviso · Mais clareza · Mais integração</small>
                </article>
                <article>
                    <span class="pulsar-workflow-number">04</span>
                    <h3>Movimento</h3>
                    <p>Acompanhamos a implementação para que crescimento não dependa apenas de esforço, mas de uma estrutura capaz de sustentar resultados.</p>
                </article>
            </div>
        </div>
    </section>

    <section class="pulsar-solutions" id="solucoes">
        <div class="pulsar-shell">
            <div class="pulsar-section-title">
                <p class="pulsar-eyebrow">Soluções</p>
                <h2>Organização, tecnologia e estratégia trabalhando juntas.</h2>
            </div>
            <div class="pulsar-card-grid">
                <a class="pulsar-service-card" href="<?php echo fm_link('fm_pulsar_ai_url', '/pulsar-assistentes-estrategicas-com-ia/'); ?>">
                    <img src="<?php echo fm_image_url('fm_pulsar_ai_image', '/assets/pulsar-agentes-IA.webp'); ?>" alt="">
                    <h3>Assistentes Estratégicas com IA</h3>
                    <p>Assistentes personalizadas treinadas para a realidade do negócio.</p>
                    <ul>
                        <li>Organização de informações</li>
                        <li>Conteúdo e atendimento</li>
                        <li>Processos e tomada de decisão</li>
                    </ul>
                </a>
                <a class="pulsar-service-card" href="<?php echo fm_link('fm_pulsar_crm_url', '/pulsar-organizacao-digital-e-crm/'); ?>">
                    <img src="<?php echo fm_image_url('fm_pulsar_crm_image', '/assets/pulsar-estrutura-empresas.webp'); ?>" alt="">
                    <h3>Organização Digital e CRM</h3>
                    <p>Estruturar processos e relacionamento com clientes.</p>
                    <ul>
                        <li>CRM e automações</li>
                        <li>Acompanhamento de leads</li>
                        <li>Jornadas de atendimento</li>
                    </ul>
                </a>
                <a class="pulsar-service-card" href="<?php echo fm_link('fm_pulsar_positioning_url', '/pulsar-posicionamento-e-perfil-vitrine/'); ?>">
                    <img src="<?php echo fm_image_url('fm_pulsar_positioning_image', '/assets/pulsar-conexao.webp'); ?>" alt="">
                    <h3>Posicionamento e Perfil Vitrine</h3>
                    <p>Organização da presença digital para tornar a comunicação mais clara.</p>
                    <ul>
                        <li>Instagram e LinkedIn</li>
                        <li>Posicionamento</li>
                        <li>Comunicação estratégica</li>
                    </ul>
                </a>
                <a class="pulsar-service-card" href="<?php echo fm_link('fm_pulsar_funnels_url', '/pulsar-operacao-cometa/'); ?>">
                    <img src="<?php echo fm_image_url('fm_pulsar_cometa_image', '/assets/pulsar-cometa-farol.webp'); ?>" alt="">
                    <h3>Presença Digital e Conversão</h3>
                    <p>Estrutura digital própria para autoridade, relacionamento e conversão.</p>
                    <ul>
                        <li>Site institucional</li>
                        <li>Blog e formulários</li>
                        <li>WhatsApp, Google e integrações</li>
                    </ul>
                </a>
            </div>
        </div>
    </section>

    <section class="pulsar-consulting pulsar-route" id="rota">
        <div class="pulsar-shell pulsar-consulting-grid">
            <div class="pulsar-consulting-image">
                <img src="<?php echo fm_image_url('fm_pulsar_consulting_image', '/assets/pulsar-fernanda.webp'); ?>" alt="Fernanda em consultoria estratégica">
            </div>
            <div class="pulsar-consulting-copy">
                <p class="pulsar-eyebrow">Rota de Alinhamento</p>
                <h2>Nem todo desafio exige um projeto completo.</h2>
                <p>Algumas vezes, um ajuste na direção já muda toda a trajetória.</p>
                <p>A Rota de Alinhamento é uma experiência estratégica de curta duração criada para profissionais e marcas que precisam resolver um desafio específico com mais clareza, estrutura e acompanhamento.</p>
                <p>Em dois encontros práticos, transformamos um ponto de bloqueio em um plano possível de executar.</p>
                <a class="pulsar-button" href="<?php echo fm_link('fm_pulsar_consulting_url', '/pulsar/consultoria-estrategica/'); ?>">Ver se a Rota é para mim</a>
            </div>
        </div>
    </section>

    <section class="pulsar-method" id="metodologia"<?php echo fm_image_vars_style(array('--pulsar-method-bg' => array('fm_pulsar_method_bg', '/assets/pulsar-fundo-planeta.webp'))); ?>>
        <div class="pulsar-shell pulsar-method-grid">
            <div>
                <p class="pulsar-eyebrow">Nossa metodologia</p>
                <h2>Crescimento não acontece por acaso.</h2>
                <div class="pulsar-method-copy">
                    <p>Muitas marcas têm potencial. Algumas têm talento. Outras têm boas ideias. Outras já possuem clientes.</p>
                    <p>Mas potencial sozinho não gera crescimento sustentável.</p>
                    <p>É preciso organizar prioridades, criar estrutura e transformar intenção em movimento.</p>
                    <p>A Pulsar existe para ajudar sua marca a construir esse caminho.</p>
                </div>
            </div>
            <div class="pulsar-method-steps">
                <article>
                    <strong>Direção</strong>
                    <p>Antes de implementar qualquer solução, entendemos o que realmente precisa ser construído.</p>
                </article>
                <article>
                    <strong>Estrutura</strong>
                    <p>Organizamos comunicação, processos, presença digital e operação para que tudo funcione de forma integrada.</p>
                </article>
                <article>
                    <strong>Movimento</strong>
                    <p>Acompanhamos a evolução da marca para que crescimento não dependa apenas de esforço, mas de um sistema capaz de sustentar resultados.</p>
                </article>
            </div>
        </div>
    </section>

    <section class="pulsar-transition">
        <div class="pulsar-shell pulsar-transition-box">
            <h2>Nem sempre a solução mais cara é a solução certa.</h2>
            <p>Algumas marcas precisam organizar processos. Outras precisam fortalecer sua presença digital. Outras precisam estruturar tecnologia, CRM ou automações.</p>
            <p>Antes de indicar qualquer caminho, acreditamos que é preciso entender a realidade da sua marca.</p>
        </div>
    </section>

    <section class="pulsar-diagnostic" id="contato">
        <div class="pulsar-shell pulsar-diagnostic-box">
            <p class="pulsar-eyebrow">Diagnóstico Estratégico</p>
            <h2>Descubra onde sua marca precisa de mais impulso agora.</h2>
            <p>30 minutos para analisar sua realidade e identificar os próximos passos mais importantes.</p>
            <div class="pulsar-tags">
                <span>Comunicação</span>
                <span>Posicionamento</span>
                <span>Organização</span>
                <span>Atendimento</span>
                <span>Presença Digital</span>
                <span>Crescimento</span>
                <span>Estrutura</span>
            </div>
            <a class="pulsar-button" href="<?php echo esc_url($diagnostic_url); ?>">Solicitar meu diagnóstico</a>
        </div>
    </section>
</main>

<?php get_footer(); ?>