<?php
declare(strict_types=1);
$pageTitle = 'Module 2 — Lead Generation';
require_once __DIR__ . '/includes/header.php';
?>
  <main>
    <section class="hero">
      <div class="container hero-grid">
        <div class="panel">
          <span class="eyebrow">Module 2 • Traffic</span>
          <h1>Lead Generation</h1>
          <p><strong>Start Here:</strong> Complete this module in order. Watch the video first, then listen to the audio, then review the guide, and complete the action steps before moving forward.</p>
          <p class="lead">
            This module focuses on getting the right people into your funnel. Work through it in order so you understand traffic, opt-in strategy, and how to bring qualified subscribers into your list-building system.
          </p>
          <div class="btn-row">
            <a class="btn btn-primary" href="#lesson-flow">Start Lesson Flow</a>
            <a class="btn btn-secondary" href="dashboard.php">Back to Dashboard</a>
          </div>
          <div class="progress"><span></span></div>
          <p class="small">Suggested completion target: finish this module before moving to Module 3.</p>
        </div>

        <aside class="panel">
          <h2>What You Will Cover</h2>
          <ul class="lesson-list" style="margin-top:0">
            <li>Lesson 1 — What lead generation is</li>
            <li>Lesson 2 — How traffic reaches your opt-in page</li>
            <li>Lesson 3 — Bringing in qualified subscribers</li>
            <li>Lesson 4 — First traffic action steps</li>
          </ul>
        </aside>
      </div>
    </section>

    <section class="section" id="lesson-flow">
      <div class="container">
        <h2>Course Flow</h2>
        <p class="muted">
          This page is designed like a lesson experience. Watch first, then listen, then review the guide, then complete your action steps.
        </p>

        <div class="grid-4">
          <article class="card">
            <div class="module-number">1</div>
            <div class="kicker">Watch</div>
            <h3>Video Lesson</h3>
            <p>Start with the main training video so you get the full teaching in context.</p>
          </article>

          <article class="card">
            <div class="module-number">2</div>
            <div class="kicker">Listen</div>
            <h3>Audio Lesson</h3>
            <p>Use the audio to reinforce the training and review the ideas again.</p>
          </article>

          <article class="card">
            <div class="module-number">3</div>
            <div class="kicker">Read</div>
            <h3>PDF Guide</h3>
            <p>Open the written guide and study the framework at your own pace.</p>
          </article>

          <article class="card">
            <div class="module-number">4</div>
            <div class="kicker">Apply</div>
            <h3>Action Steps</h3>
            <p>Use the checklist and quiz placeholder to turn learning into implementation.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container grid-2">
        <div class="panel video-box">
          <h2>Lesson Video</h2>
          <p class="muted">
            Upload your Module 2 MP4 into
            <code class="inline">assets/videos/</code> and update the file name below.
          </p>
          <video controls width="100%">
            <source src="assets/videos/sample-video.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
          <div class="callout" style="margin-top:1rem;">
            Watch this lesson first to understand how traffic and lead flow connect to your opt-in process.
          </div>
        </div>

        <div class="panel resource-box">
          <h2>Lesson Audio</h2>
          <p class="muted">
            Upload your Module 2 MP3 into <code class="inline">assets/audio/</code> and update the file name below.
          </p>
          <audio controls style="width:100%;">
            <source src="assets/audio/sample-audio.mp3" type="audio/mpeg">
            Your browser does not support the audio tag.
          </audio>
          <ul class="lesson-list">
            <li>Best use: replay for reinforcement</li>
            <li>Good for review after watching the video</li>
            <li>Helps keep the traffic principles in front of you</li>
          </ul>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container grid-2">
        <div class="panel resource-box">
          <h2>Module Guide</h2>
          <p class="muted">
            Upload your Module 2 PDF into <code class="inline">assets/pdfs/</code> and update the file name below.
          </p>
          <div class="resource-links" style="grid-template-columns:1fr;">
            <a href="assets/pdfs/sample-guide.pdf" target="_blank" rel="noopener">Open Module 2 PDF Guide</a>
          </div>
          <div class="callout" style="margin-top:1rem;">
            Use this guide to support the lesson and review the traffic and lead-generation framework.
          </div>
        </div>

        <div class="panel quiz-box">
          <h2>Knowledge Check</h2>
          <p class="muted">Use these questions for self-review.</p>
          <ul class="lesson-list">
            <li>What is the purpose of lead generation in a funnel?</li>
            <li>Why is qualified traffic better than random traffic?</li>
            <li>What role does the opt-in page play in lead generation?</li>
            <li>What are your first traffic sources to test?</li>
          </ul>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container">
        <div class="panel">
          <h2>Action Steps</h2>
          <p class="muted">
            Complete these before moving into Module 3.
          </p>
          <ul class="lesson-list">
            <li>Watch the full Module 2 video</li>
            <li>Listen to the companion audio lesson</li>
            <li>Read the Module 2 PDF guide</li>
            <li>Choose your first 1–2 traffic sources</li>
            <li>Write down how traffic will flow into your opt-in page</li>
          </ul>
        </div>
      </div>
    </section>
  </main>
<?php require_once __DIR__ . '/includes/footer.php'; ?>