{% extends "pages/base.html" %}

{% block content %}
<div class="alert alert-info">
    This page loads 3 CSS files and 3 JS files individually.
    Suppressor will bundle them into fewer requests.
</div>

<div class="grid">
    <div class="card">
        <h2>Asset Capture</h2>
        <p>
            Wrap template regions with capture tags to collect
            link and script elements for bundling.
        </p>
        <button class="btn btn-primary">Learn more</button>
    </div>

    <div class="card">
        <h2>Runtime Bundling</h2>
        <p>
            Assets are concatenated and served as a single file
            per type, reducing HTTP requests.
        </p>
        <button class="btn btn-primary">Learn more</button>
    </div>

    <div class="card">
        <h2>Content Hashing</h2>
        <p>
            Bundles are content-addressed for efficient caching.
            Same inputs always produce the same bundle URL.
        </p>
        <button class="btn btn-primary">Learn more</button>
    </div>
</div>
{% endblock %}