@if ($page->children->count() > 7)
    @php
        $blogpage = $page->children[7];
    @endphp
    <!--Blog One Start-->
    @php
        $blogs = getBlogs(limit: 3, order: 'desc', paginate: true);
    @endphp
    <section class="blog-one section-bg pt-10 pb-10">
        <div class="container">
            <div class="section-title text-center">
                <div class="section-title__tagline-box"> <span
                        class="section-title__tagline">{{ $blogpage->title }}</span> </div>
                <h2 class="section-title__title">{!! implode(' ', array_slice(explode(' ', $blogpage->short_description), 0, 3)) .
                    '<br>' .
                    implode(' ', array_slice(explode(' ', $blogpage->short_description), 3)) !!}</h2>
            </div>
            <div class="row"  >
                <!--BLog One Single Start-->
                @foreach ($blogs as $blog)
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="blog-one__single">
                            <div class="blog-one__img-box">
                                <div class="blog-one__img"> <img class="blog-style1" src="{{ $blog->image }}"
                                        alt=""> </div>
                            </div>
                            <div class="blog-one__content">
                                <ul class="blog-one__meta list-unstyled">
                                    <li> <a href="{{ route('blog.single', $blog->slug) }}"><span
                                                class="icon-calendar"></span>{{ getFormatted(date: $blog->date, format: 'd M, Y') }}</a>
                                    </li>
                                </ul>
                                <h3 class="blog-one__title"><a
                                        href="{{ route('blog.single', $blog->slug) }}">{{ $blog->title }}</a></h3>
                                {{-- <p class="blog-one__text">{{ $blog->short_description }}</p> --}}
                                <p class="blog-one__text">{{ str($blog->short_description)->limit(170) }}</p>
                                <a href="{{ route('blog.single', $blog->slug) }}" class="blog-one__btn"><span
                                        class="icon-right-arrow"></span>Post Details</a>
                            </div>
                        </div>
                    </div>
                @endforeach
                <!--BLog One Single End-->
            </div>
        </div>
    </section>
    <!--Blog One End-->
@endif

<styLe>
    .blog-style1 {
        height: 300PX;
        object-fit: cover;
    }
</styLe>