@if(!empty($communityDetails))
 <section class="home-section communities_section" id="communities">
    <div class="container-fluid">
      <div class="content_box">
        <div class="title_box ">
          <h4 class="title_small">
            <span>{{lang('our_communities')}}</span>
          </h4>
          <h2 class="section-title small_"><span>{!!$communityDetails->getData('post_title')!!}</span></h2>
        </div>

        <div class="text_box ">
          <p>{!!$communityDetails->getData('short_description')!!}</p>
        </div>
        <div class="more_wrap">
            <a class="dir-btn" href="{{ route('community-details', [$lang, 'slug' => $communityDetails->getSlug()]) }}">{{lang('know_more')}}<span></span><span></span><span></span><span></span><b
                aria-hidden="true">{{lang('know_more')}}</b><b aria-hidden="true">{{lang('know_more')}}</b><b aria-hidden="true">{{lang('know_more')}}</b><b
                aria-hidden="true">{{lang('know_more')}}</b></a>
          </div>

             </div>

      <div class="communities_image_wrap">
        <!-- Swiper -->
        <div class="swiper-container ">
          <div class="swiper-wrapper">
            <div class="swiper-slide c_item">
              <a href="{{ route('community-details', [$lang, 'slug' => $communityDetails->getSlug()]) }}">
              <div class="img_box p_img">
                <picture>
                  <source srcset="{{webp($communityDetails->getData('community_image'))}}" type="image/webp">
                  <source srcset="{{PP($communityDetails->getData('community_image'))}}" type="image/{{fileExtensionType($communityDetails->getData('community_image'))}}">

                      <img src="{{PP($communityDetails->getData('community_image'))}}" loading="lazy" alt="{{$communityDetails->getData('post_title')}}">


                </picture>
              </div>
              </a>
            </div>
          </div>

        </div>

        <!-- <div class="progress_wrap">
          <div class="swiper-pagination"></div>
          <a class="dir-btn" href="{{route('communities',$lang)}}">{{lang('view_all')}}
            <span></span><span></span><span></span><span></span>
            <b aria-hidden="true">{{lang('view_all')}}</b>
            <b aria-hidden="true">{{lang('view_all')}}</b>
            <b aria-hidden="true">{{lang('view_all')}}</b>
            <b aria-hidden="true">{{lang('view_all')}}</b>
          </a>
        </div> -->
      </div>
    </div>
  </section>
  @endif