@foreach ($frontcategory as $frontctgry)
   <section class="new-arrval-main fantastic-main">
      <div class="container-fluid">
         <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
               <div class="common-title mb-35">
                  <div class="fantastic d-flex align-items-center">
                     {{-- <img src="{{ asset('/frontEnd/images/fire.gif') }}" alt="" class="img-fluid"> --}}
                     <h2>{{ $frontctgry->name }}</h2>
                  </div>
                  <a class="text-end nav-link see-all-lg" href="{{ route('category', ['slug' => $frontctgry->slug]) }}">See
                     All <i class="fa-solid fa-chevron-right"></i>
                  </a>
               </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
               <div class="flas-counter"></div>
            </div>
         </div>
         <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
               <div class="swiper">
                  <div class="swiper-wrapper">
                     {{-- এখানে $frontcategory এর বদলে $frontctgry হবে --}}
                     @foreach ($frontctgry->products as $key => $product)
                        <div class="swiper-slide" role="group" aria-label="" style="width: 369.2px; margin-right: 10px;">
                           <x-product-card :product="$product" :favouriteIds="$favouriteIds" />
                        </div>
                     @endforeach
                  </div>

                  <div class="swiper-button-prev">
                     <svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                           d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z"
                           fill="currentColor"></path>
                     </svg>
                  </div>
                  <div class="swiper-button-next">
                     <svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                           d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z"
                           fill="currentColor"></path>
                     </svg>
                  </div>
                  <div class="swiper-pagination"></div>
               </div>
            </div>
         </div>
         <div class="row common-see-all-row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
               <a class="common-see-all-sm" href="{{ route('category', ['slug' => $frontctgry->slug]) }}">See All</a>
            </div>
         </div>
      </div>
   </section>
@endforeach