{% extends "base.html" %}
{% block title %}Python 108 — Learn Python One Program a Day{% endblock %}
{% block content %}
<div class="landing">
  <div class="landing-hero">
    <div class="hero-badge">108 Programs · 15 Weeks · Zero to Pythonista</div>
    <h1 class="hero-title">Learn Python<br><span class="hero-accent">one program a day</span></h1>
    <p class="hero-sub">A complete, structured curriculum taking you from Hello World to full OOP, data science, testing, and 9 capstone projects — all in 108 daily programs.</p>
    <div class="hero-actions">
      <a href="{{ url_for('register') }}" class="btn btn-primary btn-lg">Start Learning Free</a>
      <a href="{{ url_for('login') }}" class="btn btn-outline btn-lg">I have an account</a>
    </div>
  </div>

  <div class="landing-stats">
    <div class="lstat"><div class="lstat-n">108</div><div class="lstat-l">Programs</div></div>
    <div class="lstat"><div class="lstat-n">15</div><div class="lstat-l">Weeks</div></div>
    <div class="lstat"><div class="lstat-n">12</div><div class="lstat-l">Modules</div></div>
    <div class="lstat"><div class="lstat-n">108</div><div class="lstat-l">Exercises</div></div>
  </div>

  <div class="landing-modules">
    <h2 class="section-title">What you will learn</h2>
    <div class="module-grid">
      {% for mod, icon in [
        ("Getting started","🚀"), ("Control flow","🔀"), ("Functions","🔧"),
        ("Data structures","📦"), ("Files & exceptions","💾"), ("OOP basics","🏗️"),
        ("Modules & packages","📚"), ("Iterators & generators","⚡"), ("Decorators","🎨"),
        ("Working with data","📊"), ("Concurrency & testing","🧪"), ("Capstone projects","🏆")
      ] %}
      <div class="module-card">
        <span class="module-icon">{{ icon }}</span>
        <span class="module-name">{{ mod }}</span>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}