home

       <section class="section-travel-content" id="travelcontent">
            <div class="container">
                <div class="section-popular-travel row justify-content-center">
                     @foreach ($items as $item)
                       <div class="col-sm-6 col-md-4 col-lg-3">
                         <div
                           class="card-travel text-center d-flex flex-column"
                           style="background-image: url('{{$item->galleries->count() ? Storage::url($item->galleries->first()->image) : ''  }}');"
                           >
                            <div class="travel-country">{{ $item->location }}</div>
                               <div class="travel-location">{{ $item->title }}</div>
                                  <div class="travel-button mt-auto">
                                       <a href="/detail/{{$item->slug}}" class="btn btn-travel-detail px-4" >
                                       View
                                      </a>
                             </div>
                          </div>
                        </div>
                      @endforeach
                 </div>
             </div>
        </section>