/home/kueuepay/www/resources/views/frontend/section/banner.blade.php
@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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
Best Practice
Developer
Support
Back to Home page
Best Practices

To ensure a smooth integration process and optimal performance, follow these best practices:
Use secure HTTPS connections for all API requests.
Implement robust error handling to handle potential issues gracefully.
Regularly update your integration to stay current with any API changes or enhancements.