@php
	$servicesCards = config('offers.services_cards');
@endphp

<section class="bg-white py-0">
  <div class="container mb-5 pt-5">
    <h4 class="mb-4">Mes Services</h4>
    <div class="row">

      {{-- Table d’hôte gastronomique --}}
      <div class="col-12 col-sm-6 col-lg-3 d-flex justify-content-center mb-4">
        <div class="card card-hover-shadow border-round-md shadow card-lieu w-100 text-center">
          <a href="{{route('table')}}" class="d-block text-decoration-none">
            <span class="card-lieu-img-wrap">
              <img src="{{ asset($servicesCards['diner'] ?? 'img/15/COOK_170424001.jpg') }}"
                   alt="Table d’hôte gastronomique"
                   class="card-lieu-img">
            </span>
            <div class="card-body card-lieu-body">
              <h5 class="mb-2">Table d’hôte gastronomique</h5>
              <p class="small-exerge mb-0">
                Lieu privatisé<br>
                Déjeuner ou dîner<br>
                8 à 14 personnes
              </p>
            </div>
          </a>
        </div>
      </div>

      {{-- Cocktail --}}
      <div class="col-12 col-sm-6 col-lg-3 d-flex justify-content-center mb-4">
        <div class="card card-hover-shadow border-round-md shadow card-lieu w-100 text-center">
          <a href="{{route('cocktail')}}" class="d-block text-decoration-none">
            <span class="card-lieu-img-wrap">
              <img src="{{ asset($servicesCards['cocktail'] ?? 'img/15/FRENCHEFS_Octobre_2024_110.png') }}"
                   alt="Cocktail"
                   class="card-lieu-img">
            </span>
            <div class="card-body card-lieu-body">
              <h5 class="mb-2">Cocktail</h5>
              <p class="small-exerge mb-0">
                Personnalisation du lieu<br>
                Pièces cocktail et cooking show<br>
                15 à 60 personnes
              </p>
            </div>
          </a>
        </div>
      </div>

      {{-- Location du lieu --}}
      <div class="col-12 col-sm-6 col-lg-3 d-flex justify-content-center mb-4">
        <div class="card card-hover-shadow border-round-md shadow card-lieu w-100 text-center">
          <a href="{{route('location')}}" class="d-block text-decoration-none">
            <span class="card-lieu-img-wrap">
              <img src="{{ asset($servicesCards['location'] ?? 'img/15/JUST IN COOK 210324229.jpg') }}"
                   alt="Location du lieu"
                   class="card-lieu-img">
            </span>
            <div class="card-body card-lieu-body">
              <h5 class="mb-2">Location</h5>
              <p class="small-exerge mb-0">
                Tournage, shooting<br>
                Évènements professionnels ou privés<br>
                Location cuisine
              </p>
            </div>
          </a>
        </div>
      </div>

      {{-- Cours de cuisine --}}
      <div class="col-12 col-sm-6 col-lg-3 d-flex justify-content-center mb-4">
        <div class="card card-hover-shadow border-round-md shadow card-lieu w-100 text-center">
          <a href="{{route('class')}}" class="d-block text-decoration-none">
            <span class="card-lieu-img-wrap">
              <img src="{{ asset($servicesCards['class'] ?? 'img/home/img4.jpeg') }}"
                   alt="Cours de cuisine"
                   class="card-lieu-img">
            </span>
            <div class="card-body card-lieu-body">
              <h5 class="mb-2">Cours de cuisine</h5>
              <p class="small-exerge mb-0">
                Moment privilégié avec Justine<br>
                Pâte fraîche et ravioli<br>
                5 à 9 personnes
              </p>
            </div>
          </a>
        </div>
      </div>

    </div>
  </div>
</section>