<section class="homepage-hero">
    <div class="container-fluid max-height">
        <div class="row justify-center max-height">
            <div class="col-lg-10 col-xxl-11">
                <div class="offset-md-1 offset-lg-0 col-md-8 col-xl-8 col-xxl-7 homepage-hero__wrap">
                    <h1 class="homepage-hero__title" data-text="{{ fields.main_title }}">{{ fields.main_title }}</h1>
                    <h3>{{ fields.subtitle }}</h3>
                    <div>
                      <button class="homepage-hero__scroll-hint" type="button" data-scroll-hint>
                        <img src="{{ function('get_frontend_static_asset', 'assets/images/decorative-arrow.svg') }}" alt="scroll hint" />
                        <span>Check out our solutions</span>
                      </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="container-fluid d-flex justify-center homepage-hero__brands-wrap">
    <div class="col-lg-10 col-xxl-11">
        <div class="homepage-hero__brands">
            <h5 class="t-600">{{ fields.brands_title }}</h5>
            <div class="homepage-hero__brands-icons">
                {% for icon in fields.brands %}
                    <img src="{{ icon.icon }}" alt="{{ icon.alt }}" />
                {% endfor %}
            </div>
        </div>
    </div>
</div>