{% extends "base.html" %}

{% block title %}The Bundle{% endblock %}

{% block styles %}
<link rel="stylesheet" href="{{ url_for('home', path='styles.css') }}" />
{% endblock %}

{% block content %}
<main class="landing">
    <header>
        <p class="eyebrow">Welcome to The Bundle</p>
        <h1>Choose a lab to explore.</h1>
        <p class="lede">Every lab is powered by Bundle primitives, sharing transports, telemetry, and tracing.</p>
    </header>
    <section class="sections">
        {% for section in sections %}
        <article class="card">
            <div>
                <h2>{{ section.name }}</h2>
                <p>{{ section.description }}</p>
            </div>
            <a class="primary" href="{{ section.href }}">Open</a>
        </article>
        {% endfor %}
    </section>
</main>
{% endblock %}