<!DOCTYPE html><head> <meta charset="utf-8"> <title>Book the Best Hotels in Dubai & UAE | Besthotels.ae</title> <meta content="Find top-rated hotels, resorts, and city stays in Dubai and across the UAE. Compare prices, check availability, and book your perfect stay today." name="description"> <meta content="Book the Best Hotels in Dubai & UAE | Besthotels.ae" property="og:title"> <meta content="Find top-rated hotels, resorts, and city stays in Dubai and across the UAE. Compare prices, check availability, and book your perfect stay today." property="og:description"> <meta content="Book the Best Hotels in Dubai & UAE | Besthotels.ae" property="twitter:title"> <meta content="Find top-rated hotels, resorts, and city stays in Dubai and across the UAE. Compare prices, check availability, and book your perfect stay today." property="twitter:description"> <meta property="og:type" content="website"> <meta content="summary_large_image" name="twitter:card"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="css/normalize.css" rel="stylesheet" type="text/css"> <link href="css/components.css" rel="stylesheet" type="text/css"> <link href="css/besthotels-ae.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> ! function(o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document); </script> <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> <link href="images/webclip.png" rel="apple-touch-icon"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"> <style> .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; } </style> <!-- Flatpickr CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> <style> .flatpickr-calendar { font-family: inherit; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } /* Clean styling for today's date */ .flatpickr-day.today { background: transparent !important; border: 2px solid #003366 !important; /* or any color matching your theme */ color: inherit !important; font-weight: normal !important; border-radius: 999px !important; } .flatpickr-input[readonly] { background-color: transparent !important; } </style></head><body> <div class="global w-embed"> <style> /* HOVER version */ .dropdown:hover .dropdown-menu, .dropdown-menu:hover { opacity: 1; transform: translateY(0); pointer-events: auto; } /* CLICK version */ .dropdown-click .dropdown-menu { opacity: 0; transform: translateY(10px); pointer-events: none; transition: all 0.3s ease; } .dropdown-click.active .dropdown-menu { opacity: 1; transform: translateY(0); pointer-events: auto; } .btn:hover .icon-1 { transform: translateY(-100%); } .btn:hover .icon-2 { transform: translateY(-100%); } </style> <style> @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 1rem)); } } .scroll { animation: scroll 50s linear infinite; } .reverse { animation-direction: reverse; } .marquee-image { -webkit-transform: translateZ(0); } </style> <style> .link-promo:hover .img-promo-main.left { transform: translate3d(-185px, 38px, 0) rotateZ(-20deg); } .link-promo:hover .img-promo-main.right { transform: translate3d(185px, 38px, 0) rotateZ(20deg); } </style> </div> <section class="section-top-nav"> <div class="container"> <div class="top-nav-wrapper"> <div class="small-column-top-nav"> <div class="dropdown-wrapper-currency"> <div class="dropdown"> <div class="dropdown-toggle"><img src="images/icons.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">BTC</div><img src="images/Vector.svg" loading="lazy" alt="" class="dropdown-arrow"> </div> <div class="dropdown-menu"> <div class="dropdown-menu-wrapper"> <div class="currency-list"> <div class="currency-wrapper"><img src="images/icons.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">BTC</div> </div> <div class="currency-wrapper"><img src="images/1027.avif" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Ethereum</div> </div> <div class="currency-wrapper"><img src="images/5426.avif" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Solana</div> </div> <div class="currency-wrapper"><img src="images/825.png" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Tether</div> </div> <div class="currency-wrapper"><img src="images/52.avif" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">XRP</div> </div> <div class="currency-wrapper"><img src="images/74.avif" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Dogecoin</div> </div> </div> </div> </div> </div> </div> </div> <div class="large-column-top-nav"> <div>$20 Off your next adventure!</div> <a href="#" class="textlink hidemob">Book Now</a> </div> <div class="small-column-top-nav r"> <div class="button-top-nav-usr"><img src="images/icons-3_1.svg" loading="lazy" alt=""></div> <div class="wrapper-nav-top-menu"> <a href="#" class="textlink mob-only">Book Now</a> <a href="#" class="textlink alt">Register</a> <a href="#" class="textlink alt">Sign in</a> </div> </div> </div> </div> </section> <div class="page-wrapper"> <section class="section-nav"> <div class="container"> <div class="navigation"> <a href="#" class="logo-wrapper w-inline-block"><img src="images/Layer_1.svg" loading="lazy" alt="" class="img-logo"></a> <div class="navbar"> <a class='navlink w-inline-block' href='/categories'> <div class="navlink-icon w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 8H15C15.2652 8 15.5196 7.89464 15.7071 7.70711C15.8946 7.51957 16 7.26522 16 7C16 6.73478 15.8946 6.48043 15.7071 6.29289C15.5196 6.10536 15.2652 6 15 6H14C13.7348 6 13.4804 6.10536 13.2929 6.29289C13.1054 6.48043 13 6.73478 13 7C13 7.26522 13.1054 7.51957 13.2929 7.70711C13.4804 7.89464 13.7348 8 14 8ZM14 12H15C15.2652 12 15.5196 11.8946 15.7071 11.7071C15.8946 11.5196 16 11.2652 16 11C16 10.7348 15.8946 10.4804 15.7071 10.2929C15.5196 10.1054 15.2652 10 15 10H14C13.7348 10 13.4804 10.1054 13.2929 10.2929C13.1054 10.4804 13 10.7348 13 11C13 11.2652 13.1054 11.5196 13.2929 11.7071C13.4804 11.8946 13.7348 12 14 12ZM9 8H10C10.2652 8 10.5196 7.89464 10.7071 7.70711C10.8946 7.51957 11 7.26522 11 7C11 6.73478 10.8946 6.48043 10.7071 6.29289C10.5196 6.10536 10.2652 6 10 6H9C8.73478 6 8.48043 6.10536 8.29289 6.29289C8.10536 6.48043 8 6.73478 8 7C8 7.26522 8.10536 7.51957 8.29289 7.70711C8.48043 7.89464 8.73478 8 9 8ZM9 12H10C10.2652 12 10.5196 11.8946 10.7071 11.7071C10.8946 11.5196 11 11.2652 11 11C11 10.7348 10.8946 10.4804 10.7071 10.2929C10.5196 10.1054 10.2652 10 10 10H9C8.73478 10 8.48043 10.1054 8.29289 10.2929C8.10536 10.4804 8 10.7348 8 11C8 11.2652 8.10536 11.5196 8.29289 11.7071C8.48043 11.8946 8.73478 12 9 12ZM21 20H20V3C20 2.73478 19.8946 2.48043 19.7071 2.29289C19.5196 2.10536 19.2652 2 19 2H5C4.73478 2 4.48043 2.10536 4.29289 2.29289C4.10536 2.48043 4 2.73478 4 3V20H3C2.73478 20 2.48043 20.1054 2.29289 20.2929C2.10536 20.4804 2 20.7348 2 21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21C22 20.7348 21.8946 20.4804 21.7071 20.2929C21.5196 20.1054 21.2652 20 21 20ZM13 20H11V16H13V20ZM18 20H15V15C15 14.7348 14.8946 14.4804 14.7071 14.2929C14.5196 14.1054 14.2652 14 14 14H10C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15V20H6V4H18V20Z" fill="currentColor"></path> </svg></div> <div class="t-navlink">Hotels</div> </a> <a class='navlink w-inline-block' href='/about-us'> <div class="navlink-icon w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10.35L14.22 2.94C13.9297 2.6377 13.5803 2.39827 13.1936 2.23656C12.8069 2.07485 12.3911 1.99431 11.972 1.99994C11.5529 2.00557 11.1394 2.09724 10.7572 2.26927C10.3749 2.44129 10.0321 2.69002 9.75001 3L4.00001 10.35C3.68165 10.8416 3.51155 11.4144 3.51001 12C3.52671 12.5614 3.69612 13.1077 4.00001 13.58L4.06001 13.65L9.80001 21.06C10.0826 21.3592 10.4238 21.5971 10.8023 21.7588C11.1807 21.9205 11.5884 22.0026 12 22C12.4255 21.9996 12.8463 21.9105 13.2355 21.7383C13.6246 21.5661 13.9735 21.3147 14.26 21L20 13.65C20.3137 13.1543 20.4753 12.5775 20.4646 11.991C20.4539 11.4045 20.2716 10.8339 19.94 10.35H20ZM18.43 12.49L12.76 19.71C12.5689 19.886 12.3222 19.9894 12.0627 20.0022C11.8032 20.015 11.5475 19.9363 11.34 19.78L5.65001 12.47C5.56506 12.3274 5.51694 12.1659 5.51001 12C5.51149 11.8447 5.54555 11.6914 5.61001 11.55L11.28 4.33C11.4711 4.15401 11.7179 4.05062 11.9773 4.03783C12.2368 4.02503 12.4925 4.10366 12.7 4.26L18.33 11.54C18.434 11.701 18.4895 11.8884 18.49 12.08C18.4832 12.2218 18.4493 12.361 18.39 12.49H18.43Z" fill="currentColor"></path> </svg></div> <div class="t-navlink">About us</div> </a> <a class='navlink w-inline-block' href='/destinations'> <div class="navlink-icon w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.9 7.59L20.9 3.72C20.7982 3.33568 20.6209 2.97543 20.3786 2.66021C20.1363 2.34499 19.8338 2.08108 19.4886 1.88382C19.1434 1.68656 18.7624 1.55988 18.3678 1.51116C17.9732 1.46244 17.5728 1.49263 17.19 1.6L15.26 2.12C15.1323 2.15364 15.0126 2.21224 14.9077 2.2924C14.8028 2.37257 14.7148 2.47272 14.6488 2.58707C14.5827 2.70142 14.54 2.82772 14.5231 2.95866C14.5061 3.08961 14.5153 3.22261 14.55 3.35L14.81 4.35L4.19002 7.16C3.93437 7.22807 3.7161 7.39468 3.58302 7.62334C3.44995 7.85201 3.41291 8.12409 3.48002 8.38L3.74002 9.38L2.74002 9.64C2.47481 9.67315 2.23362 9.8103 2.06953 10.0213C1.90544 10.2323 1.83187 10.4998 1.86502 10.765C1.89818 11.0302 2.03533 11.2714 2.24631 11.4355C2.45728 11.5996 2.72481 11.6732 2.99002 11.64C3.07638 11.6504 3.16367 11.6504 3.25002 11.64L4.25002 11.37L4.51003 12.37C4.57893 12.6225 4.74408 12.8379 4.97002 12.97C5.12146 13.0599 5.29394 13.1082 5.47002 13.11C5.55603 13.1251 5.64402 13.1251 5.73002 13.11L9.00002 12.08V12.5C9.00072 12.944 9.10336 13.3819 9.30002 13.78L4.30002 18.78C4.11172 18.967 4.00541 19.2211 4.00447 19.4865C4.00353 19.7518 4.10805 20.0067 4.29502 20.195C4.482 20.3833 4.73613 20.4896 5.00149 20.4906C5.26685 20.4915 5.52172 20.387 5.71002 20.2L10.71 15.2L10.99 15.31V21.5C10.99 21.7652 11.0954 22.0196 11.2829 22.2071C11.4705 22.3946 11.7248 22.5 11.99 22.5C12.2552 22.5 12.5096 22.3946 12.6971 22.2071C12.8847 22.0196 12.99 21.7652 12.99 21.5V15.32C13.0891 15.2861 13.1859 15.246 13.28 15.2L18.28 20.2C18.4683 20.387 18.7232 20.4915 18.9886 20.4906C19.2539 20.4896 19.508 20.3833 19.695 20.195C19.882 20.0067 19.9865 19.7518 19.9856 19.4865C19.9846 19.2211 19.8783 18.967 19.69 18.78L14.69 13.78C14.8841 13.3806 14.9899 12.944 15 12.5V10.5L16.35 10.14L16.6 11.14C16.6586 11.3582 16.7894 11.5501 16.9709 11.6844C17.1525 11.8188 17.3743 11.8877 17.6 11.88H17.86L19.79 11.36C20.1801 11.2576 20.5455 11.0776 20.8645 10.8308C21.1834 10.584 21.4493 10.2754 21.6463 9.92346C21.8433 9.57153 21.9673 9.18351 22.0108 8.78257C22.0544 8.38164 22.0167 7.97603 21.9 7.59ZM13 12.5C12.999 12.7575 12.8987 13.0046 12.72 13.19C12.5346 13.3687 12.2875 13.469 12.03 13.47C11.7677 13.4689 11.5163 13.3647 11.33 13.18C11.1453 12.9937 11.0411 12.7423 11.04 12.48V11.48L13 11V12.5ZM6.19002 10.76L5.67002 8.83L15.33 6.24L15.59 7.24L15.85 8.24L6.19002 10.76ZM19.87 8.86C19.8045 8.97477 19.7168 9.0754 19.6121 9.15607C19.5074 9.23674 19.3877 9.29586 19.26 9.33L18.26 9.59L17.48 6.69L17 4.76L16.74 3.76L17.74 3.5C17.8674 3.46527 18.0004 3.45612 18.1314 3.47306C18.2623 3.49001 18.3886 3.53272 18.503 3.59873C18.6173 3.66473 18.7175 3.75274 18.7976 3.85765C18.8778 3.96257 18.9364 4.08232 18.97 4.21L19.97 8.08C20.0069 8.21002 20.0171 8.34618 19.9999 8.48024C19.9827 8.61431 19.9385 8.74349 19.87 8.86Z" fill="currentColor"></path> </svg></div> <div class="t-navlink">Destinations</div> </a> <a class='navlink w-inline-block' href='/blog'> <div class="navlink-icon w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 11H16C15.7348 11 15.4804 11.1054 15.2929 11.2929C15.1054 11.4804 15 11.7348 15 12C15 12.2652 15.1054 12.5196 15.2929 12.7071C15.4804 12.8946 15.7348 13 16 13H17C17.2652 13 17.5196 12.8946 17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12C18 11.7348 17.8946 11.4804 17.7071 11.2929C17.5196 11.1054 17.2652 11 17 11ZM17 15H16C15.7348 15 15.4804 15.1054 15.2929 15.2929C15.1054 15.4804 15 15.7348 15 16C15 16.2652 15.1054 16.5196 15.2929 16.7071C15.4804 16.8946 15.7348 17 16 17H17C17.2652 17 17.5196 16.8946 17.7071 16.7071C17.8946 16.5196 18 16.2652 18 16C18 15.7348 17.8946 15.4804 17.7071 15.2929C17.5196 15.1054 17.2652 15 17 15ZM11 9H17C17.2652 9 17.5196 8.89464 17.7071 8.70711C17.8946 8.51957 18 8.26522 18 8C18 7.73478 17.8946 7.48043 17.7071 7.29289C17.5196 7.10536 17.2652 7 17 7H11C10.7348 7 10.4804 7.10536 10.2929 7.29289C10.1054 7.48043 10 7.73478 10 8C10 8.26522 10.1054 8.51957 10.2929 8.70711C10.4804 8.89464 10.7348 9 11 9ZM21 3H7C6.73478 3 6.48043 3.10536 6.29289 3.29289C6.10536 3.48043 6 3.73478 6 4V7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8V18C2 18.7956 2.31607 19.5587 2.87868 20.1213C3.44129 20.6839 4.20435 21 5 21H18C19.0609 21 20.0783 20.5786 20.8284 19.8284C21.5786 19.0783 22 18.0609 22 17V4C22 3.73478 21.8946 3.48043 21.7071 3.29289C21.5196 3.10536 21.2652 3 21 3ZM6 18C6 18.2652 5.89464 18.5196 5.70711 18.7071C5.51957 18.8946 5.26522 19 5 19C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V9H6V18ZM20 17C20 17.5304 19.7893 18.0391 19.4142 18.4142C19.0391 18.7893 18.5304 19 18 19H7.82C7.93642 18.6793 7.9973 18.3411 8 18V5H20V17ZM11 13H12C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11H11C10.7348 11 10.4804 11.1054 10.2929 11.2929C10.1054 11.4804 10 11.7348 10 12C10 12.2652 10.1054 12.5196 10.2929 12.7071C10.4804 12.8946 10.7348 13 11 13ZM11 17H12C12.2652 17 12.5196 16.8946 12.7071 16.7071C12.8946 16.5196 13 16.2652 13 16C13 15.7348 12.8946 15.4804 12.7071 15.2929C12.5196 15.1054 12.2652 15 12 15H11C10.7348 15 10.4804 15.1054 10.2929 15.2929C10.1054 15.4804 10 15.7348 10 16C10 16.2652 10.1054 16.5196 10.2929 16.7071C10.4804 16.8946 10.7348 17 11 17Z" fill="currentColor"></path> </svg></div> <div class="t-navlink">Blog</div> </a> <a class='navlink w-inline-block' href='/contact-us'> <div class="navlink-icon w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.44 13C19.22 13 18.99 12.93 18.77 12.88C18.3245 12.7818 17.8866 12.6515 17.46 12.49C16.9961 12.3212 16.4861 12.33 16.0283 12.5146C15.5704 12.6992 15.1971 13.0466 14.98 13.49L14.76 13.94C13.786 13.3982 12.891 12.7252 12.1 11.94C11.3147 11.149 10.6418 10.254 10.1 9.28L10.52 9C10.9633 8.78291 11.3108 8.40953 11.4954 7.95169C11.68 7.49385 11.6888 6.98391 11.52 6.52C11.3612 6.09242 11.2309 5.6548 11.13 5.21C11.08 4.99 11.04 4.76 11.01 4.53C10.8885 3.82562 10.5196 3.18774 9.9696 2.73124C9.4196 2.27473 8.72467 2.02961 8.00998 2.04H5.00998C4.57901 2.03595 4.15223 2.12481 3.75869 2.30053C3.36515 2.47625 3.01409 2.73469 2.72941 3.05828C2.44473 3.38187 2.23311 3.76299 2.10897 4.17571C1.98482 4.58843 1.95106 5.02306 2.00998 5.45C2.54272 9.63938 4.45601 13.5319 7.44763 16.5126C10.4393 19.4934 14.3387 21.3925 18.53 21.91H18.91C19.6474 21.9111 20.3594 21.6405 20.91 21.15C21.2263 20.867 21.4791 20.5202 21.6514 20.1323C21.8238 19.7445 21.9119 19.3244 21.91 18.9V15.9C21.8977 15.2054 21.6448 14.5366 21.1943 14.0077C20.7439 13.4788 20.1238 13.1226 19.44 13ZM19.94 19C19.9398 19.142 19.9094 19.2823 19.8508 19.4116C19.7921 19.5409 19.7066 19.6563 19.6 19.75C19.4886 19.847 19.358 19.9194 19.2167 19.9625C19.0754 20.0056 18.9266 20.0184 18.78 20C15.0349 19.5198 11.5562 17.8065 8.89269 15.1303C6.22917 12.4541 4.53239 8.96733 4.06998 5.22C4.05406 5.07352 4.06801 4.92533 4.11098 4.78439C4.15395 4.64345 4.22505 4.51269 4.31998 4.4C4.41369 4.29333 4.52904 4.20784 4.65836 4.14921C4.78767 4.09059 4.92799 4.06018 5.06998 4.06H8.06998C8.30253 4.05482 8.5296 4.13088 8.71212 4.27507C8.89464 4.41926 9.02119 4.62257 9.06998 4.85C9.10998 5.12333 9.15998 5.39333 9.21998 5.66C9.3355 6.18714 9.48924 6.70518 9.67998 7.21L8.27998 7.86C8.16028 7.91492 8.0526 7.99294 7.96314 8.08959C7.87367 8.18624 7.80418 8.29961 7.75865 8.42319C7.71312 8.54677 7.69245 8.67813 7.69783 8.80972C7.7032 8.94131 7.73452 9.07054 7.78998 9.19C9.22918 12.2728 11.7072 14.7508 14.79 16.19C15.0334 16.29 15.3065 16.29 15.55 16.19C15.6747 16.1454 15.7893 16.0765 15.8871 15.9872C15.985 15.8979 16.0641 15.7901 16.12 15.67L16.74 14.27C17.2569 14.4549 17.7846 14.6085 18.32 14.73C18.5866 14.79 18.8566 14.84 19.13 14.88C19.3574 14.9288 19.5607 15.0553 19.7049 15.2379C19.8491 15.4204 19.9252 15.6475 19.92 15.88L19.94 19Z" fill="currentColor"></path> </svg></div> <div class="t-navlink">Contact us</div> </a> <div class="mob-part"> <div class="wrapper-menu-top-mob"> <a href="#" class="navlink w-inline-block"> <div class="t-navlink">My Bookings</div> </a> <a href="#" class="navlink w-inline-block"> <div class="t-navlink">My Account</div> </a> </div> <div class="wrapper-menu-bot-mob"> <div class="footer-contact-wrapper r"> <a href="#" class="textlink alt">+57 301 564 5562</a> <a href="#" class="textlink alt">hey@besthotels.ae</a> </div> <div class="btn-wrapper"> <a href="#" class="btn alt-ghost w-inline-block"> <div class="text-button">list your hotel</div> <div class="icon-wrapper-btn"><img src="images/icons-4_1.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-4_1.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> <div class="wrapper-sm-mob"> <div class="sm-wrapper center"> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="17" height="17" viewbox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1_7042)"> <mask id="mask0_1_7042" style="mask-type:luminance" maskunits="userSpaceOnUse" x="0" y="0" width="17" height="17"> <path d="M0.174927 0.174805H16.8249V16.8248H0.174927V0.174805Z" fill="white"></path> </mask> <g mask="url(#mask0_1_7042)"> <path d="M13.2868 0.955078H15.8402L10.2624 7.3463L16.8249 16.0447H11.6872L7.66029 10.7703L3.05776 16.0447H0.50198L6.46744 9.20634L0.174927 0.956267H5.44346L9.07792 5.77644L13.2868 0.955078ZM12.3889 14.5129H13.8041L4.67043 2.4072H3.1529L12.3889 14.5129Z" fill="currentColor"></path> </g> </g> <defs> <clippath id="clip0_1_7042"> <rect width="16.65" height="16.65" fill="white" transform="translate(0.174927 0.174805)"></rect> </clippath> </defs> </svg></div> </a> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="16" height="17" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.7796 0.695312C15.3631 0.695312 15.878 1.21021 15.878 1.82808V14.975C15.878 15.5929 15.3631 16.0734 14.7796 16.0734H1.56399C0.980444 16.0734 0.499878 15.5929 0.499878 14.975V1.82808C0.499878 1.21021 0.980444 0.695312 1.56399 0.695312H14.7796ZM5.13391 13.8766V6.56509H2.86838V13.8766H5.13391ZM4.00115 5.5353C4.722 5.5353 5.30554 4.95176 5.30554 4.23091C5.30554 3.51006 4.722 2.89219 4.00115 2.89219C3.24597 2.89219 2.66243 3.51006 2.66243 4.23091C2.66243 4.95176 3.24597 5.5353 4.00115 5.5353ZM13.6811 13.8766V9.8604C13.6811 7.90381 13.2349 6.35913 10.935 6.35913C9.8366 6.35913 9.08142 6.977 8.77249 7.56055H8.73816V6.56509H6.57561V13.8766H8.84114V10.2723C8.84114 9.31118 9.01277 8.38438 10.2142 8.38438C11.3813 8.38438 11.3813 9.48281 11.3813 10.3066V13.8766H13.6811Z" fill="currentColor"></path> </svg></div> </a> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="20" height="19" viewbox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.8542 6.39187C18.8542 6.39187 18.8542 6.39187 18.8542 6.34562C18.2024 4.56613 17.0198 3.02976 15.4663 1.94435C13.9129 0.858932 12.0635 0.276855 10.1684 0.276855C8.27332 0.276855 6.42395 0.858932 4.87048 1.94435C3.31702 3.02976 2.13442 4.56613 1.48266 6.34562C1.48266 6.34562 1.48266 6.34562 1.48266 6.39187C0.754803 8.39995 0.754803 10.5998 1.48266 12.6079C1.48266 12.6079 1.48266 12.6079 1.48266 12.6541C2.13442 14.4336 3.31702 15.97 4.87048 17.0554C6.42395 18.1408 8.27332 18.7229 10.1684 18.7229C12.0635 18.7229 13.9129 18.1408 15.4663 17.0554C17.0198 15.97 18.2024 14.4336 18.8542 12.6541C18.8542 12.6541 18.8542 12.6541 18.8542 12.6079C19.582 10.5998 19.582 8.39995 18.8542 6.39187ZM2.99041 11.3499C2.66965 10.1374 2.66965 8.86235 2.99041 7.64987H4.71091C4.56294 8.87877 4.56294 10.121 4.71091 11.3499H2.99041ZM3.74891 13.1999H5.04391C5.26103 14.0248 5.57136 14.8224 5.96891 15.5771C5.06176 14.9592 4.30345 14.1471 3.74891 13.1999ZM5.04391 5.79987H3.74891C4.29547 4.85553 5.04409 4.04373 5.94116 3.42262C5.55317 4.17857 5.25217 4.97608 5.04391 5.79987ZM9.22491 16.6224C8.08879 15.7887 7.29087 14.5737 6.97716 13.1999H9.22491V16.6224ZM9.22491 11.3499H6.57941C6.4068 10.1226 6.4068 8.87717 6.57941 7.64987H9.22491V11.3499ZM9.22491 5.79987H6.97716C7.29087 4.42603 8.08879 3.21109 9.22491 2.37737V5.79987ZM16.5509 5.79987H15.2559C15.0388 4.97492 14.7285 4.17737 14.3309 3.42262C15.2381 4.04059 15.9964 4.85262 16.5509 5.79987ZM11.0749 2.37737C12.211 3.21109 13.009 4.42603 13.3227 5.79987H11.0749V2.37737ZM11.0749 16.6224V13.1999H13.3227C13.009 14.5737 12.211 15.7887 11.0749 16.6224ZM13.7204 11.3499H11.0749V7.64987H13.7204C13.893 8.87717 13.893 10.1226 13.7204 11.3499ZM14.3587 15.5771C14.7562 14.8224 15.0665 14.0248 15.2837 13.1999H16.5787C16.0241 14.1471 15.2658 14.9592 14.3587 15.5771ZM17.3094 11.3499H15.5889C15.6641 10.7361 15.7012 10.1182 15.6999 9.49987C15.7009 8.88151 15.6639 8.26367 15.5889 7.64987H17.3094C17.6302 8.86235 17.6302 10.1374 17.3094 11.3499Z" fill="currentColor"></path> </svg></div> </a> </div> </div> </div> <div class="dropdown-click hide-mob"> <div class="dropdown-toggle hamburger"> <a href="#" class="hamburger-desktop w-inline-block"> <div class="navlink-hamburger w-embed"><svg width="30" height="30" viewbox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.75 10H26.25C26.5815 10 26.8995 9.8683 27.1339 9.63388C27.3683 9.39946 27.5 9.08152 27.5 8.75C27.5 8.41848 27.3683 8.10054 27.1339 7.86612C26.8995 7.6317 26.5815 7.5 26.25 7.5H3.75C3.41848 7.5 3.10054 7.6317 2.86612 7.86612C2.6317 8.10054 2.5 8.41848 2.5 8.75C2.5 9.08152 2.6317 9.39946 2.86612 9.63388C3.10054 9.8683 3.41848 10 3.75 10ZM26.25 20H3.75C3.41848 20 3.10054 20.1317 2.86612 20.3661C2.6317 20.6005 2.5 20.9185 2.5 21.25C2.5 21.5815 2.6317 21.8995 2.86612 22.1339C3.10054 22.3683 3.41848 22.5 3.75 22.5H26.25C26.5815 22.5 26.8995 22.3683 27.1339 22.1339C27.3683 21.8995 27.5 21.5815 27.5 21.25C27.5 20.9185 27.3683 20.6005 27.1339 20.3661C26.8995 20.1317 26.5815 20 26.25 20ZM26.25 13.75H3.75C3.41848 13.75 3.10054 13.8817 2.86612 14.1161C2.6317 14.3505 2.5 14.6685 2.5 15C2.5 15.3315 2.6317 15.6495 2.86612 15.8839C3.10054 16.1183 3.41848 16.25 3.75 16.25H26.25C26.5815 16.25 26.8995 16.1183 27.1339 15.8839C27.3683 15.6495 27.5 15.3315 27.5 15C27.5 14.6685 27.3683 14.3505 27.1339 14.1161C26.8995 13.8817 26.5815 13.75 26.25 13.75Z" fill="currentColor"></path> </svg></div> </a> </div> <div class="dropdown-menu right-al"> <div class="dropdown-menu-wrapper pad"> <div class="menu-list"> <div class="currency-wrapper"><img src="images/settings_24dp_0B2846_FILL0_wght400_GRAD0_opsz24.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">My account</div> </div> <div class="currency-wrapper"><img src="images/calendar_today_24dp_0B2846_FILL0_wght400_GRAD0_opsz24.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">My Bookings</div> </div> <div class="currency-wrapper"><img src="images/account_box_24dp_0B2846_FILL0_wght400_GRAD0_opsz24.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Passport</div> </div> <div class="currency-wrapper"><img src="images/favorite_24dp_0B2846_FILL0_wght400_GRAD0_opsz24.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Favorites</div> </div> <div class="separator"></div> <div class="currency-wrapper"><img src="images/headphones_24dp_0B2846_FILL0_wght400_GRAD0_opsz24.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Call Center</div> </div> <div class="currency-wrapper"><img src="images/confirmation_number_24dp_0B2846_FILL0_wght400_GRAD0_opsz24.svg" loading="lazy" alt="" class="currency-icon"> <div class="text-currency">Promos</div> </div> <div class="separator"></div> <div class="wrapper-nav-m-split"> <a href="#" class="textlink">Register</a> <a href="#" class="textlink">Sign in</a> </div> </div> </div> </div> </div> </div> <div class="hamburger-menu"><img src="images/icons-2_1.svg" loading="eager" alt="" class="hamburger-regular"><img src="images/icons-1_2.svg" loading="eager" alt="" class="hamburger-active"></div> </div> </div> </section> <section class="hero-section"> <div class="img-hero-mob"> <div class="bg-hero-mob-img"><img src="images/b7f61e94783deb659d6d258b0295117759becc36_1.avif" loading="lazy" sizes="(max-width: 1200px) 100vw, 1200px" srcset="images/b7f61e94783deb659d6d258b0295117759becc36_1b7f61e94783deb659d6d258b0295117759becc36.avif 500w, images/b7f61e94783deb659d6d258b0295117759becc36_1b7f61e94783deb659d6d258b0295117759becc36.avif 800w, images/b7f61e94783deb659d6d258b0295117759becc36_1.avif 1200w" alt="" class="img-hero-mobile"></div> </div> <div class="container"> <div class="wrapper-hero small"> <div class="content-hero"> <div class="pretitle-hero">Discovery your next</div> <h1 class="hero-h1">Perfect Stay</h1> </div> <div class="search-bar"> <div class="form-block w-form"> <form id="email-form" name="email-form" data-name="Email Form" method="get" class="form" data-wf-page-id="687cc06bb0b91aa58382a34b" data-wf-element-id="26f707ce-de1a-b349-4178-457a55b83e17"> <div class="column-form"><label for="name" class="label">Search locations or properties</label> <div class="input-wrapper"><img src="images/icons_1.svg" loading="lazy" alt="" class="icon-input"><input class="input w-input" maxlength="256" name="Location" data-name="Location" placeholder="Dubai" type="text" id="Location"></div> </div> <div class="column-form large"><label for="name" class="label">ARRIVAL & DEPARTURE</label> <div class="input-wrapper"> <div class="input-wrapper-split"><img src="images/icons-13.svg" loading="lazy" alt="" class="icon-input"><input class="input w-input" maxlength="256" name="Date-arrival" data-name="Date-arrival" placeholder="4 June, 2025" type="text" id="Date-arrival"></div><img src="images/icons-7.svg" loading="lazy" alt="" class="separator-date-form"> <div class="input-wrapper-split"><img src="images/icons-13.svg" loading="lazy" alt="" class="icon-input"><input class="input w-input" maxlength="256" name="Date-departure" data-name="Date-departure" placeholder="4 July, 2025" type="text" id="Date-departure"></div><img src="images/icons-8.svg" loading="lazy" alt="" class="separator-date-form last"> </div> </div> <div class="column-form f"><label for="name" class="label">guests</label> <div class="input-wrapper"><img src="images/icons-6.svg" loading="lazy" alt="" class="icon-input"> <div class="wrapper-input-abs-hld"><input class="input w-input" maxlength="256" name="Guests" data-name="Guests" placeholder="1 Guest, 1 Room" type="text" id="Guests"> <div id="pop-up-button" class="overlay-input-pop"></div> </div> <div class="wrapper-persons"> <div class="person-box"> <div class="type-person-nmb"><label for="name" class="type-p-text">Adults</label> <div class="input-wrapper-number-ppl"> <div id="decrease-adults" class="number-modifier inactive">-</div><input class="input-empty w-input" maxlength="256" name="Adults" data-name="Adults" placeholder="" type="text" id="input-adults" required=""> <div id="increase-adults" class="number-modifier">+</div> </div> </div> <div class="type-person-nmb"><label for="name" class="type-p-text">Children</label> <div class="input-wrapper-number-ppl"> <div id="decrease-children" class="number-modifier">-</div><input class="input-empty w-input" maxlength="256" name="Children" data-name="Children" placeholder="" type="text" id="input-children" required=""> <div id="increase-children" class="number-modifier">+</div> </div> </div> <div class="type-person-nmb"><label for="name" class="type-p-text">rooms</label> <div class="input-wrapper-number-ppl"> <div id="decrease-rooms" class="number-modifier">-</div><input class="input-empty w-input" maxlength="256" name="Rooms" data-name="Rooms" placeholder="" type="text" id="input-rooms" required=""> <div id="increase-rooms" class="number-modifier">+</div> </div> </div> </div> </div> </div> </div> <div class="column-form small"> <a class='button-form w-inline-block' href='/categories'> <div class="code-embed-2 w-embed"><svg width="46" height="46" viewbox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="46" height="46" rx="23" fill="currentColor"></rect> <path d="M33.5192 31.9809L29.5 27.9942C31.0601 26.049 31.8156 23.5799 31.6112 21.0948C31.4068 18.6096 30.258 16.2972 28.401 14.633C26.544 12.9689 24.12 12.0795 21.6274 12.1477C19.1347 12.2159 16.763 13.2365 14.9998 14.9998C13.2365 16.763 12.2159 19.1347 12.1477 21.6274C12.0795 24.12 12.9689 26.544 14.633 28.401C16.2972 30.258 18.6096 31.4068 21.0948 31.6112C23.5799 31.8156 26.049 31.0601 27.9942 29.5L31.9809 33.4867C32.0816 33.5882 32.2014 33.6688 32.3334 33.7238C32.4654 33.7788 32.607 33.8071 32.75 33.8071C32.893 33.8071 33.0346 33.7788 33.1666 33.7238C33.2987 33.6688 33.4185 33.5882 33.5192 33.4867C33.7144 33.2847 33.8236 33.0147 33.8236 32.7338C33.8236 32.4528 33.7144 32.1829 33.5192 31.9809ZM21.9167 29.5C20.4168 29.5 18.9507 29.0553 17.7036 28.222C16.4565 27.3887 15.4846 26.2044 14.9106 24.8187C14.3366 23.433 14.1865 21.9083 14.4791 20.4373C14.7717 18.9662 15.4939 17.615 16.5545 16.5545C17.615 15.4939 18.9662 14.7717 20.4373 14.4791C21.9083 14.1865 23.433 14.3366 24.8187 14.9106C26.2044 15.4846 27.3887 16.4565 28.222 17.7036C29.0553 18.9507 29.5 20.4168 29.5 21.9167C29.5 23.9279 28.7011 25.8568 27.2789 27.2789C25.8568 28.7011 23.9279 29.5 21.9167 29.5Z" fill="#0B2846"></path> </svg></div> </a> </div> </form> <div class="w-form-done"> <div>Thank you! Your submission has been received!</div> </div> <div class="w-form-fail"> <div>Oops! Something went wrong while submitting the form.</div> </div> </div> </div> </div> </div> </section> <section class="section featured-section"> <div class="container slide0"> <div class="wrapper c"> <div class="content _30"> <h2 class="section-title">Featured <span class="highlight">Top</span> Countries</h2> <div class="btn-wrapper"> <a href="#" class="btn w-inline-block"> <div class="text-button">view all</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> <div class="content _65"> <div class="wrapper-images-featured"> <div class="img-wrapper-featured"><img src="images/74f1d709a92243e6da3ebf6c007f6c8dee94d57e_1.avif" loading="lazy" alt="" class="img-featured"></div> <a href="#" class="img-wrapper-featured w-inline-block"><img src="images/a0a48012c6b3cbb12de069dc9bd50c6fc61191c2_1.avif" loading="lazy" width="Auto" alt="" class="img-featured regular"></a> <a href="#" class="img-wrapper-featured hidemob w-inline-block"><img src="images/79c3c8f224c465f275a227f37bacf1704551d814_1.avif" loading="lazy" alt="" class="img-featured regular"></a> </div> </div> </div> </div> </section> <section class="section hide-overflow"> <div class="container"> <div class="content center r1 slide0"> <h2 class="section-title medium">Most Popular</h2> <p class="p18">Duis aute irure dolor in five-star pleasure, in the heart of downtown location. Sed do eiusmod tempor incididunt ut labore et checked-out dolore magna aliqua.</p> </div> <div class="wrapper-multi-image-popular slide0"><img src="images/cbd95b2200d956b8e3bb9898b6598dade409c202_1.avif" loading="lazy" sizes="(max-width: 850px) 100vw, 850px" srcset="images/cbd95b2200d956b8e3bb9898b6598dade409c202_1cbd95b2200d956b8e3bb9898b6598dade409c202.avif 500w, images/cbd95b2200d956b8e3bb9898b6598dade409c202_1.avif 850w" alt="" class="img-main"> <div class="img-wrapper-secondary"><img src="images/60c9715a70e092e4725330c56dc8a98487c6a412_1.avif" loading="lazy" sizes="(max-width: 850px) 100vw, 850px" srcset="images/60c9715a70e092e4725330c56dc8a98487c6a412_160c9715a70e092e4725330c56dc8a98487c6a412.avif 500w, images/60c9715a70e092e4725330c56dc8a98487c6a412_1.avif 850w" alt="" class="img-secondary"><img src="images/0a863f4b3facdd27c0120250ae70b347a194cefc_1.avif" loading="lazy" sizes="(max-width: 850px) 100vw, 850px" srcset="images/0a863f4b3facdd27c0120250ae70b347a194cefc_10a863f4b3facdd27c0120250ae70b347a194cefc.avif 500w, images/0a863f4b3facdd27c0120250ae70b347a194cefc_1.avif 850w" alt="" class="img-secondary"></div> </div> </div> <div class="wrapper-large-text"> <div class="marquee"> <div class="marquee-content scroll"> <div class="large-t-marq">Luxury, Budget, Family, Beach Resorts</div> </div> <div class="marquee-content scroll"> <div class="large-t-marq">Luxury, Budget, Family, Beach Resorts</div> </div> </div> </div> </section> <section class="section"> <div class="container slide0"> <div centered-slides="false" loop-mode="true" slider-duration="800" space-between="40px" slides-per-view="2" slides-per-view-tablet="2" slides-per-view-mobile="2" class="slider-main_component"> <div class="slider-main_inner-wrapper"> <div class="swiper is-slider-main"> <div class="swiper-wrapper slider-sec"> <div class="swiper-slide"> <div class="hotel-wrapper"><img src="images/image_1.avif" loading="lazy" alt="" class="hotel-img"> <div class="content-hotel"> <div class="reviews-wrapper"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 <span class="hidemob">(2,470 reviews)</span></div> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <a class='btn w-inline-block' href='/hotel-detail'> <div class="text-button">show prices</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="hotel-wrapper"><img src="images/cbd95b2200d956b8e3bb9898b6598dade409c202_1.avif" loading="lazy" sizes="(max-width: 850px) 100vw, 850px" srcset="images/cbd95b2200d956b8e3bb9898b6598dade409c202_1cbd95b2200d956b8e3bb9898b6598dade409c202.avif 500w, images/cbd95b2200d956b8e3bb9898b6598dade409c202_1.avif 850w" alt="" class="hotel-img"> <div class="content-hotel"> <div class="reviews-wrapper"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 <span class="hidemob">(2,470 reviews)</span></div> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <a class='btn w-inline-block' href='/hotel-detail'> <div class="text-button">show prices</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="hotel-wrapper"><img src="images/0a863f4b3facdd27c0120250ae70b347a194cefc_1.avif" loading="lazy" sizes="(max-width: 850px) 100vw, 850px" srcset="images/0a863f4b3facdd27c0120250ae70b347a194cefc_10a863f4b3facdd27c0120250ae70b347a194cefc.avif 500w, images/0a863f4b3facdd27c0120250ae70b347a194cefc_1.avif 850w" alt="" class="hotel-img"> <div class="content-hotel"> <div class="reviews-wrapper"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 <span class="hidemob">(2,470 reviews)</span></div> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <a href="#" class="btn w-inline-block"> <div class="text-button">show prices</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="hotel-wrapper"><img src="images/60c9715a70e092e4725330c56dc8a98487c6a412_1.avif" loading="lazy" sizes="(max-width: 850px) 100vw, 850px" srcset="images/60c9715a70e092e4725330c56dc8a98487c6a412_160c9715a70e092e4725330c56dc8a98487c6a412.avif 500w, images/60c9715a70e092e4725330c56dc8a98487c6a412_1.avif 850w" alt="" class="hotel-img"> <div class="content-hotel"> <div class="reviews-wrapper"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 (2,470 reviews)</div> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <a href="#" class="btn w-inline-block"> <div class="text-button">show prices</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> </div> </div> </div> <div class="slider-main_bottom-wrapper"> <div class="swiper-bullet-wrapper is-slider-main"> <div class="swiper-bullet is-active"></div> <div class="swiper-bullet"></div> </div> </div> </div> </div> </section> <section class="section large-pad"> <div class="container slide0"> <div class="content center m48"> <h2 class="section-title medium">Hot hotel deals right now</h2> <p class="p18">Duis aute irure dolor in five-star pleasure, in the heart of downtown location. Sed do eiusmod tempor incididunt ut labore et checked-out dolore magna aliqua.</p> </div> <div class="grid-3x"> <div class="hotel-wrapper v"> <div centered-slides="false" loop-mode="true" slider-duration="800" space-between="40px" slides-per-view="1" slides-per-view-tablet="1" slides-per-view-mobile="1" class="slider-main_component full-w"> <div class="slider-main_inner-wrapper"> <div class="swiper is-slider-main"> <div class="swiper-wrapper slider-sec"> <div class="swiper-slide full-w"><img src="images/f348dd4c3917bd8e0f39feebf7148dba3b180e5f_1.avif" loading="lazy" sizes="(max-width: 1000px) 100vw, 1000px" srcset="images/f348dd4c3917bd8e0f39feebf7148dba3b180e5f_1f348dd4c3917bd8e0f39feebf7148dba3b180e5f.avif 500w, images/f348dd4c3917bd8e0f39feebf7148dba3b180e5f_1.avif 1000w" alt="" class="hotel-img large"></div> <div class="swiper-slide full-w"><img src="images/79c3c8f224c465f275a227f37bacf1704551d814_1.avif" loading="lazy" alt="" class="hotel-img large"></div> <div class="swiper-slide full-w"><img src="images/74f1d709a92243e6da3ebf6c007f6c8dee94d57e_1.avif" loading="lazy" alt="" class="hotel-img large"></div> </div> </div> </div> <div class="slider-main_bottom-wrapper abs"> <div class="swiper-bullet-wrapper is-slider-main"> <div class="swiper-bullet is-active"></div> <div class="swiper-bullet w"></div> </div> </div> </div> <div class="content-hotel v"> <div class="wrapper-hotel-top"> <div class="reviews-wrapper nm"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6<span class="hidemob"> (2,470 reviews)</span></div> </div> <a href="#" class="textlink alt">Show on map</a> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <div class="wrapper-hotel-features pad-r"> <div class="hotel-feature"><img src="images/icons-1_1.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-2.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Pool Climatizada</div> </div> <div class="hotel-feature"><img src="images/icons-3.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-4.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> </div> <div class="wrapper-price-feat"> <div class="content-wrapper-price-f"> <div class="price-wrapper-i"> <div class="price-l">$777.30</div> <div class="price-s">/ night</div> </div> <div class="subtitle-price-i">$890.30 total with taxes</div> </div> <div class="btn-wrapper-price-f"> <a class='btn lowpadding w-inline-block' href='/hotel-detail'> <div class="text-button">view more</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> </div> <div class="hotel-wrapper v"> <div centered-slides="false" loop-mode="true" slider-duration="800" space-between="40px" slides-per-view="1" slides-per-view-tablet="1" slides-per-view-mobile="1" class="slider-main_component full-w"> <div class="slider-main_inner-wrapper"> <div class="swiper is-slider-main"> <div class="swiper-wrapper slider-sec"> <div class="swiper-slide full-w"><img src="images/cc5b07c7e3a5400549f35ac2e5cc1912082338fc_1.avif" loading="lazy" sizes="(max-width: 1000px) 100vw, 1000px" srcset="images/cc5b07c7e3a5400549f35ac2e5cc1912082338fc_1cc5b07c7e3a5400549f35ac2e5cc1912082338fc.avif 500w, images/cc5b07c7e3a5400549f35ac2e5cc1912082338fc_1.avif 1000w" alt="" class="hotel-img large"></div> <div class="swiper-slide full-w"><img src="images/79c3c8f224c465f275a227f37bacf1704551d814_1.avif" loading="lazy" alt="" class="hotel-img large"></div> <div class="swiper-slide full-w"><img src="images/74f1d709a92243e6da3ebf6c007f6c8dee94d57e_1.avif" loading="lazy" alt="" class="hotel-img large"></div> </div> </div> </div> <div class="slider-main_bottom-wrapper abs"> <div class="swiper-bullet-wrapper is-slider-main"> <div class="swiper-bullet is-active"></div> <div class="swiper-bullet w"></div> </div> </div> </div> <div class="content-hotel v"> <div class="wrapper-hotel-top"> <div class="reviews-wrapper nm"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 (2,470 reviews)</div> </div> <a href="#" class="textlink alt">Show on map</a> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <div class="wrapper-hotel-features pad-r"> <div class="hotel-feature"><img src="images/icons-1_1.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-2.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-3.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-4.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> </div> <div class="wrapper-price-feat"> <div class="content-wrapper-price-f"> <div class="price-wrapper-i"> <div class="price-l">$777.30</div> <div class="price-s">/ night</div> </div> <div class="subtitle-price-i">$890.30 total with taxes</div> </div> <div class="btn-wrapper-price-f"> <a class='btn lowpadding w-inline-block' href='/hotel-detail'> <div class="text-button">view more</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> </div> <div class="hotel-wrapper v"> <div centered-slides="false" loop-mode="true" slider-duration="800" space-between="40px" slides-per-view="1" slides-per-view-tablet="1" slides-per-view-mobile="1" class="slider-main_component full-w"> <div class="slider-main_inner-wrapper"> <div class="swiper is-slider-main"> <div class="swiper-wrapper slider-sec"> <div class="swiper-slide full-w"><img src="images/7a4e427bf2f06868bbbd8b2bb39354ba72bfdaf2_1.avif" loading="lazy" sizes="(max-width: 1000px) 100vw, 1000px" srcset="images/7a4e427bf2f06868bbbd8b2bb39354ba72bfdaf2_17a4e427bf2f06868bbbd8b2bb39354ba72bfdaf2.avif 500w, images/7a4e427bf2f06868bbbd8b2bb39354ba72bfdaf2_1.avif 1000w" alt="" class="hotel-img large"></div> <div class="swiper-slide full-w"><img src="images/a0a48012c6b3cbb12de069dc9bd50c6fc61191c2_1.avif" loading="lazy" alt="" class="hotel-img large"></div> <div class="swiper-slide full-w"><img src="images/b7f61e94783deb659d6d258b0295117759becc36_1.avif" loading="lazy" sizes="(max-width: 1200px) 100vw, 1200px" srcset="images/b7f61e94783deb659d6d258b0295117759becc36_1b7f61e94783deb659d6d258b0295117759becc36.avif 500w, images/b7f61e94783deb659d6d258b0295117759becc36_1b7f61e94783deb659d6d258b0295117759becc36.avif 800w, images/b7f61e94783deb659d6d258b0295117759becc36_1.avif 1200w" alt="" class="hotel-img large"></div> </div> </div> </div> <div class="slider-main_bottom-wrapper abs"> <div class="swiper-bullet-wrapper is-slider-main"> <div class="swiper-bullet is-active"></div> <div class="swiper-bullet w"></div> </div> </div> </div> <div class="content-hotel v"> <div class="wrapper-hotel-top"> <div class="reviews-wrapper nm"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 (2,470 reviews)</div> </div> <a href="#" class="textlink alt">Show on map</a> </div> <h3 class="hotel-name">The Grand Oasis Hotel</h3> <p class="hotel-desc">Dubai, UEA | 0.2 km from downtown</p> <div class="wrapper-hotel-features pad-r"> <div class="hotel-feature"><img src="images/icons-1_1.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-2.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-3.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> <div class="hotel-feature"><img src="images/icons-4.svg" loading="lazy" alt="" class="hotel-feature-icon"> <div>Bed King</div> </div> </div> <div class="wrapper-price-feat"> <div class="content-wrapper-price-f"> <div class="price-wrapper-i"> <div class="price-l">$777.30</div> <div class="price-s">/ night</div> </div> <div class="subtitle-price-i">$890.30 total with taxes</div> </div> <div class="btn-wrapper-price-f"> <a class='btn lowpadding w-inline-block' href='/hotel-detail'> <div class="text-button">view more</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> </div> </div> </div> </section> <section class="section large-pad h-o"> <div class="container-large-ov"> <div class="container slide0"> <div class="stagger-slide-component"> <div class="wrapper gap30"> <div class="slide-col-1"> <h2 class="section-title">Top Activities in <span class="highlight">UAE</span></h2> <div class="arrows-wrapper-slide"> <div class="slider-gallery_button-wrapper"> <a href="#" class="slider-gallery_button swiper-prev w-inline-block"> <div class="icon-slider w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.08 11.6199C6.12759 11.4972 6.19896 11.385 6.29 11.2899L11.29 6.28994C11.3832 6.1967 11.4939 6.12274 11.6158 6.07228C11.7376 6.02182 11.8681 5.99585 12 5.99585C12.2663 5.99585 12.5217 6.10164 12.71 6.28994C12.8032 6.38318 12.8772 6.49387 12.9277 6.61569C12.9781 6.73751 13.0041 6.86808 13.0041 6.99994C13.0041 7.26624 12.8983 7.52164 12.71 7.70994L9.41 10.9999H17C17.2652 10.9999 17.5196 11.1053 17.7071 11.2928C17.8946 11.4804 18 11.7347 18 11.9999C18 12.2652 17.8946 12.5195 17.7071 12.707C17.5196 12.8946 17.2652 12.9999 17 12.9999H9.41L12.71 16.2899C12.8037 16.3829 12.8781 16.4935 12.9289 16.6154C12.9797 16.7372 13.0058 16.8679 13.0058 16.9999C13.0058 17.132 12.9797 17.2627 12.9289 17.3845C12.8781 17.5064 12.8037 17.617 12.71 17.7099C12.617 17.8037 12.5064 17.8781 12.3846 17.9288C12.2627 17.9796 12.132 18.0057 12 18.0057C11.868 18.0057 11.7373 17.9796 11.6154 17.9288C11.4936 17.8781 11.383 17.8037 11.29 17.7099L6.29 12.7099C6.19896 12.6148 6.12759 12.5027 6.08 12.3799C5.97998 12.1365 5.97998 11.8634 6.08 11.6199Z" fill="currentColor"></path> </svg></div> </a> <a href="#" class="slider-gallery_button swiper-next w-inline-block"> <div class="icon-slider w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.92 11.6199C17.8724 11.4972 17.801 11.385 17.71 11.2899L12.71 6.28994C12.6168 6.1967 12.5061 6.12274 12.3842 6.07228C12.2624 6.02182 12.1319 5.99585 12 5.99585C11.7337 5.99585 11.4783 6.10164 11.29 6.28994C11.1968 6.38318 11.1228 6.49387 11.0723 6.61569C11.0219 6.73751 10.9959 6.86808 10.9959 6.99994C10.9959 7.26624 11.1017 7.52164 11.29 7.70994L14.59 10.9999H7C6.73478 10.9999 6.48043 11.1053 6.29289 11.2928C6.10536 11.4804 6 11.7347 6 11.9999C6 12.2652 6.10536 12.5195 6.29289 12.707C6.48043 12.8946 6.73478 12.9999 7 12.9999H14.59L11.29 16.2899C11.1963 16.3829 11.1219 16.4935 11.0711 16.6154C11.0203 16.7372 10.9942 16.8679 10.9942 16.9999C10.9942 17.132 11.0203 17.2627 11.0711 17.3845C11.1219 17.5064 11.1963 17.617 11.29 17.7099C11.383 17.8037 11.4936 17.8781 11.6154 17.9288C11.7373 17.9796 11.868 18.0057 12 18.0057C12.132 18.0057 12.2627 17.9796 12.3846 17.9288C12.5064 17.8781 12.617 17.8037 12.71 17.7099L17.71 12.7099C17.801 12.6148 17.8724 12.5027 17.92 12.3799C18.02 12.1365 18.02 11.8634 17.92 11.6199Z" fill="currentColor"></path> </svg></div> </a> </div> </div> <div class="swiper is-slide-col-1"> <div class="swiper-wrapper full-h"> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/918_1.avif" loading="lazy" alt="" class="img-abs"> <div class="content-gallery"> <h3 class="title-gallery-slide">Skiing<br>in Dubai</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/919_1.avif" loading="lazy" alt="" class="img-abs"> <div class="content-gallery"> <h3 class="title-gallery-slide">Snorkeling and Diving</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1.avif" loading="lazy" sizes="(max-width: 1500px) 100vw, 1500px" srcset="images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1d4ddf7a4aade2c905882bad45a6f724775a42721-1.avif 500w, images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1d4ddf7a4aade2c905882bad45a6f724775a42721-1.avif 800w, images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1.avif 1500w" alt="" class="img-abs"> <div class="content-gallery"> <h3 class="title-gallery-slide">Meditations on waterfalls surfing</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> </div> </div> </div> <div class="slide-col-2"> <div class="swiper is-slide-col-2"> <div class="swiper-wrapper full-h"> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/918_1.avif" loading="lazy" alt="" class="img-abs"> <div class="content-gallery"> <h3 class="title-gallery-slide">Skiing<br>in Dubai</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/919_1.avif" loading="lazy" alt="" class="img-abs"> <div class="content-gallery"> <h3 class="title-gallery-slide">Snorkeling and Diving</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1.avif" loading="lazy" sizes="(max-width: 1500px) 100vw, 1500px" srcset="images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1d4ddf7a4aade2c905882bad45a6f724775a42721-1.avif 500w, images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1d4ddf7a4aade2c905882bad45a6f724775a42721-1.avif 800w, images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1.avif 1500w" alt="" class="img-abs"> <div class="content-gallery"> <h3 class="title-gallery-slide">Meditations on waterfalls surfing</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> </div> </div> </div> <div class="slide-col-3"> <div class="swiper is-slide-col-3"> <div class="swiper-wrapper full-h"> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/918_1.avif" loading="lazy" alt="" class="img-abs round"> <div class="content-gallery"> <h3 class="title-gallery-slide">Skiing<br>in Dubai</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/919_1.avif" loading="lazy" alt="" class="img-abs round"> <div class="content-gallery"> <h3 class="title-gallery-slide">Snorkeling and Diving</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> <div class="swiper-slide full-h"> <div class="gallery-1-wrapper"><img src="images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1.avif" loading="lazy" sizes="(max-width: 1500px) 100vw, 1500px" srcset="images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1d4ddf7a4aade2c905882bad45a6f724775a42721-1.avif 500w, images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1d4ddf7a4aade2c905882bad45a6f724775a42721-1.avif 800w, images/d4ddf7a4aade2c905882bad45a6f724775a42721-1_1.avif 1500w" alt="" class="img-abs round"> <div class="content-gallery"> <h3 class="title-gallery-slide">Meditations on waterfalls surfing</h3> <a href="#" class="textlink reg">View details</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container full-mob"> <div class="content topm slide0"> <div class="cta-wrapper"> <div class="content-cta"> <h2 class="section-title">Travel <span class="highlight blue">more</span>, spend <span class="highlight">less</span></h2> <p class="p24">Recharge in stylish hotels, not far from home</p> <div class="btn-wrapper topm"> <a href="#" class="btn ghost w-inline-block"> <div class="text-button">list your hotel</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> </div> </div> </div> <div class="content topm _95 slide0"> <div class="wrapper-promo"> <a href="#" class="link-promo w-inline-block"> <div class="img-promo-main main"><img src="images/336ed09ec0d91810cf0a979526db8022064455bf_1.avif" loading="lazy" sizes="(max-width: 1500px) 100vw, 1500px" srcset="images/336ed09ec0d91810cf0a979526db8022064455bf_1336ed09ec0d91810cf0a979526db8022064455bf.avif 500w, images/336ed09ec0d91810cf0a979526db8022064455bf_1336ed09ec0d91810cf0a979526db8022064455bf.avif 800w, images/336ed09ec0d91810cf0a979526db8022064455bf_1.avif 1500w" alt="" class="img-card-full"> <div class="content-card"><img src="images/Group-6600.svg" loading="lazy" alt="" class="icon-heart"> <h3 class="promo-card-title">The Grand Oasis Hotel</h3> </div> </div> <div class="img-promo-main left"><img src="images/a55fc3de6130b721cf357327958a310d3fa0b10a_1.avif" loading="lazy" sizes="(max-width: 1500px) 100vw, 1500px" srcset="images/a55fc3de6130b721cf357327958a310d3fa0b10a_1a55fc3de6130b721cf357327958a310d3fa0b10a.avif 500w, images/a55fc3de6130b721cf357327958a310d3fa0b10a_1a55fc3de6130b721cf357327958a310d3fa0b10a.avif 800w, images/a55fc3de6130b721cf357327958a310d3fa0b10a_1.avif 1500w" alt="" class="img-card-full"></div> <div class="img-promo-main right"><img src="images/d84bd99ef9e40db0f7fbf5f4644cbf2f3fcb30e0_1.avif" loading="lazy" sizes="(max-width: 1500px) 100vw, 1500px" srcset="images/d84bd99ef9e40db0f7fbf5f4644cbf2f3fcb30e0_1d84bd99ef9e40db0f7fbf5f4644cbf2f3fcb30e0.avif 500w, images/d84bd99ef9e40db0f7fbf5f4644cbf2f3fcb30e0_1d84bd99ef9e40db0f7fbf5f4644cbf2f3fcb30e0.avif 800w, images/d84bd99ef9e40db0f7fbf5f4644cbf2f3fcb30e0_1.avif 1500w" alt="" class="img-card-full"></div> </a> </div> </div> </div> </section> <section class="section"> <div class="container-large-ov"> <div class="container slide0"> <div class="testimonial-slide-component"> <div class="wrapper testimonials-wr"> <div class="testimonial-slide-col-1"> <div class="swiper is-slide-testimonial-1"> <div class="swiper-wrapper h"> <div class="swiper-slide tst"><img src="images/68cc10178a8d893a408be052ccbf74c93cb03a6f.avif" loading="lazy" alt="" class="avatar-img"> <div class="testimonial-name">— Isabella Marie Thompson</div> <div class="testimonial-location">London, UK</div> </div> <div class="swiper-slide tst"><img src="images/pretty-ukrainian-woman-shows-triumph-yes-gesture-o-2025-03-06-04-03-29-utc_1.avif" loading="lazy" sizes="100vw" srcset="images/pretty-ukrainian-woman-shows-triumph-yes-gesture-o-2025-03-06-04-03-29-utc_1pretty-ukrainian-woman-shows-triumph-yes-gesture-o-2025-03-06-04-03-29-utc.avif 500w, images/pretty-ukrainian-woman-shows-triumph-yes-gesture-o-2025-03-06-04-03-29-utc_1.avif 900w" alt="" class="avatar-img"> <div class="testimonial-name">— Johanna Doe</div> <div class="testimonial-location">Bristol, UK</div> </div> <div class="swiper-slide tst"><img src="images/portrait-of-happy-young-red-haired-woman-in-neckla-2024-11-11-12-25-55-utc_1.avif" loading="lazy" sizes="100vw" srcset="images/portrait-of-happy-young-red-haired-woman-in-neckla-2024-11-11-12-25-55-utc_1portrait-of-happy-young-red-haired-woman-in-neckla-2024-11-11-12-25-55-utc.avif 500w, images/portrait-of-happy-young-red-haired-woman-in-neckla-2024-11-11-12-25-55-utc_1.avif 900w" alt="" class="avatar-img"> <div class="testimonial-name">— Alexandra Doe</div> <div class="testimonial-location">Liverpool, UK</div> </div> </div> </div> <div class="arrows-wrapper-slide topm"> <div class="slider-gallery_button-wrapper"> <a href="#" class="slider-gallery_button swiper-prev1 w-inline-block"> <div class="icon-slider w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.08 11.6199C6.12759 11.4972 6.19896 11.385 6.29 11.2899L11.29 6.28994C11.3832 6.1967 11.4939 6.12274 11.6158 6.07228C11.7376 6.02182 11.8681 5.99585 12 5.99585C12.2663 5.99585 12.5217 6.10164 12.71 6.28994C12.8032 6.38318 12.8772 6.49387 12.9277 6.61569C12.9781 6.73751 13.0041 6.86808 13.0041 6.99994C13.0041 7.26624 12.8983 7.52164 12.71 7.70994L9.41 10.9999H17C17.2652 10.9999 17.5196 11.1053 17.7071 11.2928C17.8946 11.4804 18 11.7347 18 11.9999C18 12.2652 17.8946 12.5195 17.7071 12.707C17.5196 12.8946 17.2652 12.9999 17 12.9999H9.41L12.71 16.2899C12.8037 16.3829 12.8781 16.4935 12.9289 16.6154C12.9797 16.7372 13.0058 16.8679 13.0058 16.9999C13.0058 17.132 12.9797 17.2627 12.9289 17.3845C12.8781 17.5064 12.8037 17.617 12.71 17.7099C12.617 17.8037 12.5064 17.8781 12.3846 17.9288C12.2627 17.9796 12.132 18.0057 12 18.0057C11.868 18.0057 11.7373 17.9796 11.6154 17.9288C11.4936 17.8781 11.383 17.8037 11.29 17.7099L6.29 12.7099C6.19896 12.6148 6.12759 12.5027 6.08 12.3799C5.97998 12.1365 5.97998 11.8634 6.08 11.6199Z" fill="currentColor"></path> </svg></div> </a> <a href="#" class="slider-gallery_button swiper-next1 w-inline-block"> <div class="icon-slider w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.92 11.6199C17.8724 11.4972 17.801 11.385 17.71 11.2899L12.71 6.28994C12.6168 6.1967 12.5061 6.12274 12.3842 6.07228C12.2624 6.02182 12.1319 5.99585 12 5.99585C11.7337 5.99585 11.4783 6.10164 11.29 6.28994C11.1968 6.38318 11.1228 6.49387 11.0723 6.61569C11.0219 6.73751 10.9959 6.86808 10.9959 6.99994C10.9959 7.26624 11.1017 7.52164 11.29 7.70994L14.59 10.9999H7C6.73478 10.9999 6.48043 11.1053 6.29289 11.2928C6.10536 11.4804 6 11.7347 6 11.9999C6 12.2652 6.10536 12.5195 6.29289 12.707C6.48043 12.8946 6.73478 12.9999 7 12.9999H14.59L11.29 16.2899C11.1963 16.3829 11.1219 16.4935 11.0711 16.6154C11.0203 16.7372 10.9942 16.8679 10.9942 16.9999C10.9942 17.132 11.0203 17.2627 11.0711 17.3845C11.1219 17.5064 11.1963 17.617 11.29 17.7099C11.383 17.8037 11.4936 17.8781 11.6154 17.9288C11.7373 17.9796 11.868 18.0057 12 18.0057C12.132 18.0057 12.2627 17.9796 12.3846 17.9288C12.5064 17.8781 12.617 17.8037 12.71 17.7099L17.71 12.7099C17.801 12.6148 17.8724 12.5027 17.92 12.3799C18.02 12.1365 18.02 11.8634 17.92 11.6199Z" fill="currentColor"></path> </svg></div> </a> </div> </div> <div class="background-h"></div> </div> <div class="testimonial-slide-col-2"> <div class="swiper is-slide-testimonial-2"> <div class="swiper-wrapper h"> <div class="swiper-slide testim is-active"> <p class="testimonial-p">Booking through BestHotel.ae was incredibly easy and stress-free <span class="img-span"> </span> I found a beautiful hotel in Dubai with amazing views and got a great deal compared to other sites.</p> </div> <div class="swiper-slide testim"> <p class="testimonial-p">Booking through BestHotel.ae was incredibly easy and stress-free <span class="img-span"> </span> I found a beautiful hotel in Dubai with amazing views and got a great deal compared to other sites.</p> </div> <div class="swiper-slide testim"> <p class="testimonial-p">Booking through BestHotel.ae was incredibly easy and stress-free <span class="img-span"> </span> I found a beautiful hotel in Dubai with amazing views and got a great deal compared to other sites.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section footer"> <div class="container"> <div class="content"> <h2 class="footer-title">Contact details</h2> <div class="footer-contact-wrapper"> <a href="#" class="textlink alt">+57 301 564 5562</a> <a href="#" class="textlink alt">hey@besthotels.ae</a> </div> <div class="wrapper-footer-c"> <div class="address-wrapper"> <p class="p20">Burj Khalifa, 1 Sheikh Mohammed bin Rashid Blvd, Downtown Dubai,</p> </div> <div class="sm-wrapper hidemob"> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="17" height="17" viewbox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1_7042)"> <mask id="mask0_1_7042" style="mask-type:luminance" maskunits="userSpaceOnUse" x="0" y="0" width="17" height="17"> <path d="M0.174927 0.174805H16.8249V16.8248H0.174927V0.174805Z" fill="white"></path> </mask> <g mask="url(#mask0_1_7042)"> <path d="M13.2868 0.955078H15.8402L10.2624 7.3463L16.8249 16.0447H11.6872L7.66029 10.7703L3.05776 16.0447H0.50198L6.46744 9.20634L0.174927 0.956267H5.44346L9.07792 5.77644L13.2868 0.955078ZM12.3889 14.5129H13.8041L4.67043 2.4072H3.1529L12.3889 14.5129Z" fill="currentColor"></path> </g> </g> <defs> <clippath id="clip0_1_7042"> <rect width="16.65" height="16.65" fill="white" transform="translate(0.174927 0.174805)"></rect> </clippath> </defs> </svg></div> </a> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="16" height="17" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.7796 0.695312C15.3631 0.695312 15.878 1.21021 15.878 1.82808V14.975C15.878 15.5929 15.3631 16.0734 14.7796 16.0734H1.56399C0.980444 16.0734 0.499878 15.5929 0.499878 14.975V1.82808C0.499878 1.21021 0.980444 0.695312 1.56399 0.695312H14.7796ZM5.13391 13.8766V6.56509H2.86838V13.8766H5.13391ZM4.00115 5.5353C4.722 5.5353 5.30554 4.95176 5.30554 4.23091C5.30554 3.51006 4.722 2.89219 4.00115 2.89219C3.24597 2.89219 2.66243 3.51006 2.66243 4.23091C2.66243 4.95176 3.24597 5.5353 4.00115 5.5353ZM13.6811 13.8766V9.8604C13.6811 7.90381 13.2349 6.35913 10.935 6.35913C9.8366 6.35913 9.08142 6.977 8.77249 7.56055H8.73816V6.56509H6.57561V13.8766H8.84114V10.2723C8.84114 9.31118 9.01277 8.38438 10.2142 8.38438C11.3813 8.38438 11.3813 9.48281 11.3813 10.3066V13.8766H13.6811Z" fill="currentColor"></path> </svg></div> </a> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="20" height="19" viewbox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.8542 6.39187C18.8542 6.39187 18.8542 6.39187 18.8542 6.34562C18.2024 4.56613 17.0198 3.02976 15.4663 1.94435C13.9129 0.858932 12.0635 0.276855 10.1684 0.276855C8.27332 0.276855 6.42395 0.858932 4.87048 1.94435C3.31702 3.02976 2.13442 4.56613 1.48266 6.34562C1.48266 6.34562 1.48266 6.34562 1.48266 6.39187C0.754803 8.39995 0.754803 10.5998 1.48266 12.6079C1.48266 12.6079 1.48266 12.6079 1.48266 12.6541C2.13442 14.4336 3.31702 15.97 4.87048 17.0554C6.42395 18.1408 8.27332 18.7229 10.1684 18.7229C12.0635 18.7229 13.9129 18.1408 15.4663 17.0554C17.0198 15.97 18.2024 14.4336 18.8542 12.6541C18.8542 12.6541 18.8542 12.6541 18.8542 12.6079C19.582 10.5998 19.582 8.39995 18.8542 6.39187ZM2.99041 11.3499C2.66965 10.1374 2.66965 8.86235 2.99041 7.64987H4.71091C4.56294 8.87877 4.56294 10.121 4.71091 11.3499H2.99041ZM3.74891 13.1999H5.04391C5.26103 14.0248 5.57136 14.8224 5.96891 15.5771C5.06176 14.9592 4.30345 14.1471 3.74891 13.1999ZM5.04391 5.79987H3.74891C4.29547 4.85553 5.04409 4.04373 5.94116 3.42262C5.55317 4.17857 5.25217 4.97608 5.04391 5.79987ZM9.22491 16.6224C8.08879 15.7887 7.29087 14.5737 6.97716 13.1999H9.22491V16.6224ZM9.22491 11.3499H6.57941C6.4068 10.1226 6.4068 8.87717 6.57941 7.64987H9.22491V11.3499ZM9.22491 5.79987H6.97716C7.29087 4.42603 8.08879 3.21109 9.22491 2.37737V5.79987ZM16.5509 5.79987H15.2559C15.0388 4.97492 14.7285 4.17737 14.3309 3.42262C15.2381 4.04059 15.9964 4.85262 16.5509 5.79987ZM11.0749 2.37737C12.211 3.21109 13.009 4.42603 13.3227 5.79987H11.0749V2.37737ZM11.0749 16.6224V13.1999H13.3227C13.009 14.5737 12.211 15.7887 11.0749 16.6224ZM13.7204 11.3499H11.0749V7.64987H13.7204C13.893 8.87717 13.893 10.1226 13.7204 11.3499ZM14.3587 15.5771C14.7562 14.8224 15.0665 14.0248 15.2837 13.1999H16.5787C16.0241 14.1471 15.2658 14.9592 14.3587 15.5771ZM17.3094 11.3499H15.5889C15.6641 10.7361 15.7012 10.1182 15.6999 9.49987C15.7009 8.88151 15.6639 8.26367 15.5889 7.64987H17.3094C17.6302 8.86235 17.6302 10.1374 17.3094 11.3499Z" fill="currentColor"></path> </svg></div> </a> </div> </div> <div class="wrapper-footer-c center"> <div class="btn-wrapper"> <a href="#" class="btn w-inline-block"> <div class="text-button">list your hotel</div> <div class="icon-wrapper-btn"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-1"><img src="images/icons-9.svg" loading="lazy" alt="" class="icon-btn icon-2"></div> </a> </div> <div class="reviews-wrapper nm hidemob"><img src="images/icons_3.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 (2,470 reviews)</div> </div> </div> <div class="wrapper-navigation-footer"> <div class="footer-column"> <a class='footer-link' href='/blog'>Blog</a> <a href="#" class="footer-link">Booking Channels</a> <a class='footer-link' href='/terms'>Terms & Conditions</a> <a class='footer-link' href='/privacy-policy'>Privacy Policy</a> <a class='footer-link' href='/privacy-policy'>Imprint</a> </div> <div class="footer-column"> <a class='footer-link' href='/about-us'>About us</a> <a href="#" class="footer-link">Gallery</a> <a href="#" class="footer-link">Work with Us</a> <a href="#" class="footer-link">Partnerships</a> </div> <div class="footer-column"> <a href="#" class="footer-link">Burj Al Arab Jumeirah</a> <a href="#" class="footer-link">Atlantis, The Palm</a> <a href="#" class="footer-link">Armani Hotel Dubai</a> <a href="#" class="footer-link">XVA Art Hotel</a> <a href="#" class="footer-link">Citymax Hotel Bur Dubai</a> <a href="#" class="footer-link">Palazzo Versace Dubai</a> </div> <div class="footer-column"> <a href="#" class="footer-link">Rooms & Suites</a> <a href="#" class="footer-link">Wellness</a> <a href="#" class="footer-link">Events</a> <a href="#" class="footer-link">Activities</a> <a href="#" class="footer-link">Shop</a> </div> </div> <div class="wrapper-mob-data"> <div class="sm-wrapper"> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="17" height="17" viewbox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1_7042)"> <mask id="mask0_1_7042" style="mask-type:luminance" maskunits="userSpaceOnUse" x="0" y="0" width="17" height="17"> <path d="M0.174927 0.174805H16.8249V16.8248H0.174927V0.174805Z" fill="white"></path> </mask> <g mask="url(#mask0_1_7042)"> <path d="M13.2868 0.955078H15.8402L10.2624 7.3463L16.8249 16.0447H11.6872L7.66029 10.7703L3.05776 16.0447H0.50198L6.46744 9.20634L0.174927 0.956267H5.44346L9.07792 5.77644L13.2868 0.955078ZM12.3889 14.5129H13.8041L4.67043 2.4072H3.1529L12.3889 14.5129Z" fill="currentColor"></path> </g> </g> <defs> <clippath id="clip0_1_7042"> <rect width="16.65" height="16.65" fill="white" transform="translate(0.174927 0.174805)"></rect> </clippath> </defs> </svg></div> </a> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="16" height="17" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.7796 0.695312C15.3631 0.695312 15.878 1.21021 15.878 1.82808V14.975C15.878 15.5929 15.3631 16.0734 14.7796 16.0734H1.56399C0.980444 16.0734 0.499878 15.5929 0.499878 14.975V1.82808C0.499878 1.21021 0.980444 0.695312 1.56399 0.695312H14.7796ZM5.13391 13.8766V6.56509H2.86838V13.8766H5.13391ZM4.00115 5.5353C4.722 5.5353 5.30554 4.95176 5.30554 4.23091C5.30554 3.51006 4.722 2.89219 4.00115 2.89219C3.24597 2.89219 2.66243 3.51006 2.66243 4.23091C2.66243 4.95176 3.24597 5.5353 4.00115 5.5353ZM13.6811 13.8766V9.8604C13.6811 7.90381 13.2349 6.35913 10.935 6.35913C9.8366 6.35913 9.08142 6.977 8.77249 7.56055H8.73816V6.56509H6.57561V13.8766H8.84114V10.2723C8.84114 9.31118 9.01277 8.38438 10.2142 8.38438C11.3813 8.38438 11.3813 9.48281 11.3813 10.3066V13.8766H13.6811Z" fill="currentColor"></path> </svg></div> </a> <a href="#" class="sm-item w-inline-block"> <div class="icon-sm w-embed"><svg width="20" height="19" viewbox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.8542 6.39187C18.8542 6.39187 18.8542 6.39187 18.8542 6.34562C18.2024 4.56613 17.0198 3.02976 15.4663 1.94435C13.9129 0.858932 12.0635 0.276855 10.1684 0.276855C8.27332 0.276855 6.42395 0.858932 4.87048 1.94435C3.31702 3.02976 2.13442 4.56613 1.48266 6.34562C1.48266 6.34562 1.48266 6.34562 1.48266 6.39187C0.754803 8.39995 0.754803 10.5998 1.48266 12.6079C1.48266 12.6079 1.48266 12.6079 1.48266 12.6541C2.13442 14.4336 3.31702 15.97 4.87048 17.0554C6.42395 18.1408 8.27332 18.7229 10.1684 18.7229C12.0635 18.7229 13.9129 18.1408 15.4663 17.0554C17.0198 15.97 18.2024 14.4336 18.8542 12.6541C18.8542 12.6541 18.8542 12.6541 18.8542 12.6079C19.582 10.5998 19.582 8.39995 18.8542 6.39187ZM2.99041 11.3499C2.66965 10.1374 2.66965 8.86235 2.99041 7.64987H4.71091C4.56294 8.87877 4.56294 10.121 4.71091 11.3499H2.99041ZM3.74891 13.1999H5.04391C5.26103 14.0248 5.57136 14.8224 5.96891 15.5771C5.06176 14.9592 4.30345 14.1471 3.74891 13.1999ZM5.04391 5.79987H3.74891C4.29547 4.85553 5.04409 4.04373 5.94116 3.42262C5.55317 4.17857 5.25217 4.97608 5.04391 5.79987ZM9.22491 16.6224C8.08879 15.7887 7.29087 14.5737 6.97716 13.1999H9.22491V16.6224ZM9.22491 11.3499H6.57941C6.4068 10.1226 6.4068 8.87717 6.57941 7.64987H9.22491V11.3499ZM9.22491 5.79987H6.97716C7.29087 4.42603 8.08879 3.21109 9.22491 2.37737V5.79987ZM16.5509 5.79987H15.2559C15.0388 4.97492 14.7285 4.17737 14.3309 3.42262C15.2381 4.04059 15.9964 4.85262 16.5509 5.79987ZM11.0749 2.37737C12.211 3.21109 13.009 4.42603 13.3227 5.79987H11.0749V2.37737ZM11.0749 16.6224V13.1999H13.3227C13.009 14.5737 12.211 15.7887 11.0749 16.6224ZM13.7204 11.3499H11.0749V7.64987H13.7204C13.893 8.87717 13.893 10.1226 13.7204 11.3499ZM14.3587 15.5771C14.7562 14.8224 15.0665 14.0248 15.2837 13.1999H16.5787C16.0241 14.1471 15.2658 14.9592 14.3587 15.5771ZM17.3094 11.3499H15.5889C15.6641 10.7361 15.7012 10.1182 15.6999 9.49987C15.7009 8.88151 15.6639 8.26367 15.5889 7.64987H17.3094C17.6302 8.86235 17.6302 10.1374 17.3094 11.3499Z" fill="currentColor"></path> </svg></div> </a> </div> <div class="reviews-wrapper nm"><img src="images/icons_2.svg" loading="lazy" alt="" class="reviews-icon"> <div class="t-review">9,6 (2,470 reviews)</div> </div> </div> </div> </div> <div class="footer-large-text-wrapper"> <div class="marquee"> <div class="marquee-content scroll gap-l"> <div class="large-t-marq a"><span class="reg-h">#Dubai</span> <span class="highlight">#Abu Dhabi</span> <span class="highlight blue">#Sharjah</span> </div> <div class="large-t-marq a"><span class="reg-h">#Dubai</span> <span class="highlight">#Abu Dhabi</span> <span class="highlight blue">#Sharjah</span> </div> </div> <div class="marquee-content scroll gap-l"> <div class="large-t-marq a"><span class="reg-h">#Dubai</span> <span class="highlight">#Abu Dhabi</span> <span class="highlight blue">#Sharjah</span> </div> <div class="large-t-marq a"><span class="reg-h">#Dubai</span> <span class="highlight">#Abu Dhabi</span> <span class="highlight blue">#Sharjah</span> </div> </div> </div> </div> <div class="container"> <div class="content center nm"> <p class="copyright-t-footer">BestHotels.ae is part of Best Travel Holdings, a global leader in online travel and related services.<br>Copyright © 2025 BestHotels.ae™. All rights reserved.</p> </div> </div> </section> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=687cc06bb0b91aa58382a343" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script> document.addEventListener("DOMContentLoaded", function() { const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("in-view"); observer.unobserve(entry.target); // Only animate once } }); }, { threshold: 0.17 // 17% visibility }); document.querySelectorAll(".slide0").forEach(el => observer.observe(el)); }); </script> <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script> <script> $(".slider-main_component").each(function(index) { let loopMode = false; if ($(this).attr("loop-mode") === "true") { loopMode = true; } let sliderDuration = 300; if ($(this).attr("slider-duration") !== undefined) { sliderDuration = +$(this).attr("slider-duration"); } let centeredSlides = loopMode; // Default to loopMode value if ($(this).attr("centered-slides") !== undefined) { centeredSlides = $(this).attr("centered-slides") === "true"; } let initialSlide = 0; // Default to the first slide if ($(this).attr("initial-slide") !== undefined) { initialSlide = +$(this).attr("initial-slide"); } let slidesPerView = 1; // Default to 1 slide per view if ($(this).attr("slides-per-view") !== undefined) { slidesPerView = +$(this).attr("slides-per-view"); } let slidesPerViewTablet = slidesPerView; // Default to slidesPerView value if ($(this).attr("slides-per-view-tablet") !== undefined) { slidesPerViewTablet = +$(this).attr("slides-per-view-tablet"); } let slidesPerViewMobile = slidesPerView; // Default to slidesPerView value if ($(this).attr("slides-per-view-mobile") !== undefined) { slidesPerViewMobile = +$(this).attr("slides-per-view-mobile"); } let spaceBetween = "4%"; // Default space between slides if ($(this).attr("space-between") !== undefined) { let spaceBetweenValue = $(this).attr("space-between"); if (spaceBetweenValue.includes("px")) { spaceBetween = parseInt(spaceBetweenValue, 10); } else if (spaceBetweenValue.includes("%")) { spaceBetween = spaceBetweenValue; } else { spaceBetween = parseInt(spaceBetweenValue, 10); // Default to px if no unit is provided } } let direction = 'horizontal'; // Default to horizontal if ($(this).attr("direction") !== undefined) { direction = $(this).attr("direction"); } const swiper = new Swiper($(this).find(".swiper")[0], { speed: sliderDuration, loop: loopMode, loopAdditionalSlides: slidesPerView, // Ensure enough slides are duplicated for smooth loop autoHeight: false, centeredSlides: centeredSlides, initialSlide: initialSlide, slidesPerView: slidesPerView, spaceBetween: spaceBetween, followFinger: true, freeMode: false, slideToClickedSlide: false, rewind: false, direction: direction, // Set the direction pagination: { el: $(this).find(".swiper-bullet-wrapper")[0], bulletActiveClass: "is-active", bulletClass: "swiper-bullet", bulletElement: "button", clickable: true }, navigation: { nextEl: $(this).find(".swiper-next")[0], prevEl: $(this).find(".swiper-prev")[0], disabledClass: "is-disabled" }, scrollbar: { el: $(this).find(".swiper-drag-wrapper")[0], draggable: true, dragClass: "swiper-drag", snapOnRelease: true }, slideActiveClass: "is-active", slideDuplicateActiveClass: "is-active", breakpoints: { // For desktop 1024: { slidesPerView: slidesPerView, spaceBetween: spaceBetween }, // For tablet (768px to 1023px) 768: { slidesPerView: slidesPerViewTablet, spaceBetween: spaceBetween }, // For mobile (up to 767px) 0: { slidesPerView: slidesPerViewMobile, spaceBetween: spaceBetween } }, on: { init: function() { // Add when-active class to elements inside the initial active slide $(this.slides[this.activeIndex]).find('.element-selector').addClass('when-active'); }, slideChange: function() { // Remove when-active class from all elements $(this.slides).find('.element-selector').removeClass('when-active'); // Add when-active class to elements inside the current active slide $(this.slides[this.activeIndex]).find('.element-selector').addClass('when-active'); } } }); }); </script> <style> .swiper-bullet { width: 6px !important; height: 6px !important; border-radius: 999px !important; box-sizing: content-box !important; padding: 0 !important; line-height: 0 !important; vertical-align: middle !important; } </style> <script> document.addEventListener("DOMContentLoaded", function() { const totalSlides = 3; let currentIndex = 0; // starting index const swiper1 = new Swiper(".is-slide-col-1", { effect: "fade", fadeEffect: { crossFade: true }, loop: false, speed: 600, allowTouchMove: false, }); const swiper2 = new Swiper(".is-slide-col-2", { effect: "fade", fadeEffect: { crossFade: true }, loop: false, speed: 600, allowTouchMove: false, }); const swiper3 = new Swiper(".is-slide-col-3", { effect: "fade", fadeEffect: { crossFade: true }, loop: false, speed: 600, allowTouchMove: false, }); function wrapIndex(index) { return (index + totalSlides) % totalSlides; } function updateSlides() { swiper1.slideTo(wrapIndex(currentIndex)); setTimeout(() => swiper2.slideTo(wrapIndex(currentIndex + 1)), 150); setTimeout(() => swiper3.slideTo(wrapIndex(currentIndex + 2)), 300); } // Initial setup updateSlides(); // Navigation document.querySelector(".swiper-next").addEventListener("click", function(e) { e.preventDefault(); currentIndex = wrapIndex(currentIndex + 1); updateSlides(); }); document.querySelector(".swiper-prev").addEventListener("click", function(e) { e.preventDefault(); currentIndex = wrapIndex(currentIndex - 1); updateSlides(); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { const swiperImage = new Swiper(".testimonial-slide-col-1 .is-slide-testimonial-1", { effect: "fade", fadeEffect: { crossFade: true }, speed: 600, loop: true, allowTouchMove: false, navigation: { nextEl: ".swiper-next1", prevEl: ".swiper-prev1" } }); const swiperText = new Swiper(".testimonial-slide-col-2 .is-slide-testimonial-2", { effect: "slide", speed: 600, loop: true, allowTouchMove: false, spaceBetween: 77 }); function updateTextSlide(realIndex) { swiperText.slideToLoop(realIndex); swiperText.slides.forEach(slide => { slide.classList.remove("is-active"); }); // Find the active duplicated or original slide matching visible index swiperText.slides[swiperText.activeIndex]?.classList.add("is-active"); } // Initial sync updateTextSlide(swiperImage.realIndex); // Sync on image slide change swiperImage.on("slideChange", function() { updateTextSlide(swiperImage.realIndex); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { const clickDropdowns = document.querySelectorAll(".dropdown-click"); clickDropdowns.forEach(dropdown => { const toggle = dropdown.querySelector(".dropdown-toggle"); toggle.addEventListener("click", function(e) { e.preventDefault(); e.stopPropagation(); const isOpen = dropdown.classList.contains("active"); // Close all dropdowns clickDropdowns.forEach(d => { d.classList.remove("active"); d.querySelector(".dropdown-toggle")?.classList.remove("active"); }); // If this one wasn't open, open it if (!isOpen) { dropdown.classList.add("active"); toggle.classList.add("active"); } }); }); // Close all on click outside document.addEventListener("click", function(e) { if (!e.target.closest(".dropdown-click")) { clickDropdowns.forEach(d => { d.classList.remove("active"); d.querySelector(".dropdown-toggle")?.classList.remove("active"); }); } }); }); </script> <!-- Flatpickr JS --> <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> <script> document.addEventListener("DOMContentLoaded", function() { const arrivalInput = document.querySelector("#Date-arrival"); const departureInput = document.querySelector("#Date-departure"); let departurePicker; const arrivalPicker = flatpickr(arrivalInput, { dateFormat: "j F, Y", // e.g., 4 June, 2025 minDate: "today", onChange: function(selectedDates, dateStr) { if (!selectedDates[0]) return; const arrivalDate = selectedDates[0]; const nextDay = new Date(arrivalDate.getTime() + 86400000); // +1 day // Update departure picker if (departurePicker) { departurePicker.set("minDate", nextDay); // Auto-update if departure is now invalid if (departurePicker.selectedDates[0] && departurePicker.selectedDates[0] <= arrivalDate) { departurePicker.setDate(nextDay, true); } } } }); departurePicker = flatpickr(departureInput, { dateFormat: "j F, Y", minDate: new Date(Date.now() + 86400000) // +1 day from today }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { const toggleButton = document.querySelector(".button-top-nav-usr"); const menuWrapper = document.querySelector(".wrapper-nav-top-menu"); function isMobile() { return window.innerWidth <= 991; } function closeMenu() { if (menuWrapper) { menuWrapper.style.display = "none"; toggleButton?.classList.remove("active"); } } function openMenu() { if (menuWrapper) { menuWrapper.style.display = "flex"; toggleButton?.classList.add("active"); } } toggleButton?.addEventListener("click", function(e) { if (!isMobile()) return; e.stopPropagation(); const isOpen = menuWrapper && menuWrapper.style.display === "flex"; if (isOpen) { closeMenu(); } else { openMenu(); } }); document.addEventListener("click", function(e) { if (!isMobile()) return; if (!e.target.closest(".wrapper-nav-top-menu") && !e.target.closest(".button-top-nav-usr")) { closeMenu(); } }); // On resize: reset styles for desktop window.addEventListener("resize", function() { if (!isMobile()) { if (menuWrapper) { menuWrapper.style.display = ""; } toggleButton?.classList.remove("active"); } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { const toggleBtn = document.querySelector(".hamburger-menu"); const navbar = document.querySelector(".navbar"); const iconRegular = document.querySelector(".hamburger-regular"); const iconActive = document.querySelector(".hamburger-active"); function isMobile() { return window.innerWidth <= 991; } function closeMenu() { if (navbar) navbar.style.display = "none"; if (iconRegular) iconRegular.style.display = "block"; if (iconActive) iconActive.style.display = "none"; toggleBtn?.classList.remove("active"); } function openMenu() { if (navbar) navbar.style.display = "flex"; if (iconRegular) iconRegular.style.display = "none"; if (iconActive) iconActive.style.display = "block"; toggleBtn?.classList.add("active"); } function resetDesktop() { // clear inline styles so CSS can control layout on desktop if (navbar) navbar.style.display = ""; if (iconRegular) iconRegular.style.display = ""; if (iconActive) iconActive.style.display = "none"; toggleBtn?.classList.remove("active"); } // initial state if (!isMobile()) { resetDesktop(); } else { closeMenu(); // optional: start closed on mobile } toggleBtn?.addEventListener("click", function(e) { if (!isMobile()) return; e.stopPropagation(); const isOpen = navbar && navbar.style.display === "flex"; isOpen ? closeMenu() : openMenu(); }); // Close on outside click (mobile) document.addEventListener("click", function(e) { if (!isMobile()) return; if (!e.target.closest(".navbar") && !e.target.closest(".hamburger-menu")) { closeMenu(); } }); // On resize: desktop => clear inline styles; mobile => keep closed by default window.addEventListener("resize", function() { if (!isMobile()) { resetDesktop(); } else { closeMenu(); } }); }); </script> <style> .slide0 { opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: transform, opacity; } .slide0.in-view { opacity: 1; transform: translateY(0); } </style> <script> document.addEventListener('DOMContentLoaded', function() { const adultsInput = document.getElementById('input-adults'); const childrenInput = document.getElementById('input-children'); const roomsInput = document.getElementById('input-rooms'); const guestsSummary = document.getElementById('Guests'); const btns = { adults: { plus: document.getElementById('increase-adults'), minus: document.getElementById('decrease-adults'), input: adultsInput, min: 1 }, children: { plus: document.getElementById('increase-children'), minus: document.getElementById('decrease-children'), input: childrenInput, min: 0 }, rooms: { plus: document.getElementById('increase-rooms'), minus: document.getElementById('decrease-rooms'), input: roomsInput, min: 1 } }; // Set default values function initValues() { btns.adults.input.value = 1; btns.children.input.value = 0; btns.rooms.input.value = 1; updateGuestsSummary(); updateButtons(); } // Update main guest summary input function updateGuestsSummary() { const totalGuests = parseInt(adultsInput.value) + parseInt(childrenInput.value); const rooms = parseInt(roomsInput.value); guestsSummary.value = `${totalGuests} ${totalGuests === 1 ? 'Guest' : 'Guests'}, ${rooms} ${rooms === 1 ? 'Room' : 'Rooms'}`; } // Enable/disable minus buttons based on current values function updateButtons() { for (const key in btns) { const { minus, input, min } = btns[key]; if (parseInt(input.value) <= min) { minus.classList.add('inactive'); } else { minus.classList.remove('inactive'); } } } // Add click listeners for (const key in btns) { const { plus, minus, input, min } = btns[key]; plus.addEventListener('click', () => { input.value = parseInt(input.value) + 1; updateGuestsSummary(); updateButtons(); }); minus.addEventListener('click', () => { let value = parseInt(input.value); if (value > min) { input.value = value - 1; updateGuestsSummary(); updateButtons(); } }); } // Initialize on load initValues(); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const popupTrigger = document.getElementById('pop-up-button'); const popupWrapper = document.querySelector('.wrapper-persons'); const personBox = document.querySelector('.person-box'); // Toggle popup on button click popupTrigger.addEventListener('click', function(e) { e.stopPropagation(); // Prevent click from bubbling up popupWrapper.style.display = 'flex'; }); // Close popup when clicking outside .person-box document.addEventListener('click', function(e) { const isClickInside = personBox.contains(e.target) || popupTrigger.contains(e.target); if (!isClickInside) { popupWrapper.style.display = 'none'; } }); }); </script></body></html>
