<section class="hero-section">
    <div class="hero-copy">
        <div class="eyebrow"><i class="bi bi-lightning-charge-fill"></i> Граждански действия без бюрократичен шум</div>
        <h1>Познавай правата си.<br>Действай.</h1>
        <p>CiviGO.eu превръща сигнали, ЗДОИ заявления, петиции и жалби в ясни документи с правилна институция, срокове, карта и проследяване.</p>
        <div class="hero-actions">
            <a class="btn btn-success btn-lg" href="/reports/new"><i class="bi bi-megaphone"></i> Подай сигнал</a>
            <a class="btn btn-dark btn-lg" href="/assistant"><i class="bi bi-robot"></i> AI Асистент</a>
            <a class="btn btn-outline-dark btn-lg" href="/handbook"><i class="bi bi-journal-bookmark"></i> Наръчник</a>
        </div>
        <div class="hero-trust">
            <span><i class="bi bi-shield-check"></i> CSRF и rate limiting</span>
            <span><i class="bi bi-database-check"></i> MySQL prepared statements</span>
            <span><i class="bi bi-phone"></i> PWA ready</span>
        </div>
    </div>
    <div class="hero-visual">
        <img src="<?= asset('img/civigo-hero-dashboard.png') ?>" alt="Модерен CiviGO dashboard с карта, AI асистент и статистики">
    </div>
</section>

<section class="landing-stats">
    <?php foreach ($stats as $stat): ?>
        <article>
            <i class="bi <?= e($stat['icon']) ?>"></i>
            <strong><?= e($stat['value']) ?></strong>
            <span><?= e($stat['label']) ?></span>
            <small><?= e($stat['trend']) ?></small>
        </article>
    <?php endforeach; ?>
</section>

<section class="landing-modules">
    <div class="section-heading">
        <span>Платформа</span>
        <h2>Всичко важно за активния гражданин в един премиум работен плот.</h2>
    </div>
    <div class="module-grid">
        <?php
        $modules = [
            ['icon' => 'bi-megaphone', 'title' => 'Report Generator', 'text' => 'Категория, адрес, GPS, снимки, институция и готов официален текст.'],
            ['icon' => 'bi-robot', 'title' => 'AI Асистент', 'text' => 'Пита уточняващи въпроси, предлага правни препратки и следващи действия.'],
            ['icon' => 'bi-file-earmark-text', 'title' => 'ЗДОИ Wizard', 'text' => 'Генерира заявление, имейл версия и срокове за отговор.'],
            ['icon' => 'bi-map', 'title' => 'Интерактивна карта', 'text' => 'Leaflet, OpenStreetMap, статуси, филтри и heatmap-ready данни.'],
            ['icon' => 'bi-bank', 'title' => 'Институции', 'text' => 'Контакти, отговорности, работно време, портали и срокове.'],
            ['icon' => 'bi-bar-chart', 'title' => 'Прозрачност', 'text' => 'Обективни статистики по проверени данни, без оценъчен език.'],
        ];
        ?>
        <?php foreach ($modules as $module): ?>
            <article class="module-card">
                <span><i class="bi <?= e($module['icon']) ?>"></i></span>
                <h3><?= e($module['title']) ?></h3>
                <p><?= e($module['text']) ?></p>
            </article>
        <?php endforeach; ?>
    </div>
</section>

<section class="landing-cta">
    <div>
        <span>Готов старт</span>
        <h2>Отвори платформата и виж пълния граждански dashboard.</h2>
    </div>
    <a class="btn btn-success btn-lg" href="/dashboard">Влез в демото</a>
</section>
