<?php
declare(strict_types=1);
$pageTitle = 'Module 1 — Foundations of List Building';
require_once __DIR__ . '/includes/header.php';
?>
  <main>
    <section class="hero">
      <div class="container hero-grid">
        <div class="panel">
          <span class="eyebrow">Module 1 • Start Here</span>
          <h1>Foundations of List Building</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 is your starting point. Work through it in order so you understand
            the purpose of list building, the basic funnel structure, and how your content,
            squeeze page, autoresponder, and offer fit together.
          </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 2.</p>
        </div>

        <aside class="panel">
          <h2>What You Will Cover</h2>
          <ul class="lesson-list" style="margin-top:0">
            <li>Lesson 1 — What list building really is</li>
            <li>Lesson 2 — Why the list is the real asset</li>
            <li>Lesson 3 — Funnel basics: opt-in, follow-up, offer, members area</li>
            <li>Lesson 4 — First action steps to launch your system</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">
            This is the main visual lesson for Module 1. Upload your MP4 into
            <code class="inline">assets/videos/</code> and keep the file name below.
          </p>
          <video controls width="100%">
            <source src="assets/videos/Gotalist.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
          <div class="callout" style="margin-top:1rem;">
            Start here first. Watch this lesson before moving to the audio and PDF.
          </div>
        </div>

        <div class="panel resource-box">
          <h2>Lesson Audio</h2>
          <p class="muted">
            Use the audio to review the teaching and reinforce the principles while working or traveling.
          </p>
          <audio controls style="width:100%;">
            <source src="assets/audio/howtobuildalistofeagersubscribers.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 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">
            Your guide covers the foundations of list building, including the role of squeeze pages,
            autoresponders, giveaways, follow-up emails, and monetization strategy.
          </p>
          <div class="resource-links" style="grid-template-columns:1fr;">
            <a href="assets/pdfs/Got A List.pdf" target="_blank" rel="noopener">Open Module 1 PDF Guide</a>
          </div>
          <div class="callout" style="margin-top:1rem;">
            Review pages covering the introduction, tools you need, squeeze pages, follow-up emails, and monetization strategy.
          </div>
        </div>

        <div class="panel quiz-box">
          <h2>Knowledge Check</h2>
          <p class="muted">This placeholder can later become a real quiz. For now, use these questions for self-review.</p>
          <ul class="lesson-list">
            <li>What is the main purpose of building a list?</li>
            <li>What are the core parts of a basic list building funnel?</li>
            <li>Why is the giveaway or incentive so important?</li>
            <li>Why should follow-up emails be regular and relevant?</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 traffic and lead generation.
          </p>
          <ul class="lesson-list">
            <li>Watch the full Module 1 video</li>
            <li>Listen to the companion audio lesson</li>
            <li>Read the PDF guide from beginning to end</li>
            <li>Write down your basic funnel: opt-in page, thank you page, sales page, members area</li>
            <li>Identify your first free incentive and first paid offer</li>
          </ul>
        </div>
      </div>
    </section>
  </main>
<?php require_once __DIR__ . '/includes/footer.php'; ?>
