<?php
$pageTitle = "Approach";
$pageDesc = "Epic IT follows a discover, design, deliver, and improve approach built for clarity and measurable outcomes.";
$canonicalPath = "/approach.php";
$activeNav = "approach";
include __DIR__ . "/includes/header.php";
?>
<main id="main">
  <?php render_page_hero(
    "Our Approach",
    "A practical method for capability building and delivery support.",
    "We use a simple four-step approach so stakeholders know what is happening, why it matters, and what comes next.",
    [
      ["href" => "/index.php", "label" => "Home"],
      ["label" => "Approach"]
    ]
  ); ?>

  <section class="section-shell">
    <div class="container process-stack">
      <article class="timeline-card reveal">
        <span class="step">1</span>
        <h3>Discover</h3>
        <p>We identify the goals, audience needs, constraints, timing, and signals of success. This keeps the work grounded in what your team actually needs.</p>
      </article>
      <article class="timeline-card reveal">
        <span class="step">2</span>
        <h3>Design</h3>
        <p>We turn those inputs into a structured plan—either a learning architecture or a delivery roadmap with scope, milestones, and responsibilities.</p>
      </article>
      <article class="timeline-card reveal">
        <span class="step">3</span>
        <h3>Deliver</h3>
        <p>We facilitate, coordinate, document, and communicate so the work remains usable, visible, and manageable for stakeholders.</p>
      </article>
      <article class="timeline-card reveal">
        <span class="step">4</span>
        <h3>Improve</h3>
        <p>We capture feedback, identify refinements, and package next steps so your team can sustain momentum after the engagement.</p>
      </article>
    </div>
  </section>

  <section class="section-shell tight">
    <div class="container feature-grid">
      <article class="value-card reveal">
        <h3>Clarity first</h3>
        <p>Expect clear scope, explicit assumptions, and practical documentation that reduces confusion.</p>
      </article>
      <article class="value-card reveal">
        <h3>Real-world fit</h3>
        <p>Work is designed around actual teams, tools, timelines, and delivery realities—not generic best practice alone.</p>
      </article>
      <article class="value-card reveal">
        <h3>Useful outputs</h3>
        <p>Deliverables are structured to be used, maintained, and improved over time by your team.</p>
      </article>
    </div>
  </section>

  <section class="section-shell tight">
    <div class="container">
      <?php render_cta_band(
        "Want a clear plan before work begins?",
        "Tell us what your team needs and we will map out a practical approach with the right delivery structure."
      ); ?>
    </div>
  </section>
</main>
<?php include __DIR__ . "/includes/footer.php"; ?>