@php
    $blog = getContent('blog.content', true);
    $blogs = getContent('blog.element', false, 3);
@endphp
<section class="news-section py-100">
    <div class="container">
        <div class="row gy-5 justify-content-center">
            <div class="col-xl-7 col-lg-8 col-md-10">
                <div class="section-content d-flex justify-content-center flex-column align-items-center mb-60">
                    <div class="d-inline-flex heading--wrap">
                        <h6 class="heading text-center text--upper">{{ __($blog->data_values->heading) }}</h6>
                    </div>

                    <h6 class="title wow animate__animated animate__fadeInUp text-center fs--40 fw--600 splite-text"
                        data-splitting data-wow-delay="0.2s">{{ __($blog->data_values->subheading) }}</h6>
                    <p class="subtitle wow animate__animated animate__fadeInUp text-center fs-16 fw--400 w--80"
                        data-wow-delay="0.3s">{{ __($blog->data_values->short_description) }}</p>
                </div>
            </div>
        </div>

        <div class="row justify-content-center gy-4">
            @include($activeTemplate . 'components.blog')
        </div>
    </div>
</section>