{% extends "base.html" %}

{% block content %}
<div class="container">
    
    <header class="hero">
        <h1>{{ project_name }}<span class="dot">.</span></h1>
        <p class="subtitle">
            Your application is ready. Edit <code>app.py</code> to start building or 
            check the <code>templates/</code> folder to customize this page.
        </p>
    </header>

    <div class="info-grid">
        <div class="card">
            <strong>Framework</strong>
            <span>Flask Application</span>
            <p class="card-desc">A flexible and lightweight WSGI web framework for Python.</p>
        </div>

        <div class="card">
            <strong>Architecture</strong>
            <span>{{ structure }}</span>
            <p class="card-desc">Current project structure generated by the py-create CLI.</p>
        </div>

    </div>

    <section class="stack-section">
        <h2>Tech Stack</h2>
        <div class="tech-stack">
            <div class="tech">
                <img src="https://cdn.worldvectorlogo.com/logos/flask.svg" alt="Flask">
                <span>Flask</span>
            </div>
            <div class="tech">
                <img src="https://cdn.worldvectorlogo.com/logos/python-5.svg" alt="Python">
                <span>Python</span>
            </div>
            <div class="tech">
                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Jinja_software_logo.svg/960px-Jinja_software_logo.svg.png" alt="Jinja2">
                <span>Jinja2</span>
            </div>
        </div>
    </section>

</div>
{% endblock %}