@extends('main')
@section('styles')
@endsection
@section('content')
  @if (isDesktop())
    <div id="magik-slideshow" class="magik-slideshow">
      <div class="container">
        <div class="row">
          <div class="col-md-9 col-sm-12 col-xs-12">
            @widget('HomePage\MainSlider')
          </div>
          @widget('HomePage\SliderBanners')
        </div>
      </div>
    </div>
  @else
    <div id="magik-slideshow" class="magik-slideshow">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-12 col-xs-12">
            @widget('HomePage\MainSlider')
          </div>
        </div>
      </div>
    </div>
  @endif
    @widget('HomePage\CategoriesBlock')
  <div class="content-page2">
    <div class="container">
      <div class="row">
        <div class="col-md-9 col-xs-12">
          @widget('HomePage\ListProductsTabs')
        </div>
        <div class="col-md-3 col-xs-12 hot-deal">
          @livewire('front-end.home-page.time-offer')

          {{-- @widget('HomePage\ProductsTimeOffer') --}}
        </div>

      </div>
    </div>
  </div>
  @widget('HomePage\BlockBooking')

  @foreach (cache_home_category() as $key => $category)
    @continue($key < 2)
    @break($key > 4)
    @widget('HomePage\LatestProducts',['cat_id' => $category])
    @if ($key == 4 )
      @widget('HomeBlockBanner')
    @endif
  @endforeach
  @widget('BestSellers')

  {{-- @widget('HomePage\SelectedRecipes') --}}
  @widget('HomePage\BlockBanners')

@endsection
@section('scripts')
@endsection