{% import 'components/stats_section.html' as stats_component %}

{% macro hero_section(title, subtitle, icon_class="fas fa-star", stats=None, t=t) %}
<section class="hero-section py-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="hero-content">
                    <h1 class="display-3 fw-bold mb-4">{{ t(title) }}</h1>
                    <p class="lead mb-4">{{ t(subtitle) }}</p>
                    {% if stats %}
                        {{ stats_component.stats_section(stats, t) }}
                    {% endif %}
                </div>
            </div>
            <div class="col-lg-6 text-center">
                <div class="hero-visual">
                    <div class="hero-icon-wrapper">
                        <i class="{{ icon_class }} hero-main-icon"></i>
                        <div class="hero-icon-glow"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endmacro %}