@php
    $about_slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::ABOUT_SECTION);
    $about = App\Models\Admin\SiteSections::getData($about_slug)->first();
    $defualt = get_default_language_code() ?? 'en';
    $app_local_lang = $default_language_code;
@endphp
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="about-section pt-120">
    <div class="about-shape">
        <img src="{{ get_image('frontend/images/about/right-shape.png') }}" alt="shape">
    </div>
    <div class="container">
        <div class="row justify-content-center align-items-center mb-30-none">
            <div class="col-xl-6 col-lg-6 mb-30">
                <div class="about-thumb">
                    <img src="{{ get_image(@$about->value->images->first_section_image,'site-section') }}" alt="about">
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 mb-30">
                <div class="about-content">
                    <div class="sub-title">{{ __(@$about->value->language->$defualt->fitst_section_title??@$about->value->language->$app_local_lang->fitst_section_title) }}</div>
                    <h2 class="title">{{ __( @$about->value->language->$defualt->fitst_section_heading ?? @$about->value->language->$app_local_lang->fitst_section_heading) }}</h2>
                    <p>{{ __(@$about->value->language->$defualt->first_section_sub_heading ?? @$about->value->language->$app_local_lang->first_section_sub_heading) }}</p>
                    <div class="about-btn">
                        <a href="{{ url(@$about->value->language->$app_local_lang->first_section_button_link) }}" class="btn--base"><i class="las la-heart"></i> {{ __(@$about->value->language->$defualt->first_section_button_name ?? @$about->value->language->$app_local_lang->first_section_button_name) }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->


<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="about-section pt-120">
    <div class="container">
        <div class="row justify-content-center align-items-center mb-30-none">
            <div class="col-xl-6 col-lg-6 mb-30">
                <div class="about-content">
                    <div class="sub-title">{{ __(@$about->value->language->$defualt->second_section_title ?? @$about->value->language->$app_local_lang->second_section_title) }}</div>
                    <h2 class="title">{{ __(@$about->value->language->$defualt->second_section_heading ?? @$about->value->language->$app_local_lang->second_section_heading) }}</h2>
                    <p>{{ __(@$about->value->language->$defualt->second_section_sub_heading??@$about->value->language->$app_local_lang->second_section_sub_heading) }}</p>
                    <ul class="about-list">
                        @if(isset($about->value->items))
                            @foreach($about->value->items ?? [] as $key => $item)
                                <li>{{__( $item->language->$defualt->title ?? $item->language->$app_local_lang->title) }}</li>
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 mb-30">
                <div class="about-thumb two">
                    <img src="{{ get_image(@$about->value->images->second_section_image,'site-section') }}" alt="about">
                    <div class="about-thumb-shape">
                        <img src="{{ get_image('frontend/images/about/about-shape.png') }}" alt="shape">

                    </div>
                    <div class="about-video">
                        <div class="video-area">
                            <a class="video-icon" data-rel="lightcase:myCollection" href="{{ @$about->value->language->$app_local_lang->second_section_video_link }}">
                                <img src="{{ get_image('frontend/images/play-button.png') }}" alt="play">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->