<section class="banner room__area">
<div class="bg-color"></div>
<div class="container">
<div class="row">
<div class="room__cheek-box room__cheek-box-3">
<div class="room__cheek-box-item room__cheek-box-item-3">
<div class="room-seclect">
<div class="input-datepicker">
<input id="datepicker" name="date" type="text" placeholder="Cheek In">
</div>
</div>
<div class="room__cheek-box-item-icon">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9602 5.5145C18.8417 3.54387 17.1962 2 15.2144 2H14.2495V1.25C14.2495 1.05109 14.1705 0.860322 14.0298 0.71967C13.8892 0.579018 13.6984 0.5 13.4995 0.5C13.3006 0.5 13.1098 0.579018 12.9692 0.71967C12.8285 0.860322 12.7495 1.05109 12.7495 1.25V2H6.74949V1.25C6.74949 1.05109 6.67048 0.860322 6.52982 0.71967C6.38917 0.579018 6.19841 0.5 5.99949 0.5C5.80058 0.5 5.60982 0.579018 5.46916 0.71967C5.32851 0.860322 5.24949 1.05109 5.24949 1.25V2H4.28462C2.30237 2 0.656869 3.54387 0.538744 5.5145C0.316369 9.221 0.320494 12.9807 0.551119 16.6891C0.668119 18.5724 2.17674 20.081 4.05999 20.198C5.94737 20.3154 7.84824 20.3739 9.74912 20.3739C11.6496 20.3739 13.5509 20.3154 15.4382 20.198C17.3215 20.081 18.8301 18.5724 18.9471 16.6891C19.1781 12.9826 19.1822 9.22325 18.9602 5.5145ZM17.4505 16.5961C17.4157 17.143 17.1828 17.6584 16.7954 18.0459C16.4079 18.4333 15.8925 18.6662 15.3456 18.701C11.6324 18.9316 7.86662 18.9316 4.15337 18.701C3.60652 18.6662 3.09109 18.4333 2.70363 18.0459C2.31617 17.6584 2.08325 17.143 2.04849 16.5961C1.8727 13.7343 1.83303 10.8656 1.92962 8H17.5697C17.6642 10.865 17.6279 13.7461 17.4505 16.5961ZM5.99949 5C6.19841 5 6.38917 4.92098 6.52982 4.78033C6.67048 4.63968 6.74949 4.44891 6.74949 4.25V3.5H12.7495V4.25C12.7495 4.44891 12.8285 4.63968 12.9692 4.78033C13.1098 4.92098 13.3006 5 13.4995 5C13.6984 5 13.8892 4.92098 14.0298 4.78033C14.1705 4.63968 14.2495 4.44891 14.2495 4.25V3.5H15.2144C16.4042 3.5 17.392 4.42437 17.4629 5.60412C17.4805 5.90187 17.488 6.2015 17.5026 6.5H1.99637C2.01137 6.2015 2.01849 5.90187 2.03612 5.60412C2.10699 4.42437 3.09437 3.5 4.28462 3.5H5.24949V4.25C5.24949 4.44891 5.32851 4.63968 5.46916 4.78033C5.60982 4.92098 5.80058 5 5.99949 5Z" fill="#595959"/>
<path d="M6 12.5C6.62132 12.5 7.125 11.9963 7.125 11.375C7.125 10.7537 6.62132 10.25 6 10.25C5.37868 10.25 4.875 10.7537 4.875 11.375C4.875 11.9963 5.37868 12.5 6 12.5Z" fill="#595959"/>
<path d="M9.75 12.5C10.3713 12.5 10.875 11.9963 10.875 11.375C10.875 10.7537 10.3713 10.25 9.75 10.25C9.12868 10.25 8.625 10.7537 8.625 11.375C8.625 11.9963 9.12868 12.5 9.75 12.5Z" fill="#595959"/>
<path d="M6 16.25C6.62132 16.25 7.125 15.7463 7.125 15.125C7.125 14.5037 6.62132 14 6 14C5.37868 14 4.875 14.5037 4.875 15.125C4.875 15.7463 5.37868 16.25 6 16.25Z" fill="#595959"/>
<path d="M13.5 12.5C14.1213 12.5 14.625 11.9963 14.625 11.375C14.625 10.7537 14.1213 10.25 13.5 10.25C12.8787 10.25 12.375 10.7537 12.375 11.375C12.375 11.9963 12.8787 12.5 13.5 12.5Z" fill="#595959"/>
<path d="M13.5 16.25C14.1213 16.25 14.625 15.7463 14.625 15.125C14.625 14.5037 14.1213 14 13.5 14C12.8787 14 12.375 14.5037 12.375 15.125C12.375 15.7463 12.8787 16.25 13.5 16.25Z" fill="#595959"/>
<path d="M9.75 16.25C10.3713 16.25 10.875 15.7463 10.875 15.125C10.875 14.5037 10.3713 14 9.75 14C9.12868 14 8.625 14.5037 8.625 15.125C8.625 15.7463 9.12868 16.25 9.75 16.25Z" fill="#595959"/>
</svg>
</div>
</div>
<div class="room__cheek-box-item room__cheek-box-item-3">
<div class="room-seclect">
<div class="input-datepicker">
<input id="datepicker1" name="date" type="text" placeholder="Cheek Out">
</div>
</div>
<div class="room__cheek-box-item-icon">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9602 5.5145C18.8417 3.54387 17.1962 2 15.2144 2H14.2495V1.25C14.2495 1.05109 14.1705 0.860322 14.0298 0.71967C13.8892 0.579018 13.6984 0.5 13.4995 0.5C13.3006 0.5 13.1098 0.579018 12.9692 0.71967C12.8285 0.860322 12.7495 1.05109 12.7495 1.25V2H6.74949V1.25C6.74949 1.05109 6.67048 0.860322 6.52982 0.71967C6.38917 0.579018 6.19841 0.5 5.99949 0.5C5.80058 0.5 5.60982 0.579018 5.46916 0.71967C5.32851 0.860322 5.24949 1.05109 5.24949 1.25V2H4.28462C2.30237 2 0.656869 3.54387 0.538744 5.5145C0.316369 9.221 0.320494 12.9807 0.551119 16.6891C0.668119 18.5724 2.17674 20.081 4.05999 20.198C5.94737 20.3154 7.84824 20.3739 9.74912 20.3739C11.6496 20.3739 13.5509 20.3154 15.4382 20.198C17.3215 20.081 18.8301 18.5724 18.9471 16.6891C19.1781 12.9826 19.1822 9.22325 18.9602 5.5145ZM17.4505 16.5961C17.4157 17.143 17.1828 17.6584 16.7954 18.0459C16.4079 18.4333 15.8925 18.6662 15.3456 18.701C11.6324 18.9316 7.86662 18.9316 4.15337 18.701C3.60652 18.6662 3.09109 18.4333 2.70363 18.0459C2.31617 17.6584 2.08325 17.143 2.04849 16.5961C1.8727 13.7343 1.83303 10.8656 1.92962 8H17.5697C17.6642 10.865 17.6279 13.7461 17.4505 16.5961ZM5.99949 5C6.19841 5 6.38917 4.92098 6.52982 4.78033C6.67048 4.63968 6.74949 4.44891 6.74949 4.25V3.5H12.7495V4.25C12.7495 4.44891 12.8285 4.63968 12.9692 4.78033C13.1098 4.92098 13.3006 5 13.4995 5C13.6984 5 13.8892 4.92098 14.0298 4.78033C14.1705 4.63968 14.2495 4.44891 14.2495 4.25V3.5H15.2144C16.4042 3.5 17.392 4.42437 17.4629 5.60412C17.4805 5.90187 17.488 6.2015 17.5026 6.5H1.99637C2.01137 6.2015 2.01849 5.90187 2.03612 5.60412C2.10699 4.42437 3.09437 3.5 4.28462 3.5H5.24949V4.25C5.24949 4.44891 5.32851 4.63968 5.46916 4.78033C5.60982 4.92098 5.80058 5 5.99949 5Z" fill="#595959"/>
<path d="M6 12.5C6.62132 12.5 7.125 11.9963 7.125 11.375C7.125 10.7537 6.62132 10.25 6 10.25C5.37868 10.25 4.875 10.7537 4.875 11.375C4.875 11.9963 5.37868 12.5 6 12.5Z" fill="#595959"/>
<path d="M9.75 12.5C10.3713 12.5 10.875 11.9963 10.875 11.375C10.875 10.7537 10.3713 10.25 9.75 10.25C9.12868 10.25 8.625 10.7537 8.625 11.375C8.625 11.9963 9.12868 12.5 9.75 12.5Z" fill="#595959"/>
<path d="M6 16.25C6.62132 16.25 7.125 15.7463 7.125 15.125C7.125 14.5037 6.62132 14 6 14C5.37868 14 4.875 14.5037 4.875 15.125C4.875 15.7463 5.37868 16.25 6 16.25Z" fill="#595959"/>
<path d="M13.5 12.5C14.1213 12.5 14.625 11.9963 14.625 11.375C14.625 10.7537 14.1213 10.25 13.5 10.25C12.8787 10.25 12.375 10.7537 12.375 11.375C12.375 11.9963 12.8787 12.5 13.5 12.5Z" fill="#595959"/>
<path d="M13.5 16.25C14.1213 16.25 14.625 15.7463 14.625 15.125C14.625 14.5037 14.1213 14 13.5 14C12.8787 14 12.375 14.5037 12.375 15.125C12.375 15.7463 12.8787 16.25 13.5 16.25Z" fill="#595959"/>
<path d="M9.75 16.25C10.3713 16.25 10.875 15.7463 10.875 15.125C10.875 14.5037 10.3713 14 9.75 14C9.12868 14 8.625 14.5037 8.625 15.125C8.625 15.7463 9.12868 16.25 9.75 16.25Z" fill="#595959"/>
</svg>
</div>
</div>
<div class="room__cheek-box-item room__cheek-box-item-3">
<div class="room-seclect">
<form>
<select id="nice2" class="nice-2">
<option>Rooms</option>
<option>Room 1</option>
<option>Room 2</option>
<option>Room 3</option>
</select>
</form>
</div>
</div>
<div class="room__cheek-box-item room__cheek-box-item-3">
<div class="room-seclect">
<form>
<select id="nice1" class="nice-2">
<option>Guests</option>
<option>Guest 1</option>
<option>Guest 2</option>
<option>Guest 3</option>
</select>
</form>
</div>
</div>
<a class="room__btn2" href="room.html">Search Now</a>
</div>
</div>
<div class="row">
<div class="col-lg-6 first-p-0">
<div class="banner__content1">
<h6 class="subtitle"><?=DecryptInput($webslide_row['title1']);?></h6>
<h1 class="title"><?=DecryptInput($webslide_row['sub1']);?> <br> <?=DecryptInput($webslide_row['sub2']);?></h1>
<p class="dec">Welcome to Z Village Lodge! Nestled in the heart of Paje, Zanzibar, we offer a serene escape with stunning views and warm hospitality. Experience the beauty of white sandy beaches, vibrant local culture, and unforgettable adventures.</p>
<div class="banner__bottom-wrapper">
<div class="banner__slider__arrow">
<button class="banner__slider__arrow-prev arrow-nav d-flex align-items-center justify-content-center wow clip-t-b">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 9H0.999999" stroke="var(--rr-heading-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 1L1 9L9 17" stroke="var(--rr-heading-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button class="banner__slider__arrow-next arrow-nav right-arrow d-flex align-items-center justify-content-center wow clip-t-b">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 9H17" stroke="var(--rr-heading-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 1L17 9L9 17" stroke="var(--rr-heading-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="admin/panel/uploads/slides/<?=DecryptInput($webslide_row['image2']); ?>" alt=""></div>
<div class="swiper-slide"><img src="admin/panel/uploads/slides/<?=DecryptInput($webslide_row['image1']); ?>" alt=""></div>
<div class="swiper-slide"><img src="assets/imgs/banner-1/slide-5.png" alt=""></div>
<div class="swiper-slide"><img src="assets/imgs/banner-1/slide-4.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 p-0">
<div class="swiper banner__slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="banner__item">
<div class="banner__item-thumb">
<img src="assets/imgs/banner-1/slide-2.png" alt=" img not found">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="banner__item">
<div class="banner__item-thumb">
<img src="admin/panel/uploads/slides/<?=DecryptInput($webslide_row['image2']); ?>" alt=" img not found">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="banner__item">
<div class="banner__item-thumb">
<img src="admin/panel/uploads/slides/<?=DecryptInput($webslide_row['image1']); ?>" alt=" img not found">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>