@php
    $bannerContent = getContent('banner.content', true);
@endphp
<section class="hero bg_img"
    style="background-image: url('{{ frontendImage('banner', @$bannerContent->data_values->banner_image, '1600x900') }}'); margin-top:50px;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <div class="hero__content">
                    <h2 class="hero__title wow fadeInUp text--base" data-wow-duration="0.5s" data-wow-delay="0.3s">
                        {{ __(@$bannerContent->data_values->heading) }}</h2>
                    <p class="text-white f-size-18 mt-4 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">
                        {{ __(@$bannerContent->data_values->description) }}</p>
                    <div class="btn--group justify-content-center mt-4 wow fadeInUp" data-wow-duration="0.5s"
                        data-wow-delay="0.7s">
                        <a href="{{ @$bannerContent->data_values->button_one_url }}"
                            class="btn--base badge badge--base" style="font-weight:bold; padding:10px; margin:4px;">{{ __(@$bannerContent->data_values->button_one_name) }}</a>
                        <a href="{{ @$bannerContent->data_values->button_two_url}}"
                            class="btn--base btn-outline--base badge badge--base" style="font-weight:bold; padding:10px; margin:4px;">{{ __(@$bannerContent->data_values->button_two_name) }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>