@php
$app_local = get_default_language_code();
$default = App\Constants\LanguageConst::NOT_REMOVABLE;
$slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::BANNER_SECTION);
$banner = App\Models\Admin\SiteSections::getData($slug)->first();
@endphp
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="banner-section bg-overlay-banner bg_img" data-background="{{ asset('public/frontend') }}/images/banner/banner-bg-2.webp" id="animated-section">
<div class="container">
<div class="banner-wrapper">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-12">
<div class="banner-content">
@php
$header = explode('|', $banner->value->language->$app_local->heading ?? $banner->value->language->$default->heading ?? '');
@endphp
@if(isset($header) || $header != null)
<h1 class="title">@isset($header[0]) {{ $header[0] }} @endisset
<span> @isset($header[1]) {{ $header[1] }} @endisset
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none">
<path d="M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7"></path>
</svg>
</span>
</h1>
@endif
<p class="sub-title">{{ $banner->value->language->$app_local->sub_heading ?? $banner->value->language->$default->sub_heading ?? '' }}</p>
<div class="banner-bottom mt-30">
<div class="static-section d-flex">
<div class="counter">
<div class="odo-area">
<div class="odo-title odometer" data-odometer-final="{{ $banner->value->language->$app_local->statistic_first_value ?? $banner->value->language->$default->statistic_first_value ?? '' }}">{{ $banner->value->language->$app_local->statistic_first_value ?? $banner->value->language->$default->statistic_first_value ?? '' }}</div>
</div>
<h4 class="title">{{ $banner->value->language->$app_local->statistic_first_title ?? $banner->value->language->$default->statistic_first_title ?? '' }}</h4>
</div>
<div class="counter">
<div class="odo-area">
<div class="odo-title odometer" data-odometer-final="{{ $banner->value->language->$app_local->statistic_second_value ?? $banner->value->language->$default->statistic_second_value ?? '' }}">{{ $banner->value->language->$app_local->statistic_second_value ?? $banner->value->language->$default->statistic_second_value ?? '' }}</div>
</div>
<h4 class="title">{{ $banner->value->language->$app_local->statistic_second_title ?? $banner->value->language->$default->statistic_second_title ?? '' }}</h4>
</div>
</div>
<div class="star">
<span class="d-flex align-items-center">
<i class="{{ $banner->value->language->$app_local->statistic_last_value ?? $banner->value->language->$default->statistic_last_value ?? '' }}"></i>
<p>{{ $banner->value->language->$app_local->statistic_last_title ?? $banner->value->language->$default->statistic_last_title ?? '' }}</p>
</span>
</div>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="banner-img">
<img src="{{ get_image(@$banner->value->image ?? '','site-section') }}">
</div>
</div>
</div>
</div>
</div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
Before you begin integrating the Kueue Pay Developer API, make sure you have: