@if (!empty($callToAction))
<section class="home-call-to-action py-5" style="background-image: url('{{asset('images/banners/' . $callToAction['image'])}}');">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-8 text-center">
                <div class="title mb-3" data-sal="fade" data-sal-duration="1000" data-sal-delay="">
                    <h2 class="font-large-2 font-weight-bolder text-center text-white">
                        @if ( Config::get('app.locale') == 'id')
                            {{ $callToAction['title'] }}
                        @else
                            {{ $callToAction['title_en'] }}
                        @endif
                    </h2>
                </div>
                <a href="{{ url('learn') }}" class="btn btn-light" data-sal="fade" data-sal-duration="1000" data-sal-delay="200">{{ __('landing.learn_more') }}</a>
            </div>
        </div>
    </div>
</section>
@endif

@if (!empty($bottomBanner))
<section class="bottom-banner mb-5 py-5" style="background-image: url('{{asset('images/banners/' . $bottomBanner['image'])}}');">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-8 text-center">
                <div class="title d-flex justify-content-center" data-sal="fade" data-sal-duration="1000" data-sal-delay="">
                    <h2 class="font-large-2 font-weight-bolder text-center text-white align-self-center m-0">
                        @if ( Config::get('app.locale') == 'id')
                            {{ $bottomBanner['title'] }}
                        @else
                            {{ $bottomBanner['title_en'] }}
                        @endif
                    </h2>
                </div>
            </div>
        </div>
    </div>
</section>
@endif