@php
    $analyticsContent = getContent('analytics.content', true);
@endphp
<section class="analytics-section my-120">
    <div class="container">
        <div class="row gy-5">
            <div class="col-xl-7 col-lg-6">
                <div class="analytics-img animate" data-direction="left">
                    <img src="{{ frontendImage('analytics', $analyticsContent?->data_values?->image ?? '', '745x500') }}" alt="analytics image">
                </div>
            </div>
            <div class="col-xl-5 col-lg-6">
                <div class="analytics-content ps-xxl-5">
                    <div class="section-title">
                        <span class="btn btn--base btn--section animate" data-direction="right">{{ __($analyticsContent?->data_values?->heading ?? '') }}</span>
                        <h2 class="main-title animate" data-direction="right">{{ __($analyticsContent?->data_values?->subheading ?? '') }}</h2>
                        <p class="sub-title animate" data-direction="right">{{ __($analyticsContent?->data_values?->short_details ?? '') }}</p>
                    </div>
                    <p class="animate mt-4 mb-5" data-direction="down">{{ __($analyticsContent?->data_values?->description ?? '') }}</p>
                    <a href="{{ url($analyticsContent?->data_values?->button_url ?? '') }}" class="btn btn--base animate" data-direction="down">{{ __($analyticsContent?->data_values?->button_name ?? '') }}</a>
                </div>
            </div>
        </div>
    </div>
</section>