<?php
/**
 * Front page template.
 */
if (!defined('ABSPATH')) {
    exit;
}

get_header();

$insights = new WP_Query(
    array(
        'post_type' => 'post',
        'posts_per_page' => 3,
        'ignore_sticky_posts' => true,
    )
);
?>
<div class="ed-wrap">
  <section class="ed-hero" id="approach">
    <div>
      <span class="ed-eyebrow">System-Level Transformation</span>
      <h1>Better Customer Outcomes Start Inside The System.</h1>
      <p class="ed-hero-copy">We uncover root causes, redesign the flow of work, and build capability for sustained change. Evoke Dialogue helps leadership teams move beyond break-fix responses to whole-business transformation.</p>
      <div class="ed-cta">
        <a class="ed-btn ed-btn-primary" href="<?php echo esc_url(home_url('/contact/')); ?>">Book A Strategy Conversation</a>
        <a class="ed-btn ed-btn-secondary" href="<?php echo esc_url(home_url('/services/')); ?>">Read Our Transformation Approach</a>
      </div>
    </div>

    <div class="ed-diagram" aria-hidden="true">
      <div class="ed-node ed-n1"><b>Customer Signals</b>Experience data, friction points</div>
      <div class="ed-node ed-n2"><b>Leadership Decisions</b>Governance and priorities</div>
      <div class="ed-node ed-n3"><b>Work Design</b>Flow, handoffs, capability</div>
      <div class="ed-node ed-n4"><b>Operating Outcomes</b>Trust, speed, quality</div>
      <div class="ed-node ed-n5"><b>System Map</b>Diagnose -&gt; Redesign -&gt; Embed</div>
      <div class="ed-line ed-l1"></div>
      <div class="ed-line ed-l2"></div>
      <div class="ed-line ed-l3"></div>
      <div class="ed-line ed-l4"></div>
    </div>
  </section>

  <section class="ed-section" id="services">
    <h2>Service Pillars</h2>
    <p class="ed-sub">Focused interventions that convert recurring issues into structural improvement.</p>

    <div class="ed-grid-3">
      <article class="ed-card">
        <h3>Diagnostic</h3>
        <p>Journey and service-system mapping to reveal where customer value breaks down and why issues repeat.</p>
      </article>
      <article class="ed-card">
        <h3>Redesign</h3>
        <p>Operating model and workflow redesign aligned to better customer outcomes and healthier team dynamics.</p>
      </article>
      <article class="ed-card">
        <h3>Capability</h3>
        <p>Leadership coaching and internal enablement to sustain change after the engagement ends.</p>
      </article>
    </div>

    <div class="ed-process">
      <div class="ed-step">1. Discover</div>
      <div class="ed-step">2. Diagnose</div>
      <div class="ed-step">3. Redesign</div>
      <div class="ed-step">4. Embed</div>
    </div>
  </section>

  <section class="ed-section" id="outcomes">
    <h2>Case Outcomes</h2>
    <p class="ed-sub">Representative impact from cross-industry transformation work.</p>

    <div class="ed-outcomes">
      <div class="ed-metrics">
        <div class="ed-kpi"><strong>31%</strong><span>Reduction in repeat demand</span></div>
        <div class="ed-kpi"><strong>22%</strong><span>Faster end-to-end delivery flow</span></div>
        <div class="ed-kpi"><strong>18%</strong><span>Improvement in customer sentiment</span></div>
      </div>

      <aside class="ed-quote">"This shifted us from firefighting to intentional system design. We are making fewer reactive decisions and seeing stronger customer trust."<small>Executive Sponsor, National Service Organisation</small></aside>
    </div>
  </section>

  <section class="ed-section" id="insights">
    <h2>Insights</h2>
    <p class="ed-sub">Thinking on customer strategy, leadership behavior, and systems design.</p>

    <div class="ed-post-grid">
      <?php if ($insights->have_posts()) : ?>
        <?php while ($insights->have_posts()) : $insights->the_post(); ?>
          <?php $image_markup = evoke_dialogue_post_card_image(get_the_ID(), 'medium_large'); ?>
          <article class="ed-post-card">
            <?php if (!empty($image_markup)) : ?>
              <div class="ed-card-media">
                <a href="<?php the_permalink(); ?>"><?php echo wp_kses_post($image_markup); ?></a>
              </div>
            <?php endif; ?>
            <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
            <p><?php echo esc_html(wp_trim_words(get_the_excerpt(), 18)); ?></p>
            <div class="ed-post-meta"><?php echo esc_html(get_the_date('j M Y')); ?></div>
          </article>
        <?php endwhile; ?>
      <?php else : ?>
        <article class="ed-post-card">
          <h3>Insights Coming Soon</h3>
          <p>Thought leadership on customer strategy, systems thinking, and leadership transformation will appear here.</p>
        </article>
      <?php endif; ?>
      <?php wp_reset_postdata(); ?>
    </div>
  </section>
</div>
<?php
get_footer();