@php
$blogs = getContent('blog.element',false,3);
$blogContent = getContent('blog.content',true);
@endphp
<section class="pt-120 pb-120 border-top-1">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-6 text-center">
            <div class="section-header">
              <h2 class="section-title"><span class="font-weight-normal">{{ __(@$blogContent->data_values->heading) }}</span></h2>
              <p>{{ __(@$blogContent->data_values->sub_heading) }}</p>
            </div>
          </div>
        </div><!-- row end -->
        <div class="row justify-content-center gy-4">
          @foreach($blogs as $k=> $data)
          <div class="col-lg-4 col-md-6">
            <div class="blog-card h-100">
              <div class="blog-card__thumb">
                <img src="{{getImage('assets/images/frontend/blog/thumb_'.@$data->data_values->image,'460x240')}}" alt="image">
              </div>
              <div class="blog-card__content">
                <h5 class="blog-card__title mb-2"><a href="{{route('blog.details',[slug($data->data_values->title),$data->id])}}">{{__(@$data->data_values->title)}}</a></h5>

                <p>@lang(strLimit(strip_tags(@$data->data_values->description),180))</p>
                <a href="{{route('blog.details',[slug($data->data_values->title),$data->id])}}" class="btn-primary btn-md mt-4">{{trans('Read More')}}</a>
              </div>
            </div>
          </div>
          @endforeach
        </div>
      </div>
</section>
