{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="container py-5 text-center">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <h1 class="display-3 fw-bold text-white mb-4">Master of Tones <span class="text-warning">v2.0</span></h1>
            <p class="lead text-secondary mb-5">
                Experience the ultimate multi-effects suite as a standalone 64-bit application. 
                Full ASIO/WASAPI support, zero-latency monitoring, and dual-IR loader integration.
            </p>

            <div class="row g-4 mb-5">
                <div class="col-md-6">
                    <div class="card bg-dark border-secondary h-100 p-4 shadow">
                        <i class="bi bi-windows display-4 text-info mb-3"></i>
                        <h3>Windows 64-bit</h3>
                        <p class="text-muted">Standalone & VST3 Included</p>
                        <button class="btn btn-info fw-bold w-100 mt-auto">DOWNLOAD (.exe)</button>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card bg-dark border-secondary h-100 p-4 shadow">
                        <i class="bi bi-apple display-4 text-white mb-3"></i>
                        <h3>macOS (Silicon/Intel)</h3>
                        <p class="text-muted">Standalone & AU/VST3</p>
                        <button class="btn btn-light fw-bold w-100 mt-auto">DOWNLOAD (.dmg)</button>
                    </div>
                </div>
            </div>

            <div class="p-4 bg-black border border-warning rounded shadow-sm text-start">
                <h5 class="text-warning mb-3"><i class="bi bi-gear-fill me-2"></i>Minimum Requirements</h5>
                <ul class="text-secondary small">
                    <li>Windows 10/11 64-bit or macOS 11+</li>
                    <li>Intel Core i5 / Apple M1 or better</li>
                    <li>8GB RAM</li>
                    <li>ASIO compatible audio interface (recommended)</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}
