{% extends "base.html" %}

{% block content %}
<div class="page-header">
    <h1>About This Demo</h1>
</div>

<section class="content">
    <h2>What is Fastband MCP?</h2>
    <p>
        Fastband MCP is a universal AI-powered development platform that provides
        intelligent tools, ticket management, and multi-agent coordination for
        software development projects.
    </p>

    <h2>How This Demo Uses Fastband</h2>
    <p>
        This Flask web application demonstrates how to structure a project
        that leverages Fastband MCP for:
    </p>
    <ul>
        <li>Project configuration via <code>.fastband/config.yaml</code></li>
        <li>Development task tracking with the ticket CLI</li>
        <li>AI-assisted development through the MCP server</li>
    </ul>

    <h2>Try It Out</h2>
    <p>
        Check the project's README.md for step-by-step instructions on
        using Fastband MCP with this web application.
    </p>
</section>
{% endblock %}