<?php
include __DIR__ . '/../includes/header.php';
?>

<section class="section">
  <div class="container">

    <!-- Page Header -->
    <div style="margin-bottom:28px;">
      <h1 style="font-size:28px; font-weight:800; margin-bottom:6px;">
        Coding Challenge Tracks
      </h1>
      <p style="color:var(--muted); max-width:720px;">
        Professionally designed learning tracks to develop logical thinking,
        programming fundamentals, and real-world problem-solving skills.
      </p>
    </div>

    <!-- Tracks Grid -->
    <div class="grid">

      <!-- Track 1 -->
      <div class="card feature-card">
        <h3>Logic & Problem Solving</h3>
        <p>
          Strengthen reasoning skills using puzzles, patterns,
          and step-by-step thinking exercises.
        </p>
        <div style="margin-top:16px;">
          <a href="track_challenges.php?track_id=1" class="btn btn-primary">
            View Challenges
          </a>
        </div>
      </div>

      <!-- Track 2 -->
      <div class="card feature-card">
        <h3>Python Foundations</h3>
        <p>
          Learn programming basics with beginner-friendly
          challenges focused on logic and clarity.
        </p>
        <div style="margin-top:16px;">
          <a href="track_challenges.php?track_id=2" class="btn btn-primary">
            View Challenges
          </a>
        </div>
      </div>

      <!-- Track 3 -->
      <div class="card feature-card">
        <h3>Applied Thinking</h3>
        <p>
          Apply concepts to simple real-life problems
          and scenario-based coding tasks.
        </p>
        <div style="margin-top:16px;">
          <a href="track_challenges.php?track_id=3" class="btn btn-primary">
            View Challenges
          </a>
        </div>
      </div>

    </div>

  </div>
</section>

<?php
include __DIR__ . '/../includes/footer.php';
?>
