@php
    $about = getContent('about.content', true);
@endphp
<div class="about-us py-60" id="about">
    <div class="container">
        <section class="about-us-content">
            <div class="row gy-5">
                <div class="col-md-4 col-sm-6 col-xsm-6">
                    <div class="left">
                        <div class="thumb"><img src="{{ getImage('assets/images/frontend/about/' . @$about->data_values->banner_one, '415x990') }}" alt="@lang('image')"></div>
                        <div class="content-card  alt">
                            <div class="thumb">
                                <img src="{{ getImage('assets/images/frontend/about/' . @$about->data_values->left_thumb, '80x80') }}">
                            </div>
                            <div class="content-card__content">
                                <h4 class="content-card__title">{{ __(@$about->data_values->left_title) }}</h4>
                                <p class="content-card__desc">{{ __(@$about->data_values->left_subtitle) }}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 d-md-block d-none">
                    <div class="center">
                        <div class="center-child">
                            <div class="thumb scrollable"><img src="{{ getImage('assets/images/frontend/about/' . @$about->data_values->banner_two, '415x850') }}" alt="@lang('image')">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xsm-6">
                    <div class="right">
                        <div class="thumb"> <img src="{{ getImage('assets/images/frontend/about/'.@$about->data_values->banner_three,'415x990') }}" alt="@lang('image')"></div>
                        <div class="content-card">
                            <div class="thumb">
                                <img src="{{ getImage('assets/images/frontend/about/'.@$about->data_values->right_thumb,'80x80') }}">
                            </div>
                            <div class="content-card__content">
                                <h4 class="content-card__title">{{ __(@$about->data_values->right_title) }}</h4>
                                <p class="content-card__desc">{{ __(@$about->data_values->right_subtitle) }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
