{{define "content"}}
<!-- Hero -->
<div class="hero">
    <h1>⛏ MrixsCraft</h1>
    <p>Приватный Minecraft-сервер с модпаками. Зарегистрируйся, скачай лаунчер и играй с друзьями.</p>
    <div class="actions">
        <a href="/register" class="btn btn-lg">Начать играть</a>
        <a href="#servers" class="btn btn-outline btn-lg">Список серверов</a>
    </div>
</div>

<!-- Servers -->
<h2 class="section-title" id="servers">🖥 Наши серверы</h2>
<div class="grid-2" id="serversGrid">
    <div class="server-card">
        <span class="version-badge">1.21</span>
        <h3>HiTech</h3>
        <p class="meta">Технический модпак · Java 21</p>
        <p class="muted text-sm">Индустриальная автоматизация, технологии и прогресс. Строй фабрики, автоматизируй производство, покоряй энергию.</p>
        <div class="status mt-2">Онлайн</div>
    </div>
    <div class="server-card">
        <span class="version-badge">1.20</span>
        <h3>Vanilla</h3>
        <p class="meta">Ванильный сервер · Java 17</p>
        <p class="muted text-sm">Классический Minecraft без модов. Строи, исследуй, выживай — всё как в старые добрые времена.</p>
        <div class="status mt-2">Онлайн</div>
    </div>
</div>

<!-- How to start -->
<h2 class="section-title mt-2">🚀 Как начать</h2>
<div class="grid-3">
    <div class="card text-center">
        <div style="font-size:2rem;margin-bottom:0.5rem">📝</div>
        <h3>1. Регистрация</h3>
        <p>Создай аккаунт на сайте. Придумай никнейм и пароль.</p>
    </div>
    <div class="card text-center">
        <div style="font-size:2rem;margin-bottom:0.5rem">💾</div>
        <h3>2. Скачай лаунчер</h3>
        <p>Скачай лаунчер для своей ОС. Он сам скачает все нужные файлы.</p>
    </div>
    <div class="card text-center">
        <div style="font-size:2rem;margin-bottom:0.5rem">🎮</div>
        <h3>3. Играй</h3>
        <p>Авторизуйся в лаунчере, выбери сервер и нажимай PLAY.</p>
    </div>
</div>

<!-- Features -->
<h2 class="section-title mt-2">✨ Возможности</h2>
<div class="card">
    <div class="grid-2" style="gap:1.5rem">
        <div>
            <h3>🔐 Своя авторизация</h3>
            <p>Полноценная Yggdrasil-совместимая система. Скины, плащи, профили — всё работает.</p>
        </div>
        <div>
            <h3>📦 Модпаки</h3>
            <p>Готовые наборы модов с автообновлением. Лаунчер сам скачает и проверит все файлы.</p>
        </div>
        <div>
            <h3>🌐 Веб-профиль</h3>
            <p>Управляй скином и плащом прямо на сайте. Загружай PNG и они сразу в игре.</p>
        </div>
        <div>
            <h3>🔄 Автообновление</h3>
            <p>Лаунчер обновляется сам. Серверные модпаки тоже подтягиваются автоматически.</p>
        </div>
    </div>
</div>
{{end}}