<section class="section-slider height-v welcome-area">
{# <div id="index12" class="owl-carousel owl-theme">
{% for key, slide in slides %}
<div class="item">
{% if slide.imageMobile %}
<img alt="Slide {{key}}" data-src="images/slider/{{slide.imageMobile}}" class="slider-img-mobile lazy">
{% endif %}
<img alt="Slide {{key}}" data-src="images/slider/{{slide.image}}" class="slider-img slider-img-desktop lazy">
</div>
{% endfor %}
</div> #}
<div class="swiper-ctn">
<div class="swiper" id="welcome-slider">
<div class="swiper-wrapper">
{% for key, slide in slides %}
<div class="swiper-slide item">
{% if slide.imageMobile %}
<img alt="Slide {{key}}" data-src="images/slider/{{slide.imageMobile}}" class="slider-img-mobile lazy">
{% else %}
<img alt="Slide {{key}}" data-src="images/slider/{{slide.image}}" class="slider-img-mobile lazy">
{% endif %}
<img alt="Slide {{key}}" data-src="images/slider/{{slide.image}}" class="slider-img-desktop lazy">
</div>
{% endfor %}
</div>
<div class="swiper-nav">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
{% include "components/booking/check_availability.html.twig" %}
</section>