{% extends base_template %}
{% block title %}{{ event.name }} · Home{% endblock %}
{% block content %}
<section class="hero" style="--hero-bg: url('{{ url_for('static', path='images/header-placeholder.svg') }}')">
  <div class="container hero-grid">
    <div class="hero-copy reveal">
      <p class="eyebrow">{{ event.focus }}</p>
      <h1>{{ event.name }}</h1>
      <p class="hero-lead">{{ event.tagline }}</p>
      <div class="hero-meta">
        <span>{{ event.dates }}</span>
        <span>{{ event.venue }}</span>
      </div>
      <div class="hero-actions">
        <a class="button primary" href="/events">Explore Modules</a>
        <a class="button ghost" href="/sponsors">Sponsor Placeholder</a>
      </div>
    </div>
    <div class="hero-panel reveal delay-1">
      <div class="terminal-card" aria-label="Event command panel">
        <div class="terminal-bar"><span></span><span></span><span></span></div>
        <pre><code>root@bcs-ict-fest:~$ launch 2026
status: national_ict_festival_ready
modules: {{ modules|length }}
partners: {{ partner_categories|length }} categories
focus: innovation + cybersecurity + career</code></pre>
      </div>
    </div>
  </div>
</section>

<section class="section stats-section">
  <div class="container stats-grid">
    {% for stat in stats %}
    <article class="stat-card reveal">
      <strong>{{ stat.value }}</strong>
      <span>{{ stat.label }}</span>
    </article>
    {% endfor %}
  </div>
</section>

<section class="section">
  <div class="container section-head reveal">
    <p class="eyebrow">Event Modules</p>
    <h2>All major activities under one national ICT platform</h2>
    <p>Every module is presented as a public event track for participants, partners, sponsors and guests.</p>
  </div>
  <div class="container card-grid three">
    {% for module in featured_modules %}
    <article class="module-card reveal">
      <span class="module-id">{{ module.id }}</span>
      <h3>{{ module.title }}</h3>
      <p>{{ module.summary }}</p>
      <a href="/events/{{ module.slug }}">View details</a>
    </article>
    {% endfor %}
  </div>
  <div class="container center reveal">
    <a class="button ghost" href="/events">View all {{ modules|length }} modules</a>
  </div>
</section>

<section class="section split-section">
  <div class="container split-grid">
    <div class="reveal">
      <p class="eyebrow">Sponsors</p>
      <h2>Sponsor visibility placeholders</h2>
      <p>Ready-made sponsor areas are included for title, powered by, platinum, gold, silver, bronze and module-based sponsorship.</p>
      <a class="button primary" href="/sponsors">Open sponsor page</a>
    </div>
    <div class="placeholder-wall reveal delay-1">
      {% for sponsor in sponsor_categories[:6] %}
      <div class="placeholder-logo">{{ sponsor }}</div>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section">
  <div class="container section-head reveal">
    <p class="eyebrow">Three-Day Flow</p>
    <h2>Program schedule preview</h2>
  </div>
  <div class="container timeline-grid">
    {% for day in schedule %}
    <article class="timeline-day reveal">
      <span>{{ day.day }}</span>
      <h3>{{ day.date }}</h3>
      {% for item in day['items'][:3] %}
      <p><strong>{{ item.time }}</strong> · {{ item.title }}</p>
      {% endfor %}
    </article>
    {% endfor %}
  </div>
</section>
{% endblock %}