1 2 3<!doctype html> 4<html lang="en"> 5 <head> 6 7 8 <!-- Google Tag Manager --> 9
9<script>
vendor: 435 bytes, lines 9-19
9 10 (function (w, d, s, l, i) { 11 w[l] = w[l] || []; 12 w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 13 var f = d.getElementsByTagName(s)[0], 14 j = d.createElement(s), 15 dl = l != "dataLayer" ? "&l=" + l : ""; 16 j.async = true; 17 j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; 18 f.parentNode.insertBefore(j, f); 19 })(window, document, "script", "dataLayer", "
19GTM-MG9LJH4V
vendor: 6 bytes, lines 19-20
19"); 20
20</script>
20 21 <!-- End Google Tag Manager --> 22 23 <meta charset="UTF-8" /> 24 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 25 <link href="/assets/[email protected]" rel="stylesheet" /> 26 27 <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" /> 28<link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" /> 29<link rel="shortcut icon" href="/assets/images/favicon.ico" /> 30<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png" /> 31<meta name="apple-mobile-web-app-title" content="Global Day Pass" /> 32<link rel="manifest" href="/assets/images/site.webmanifest" /> 33 <title>Explore The World One Pool At A Time | Global Day Pass</title> 34<meta name="description" content="Spend like a student, live like a billionaire. Experience the best pool, beach, and hotel amenities with a single day pass. Now starting at only â¬25. Don't miss it" /> 35<meta name="robots" content="index, follow" /> 36 37 38 <!-- Open Graph / Social Media Meta Tags --> 39 <meta property="og:title" content="Explore The World One Pool At A Time | Global Day Pass" /> 40 <meta property="og:description" content="Spend like a student, live like a billionaire. Experience the best pool, beach, and hotel amenities with a single day pass. Now starting at only â¬25. Don't miss it" /> 41 <meta property="og:image" content="https://globaldaypass.com/assets/images/default-og.png" /> 42 <meta property="og:url" content="https://globaldaypass.com" /> 43 <meta property="og:type" content="website" /> 44 <meta property="og:site_name" content="Global Day Pass" /> 45 <link rel="canonical" href="https://globaldaypass.com" /> 46 47 48 49 50 51
51<script src="/assets/vendor/[email protected]" defer></script>
51 52
52<script src="/assets/vendor/[email protected]" defer></script>
52 53
53<script src="/assets/[email protected]" defer></script>
53 54
54<script> 55 window.config = { 56 publicBaseUrl: "https://globaldaypass.com", 57 mapboxAccessToken: "pk.eyJ1IjoiZ2xvYmFsZGF5cGFzcyIsImEiOiJjbHQ3Znl1cGcwZDhzMmttNzczNzIxaWs1In0.75nFm58SOKrty3LF6eRU2g", 58 stripePublishableKey: "pk_live_51N8o5hHlTpkFPD8JtzumoaJmvBZesYPtCRu6N9sRukqjgiYtvoHZAwQk61xFGmRYDoixzSf3nJT8iDTA0ekIsswc00zaGzoM2Q", 59 }; 60 </script>
60 61 62 </head> 63 <body> 64 65 <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 65-68
65 66 <noscript 67 ><iframe 68 src="https://www.googletagmanager.com/ns.html?id=
68GTM-MG9LJH4V
vendor: 111 bytes, lines 68-74
68" 69 height="0" 70 width="0" 71 style="display:none;visibility:hidden" 72 ></iframe 73 ></noscript> 74
74<!-- End Google Tag Manager (noscript) --> 75 76 77 78 79 80<div class="section flex min-h-8.5 items-center bg-primary py-2 text-white md:min-h-14" role="banner"> 81 <div class="container grid max-w-[1600]! grid-cols-1 items-center gap-4 md:grid-cols-[1fr_auto_1fr]"> 82 <div class="hidden justify-self-start md:block"> 83 <a href="mailto:[email protected]" class="flex items-center gap-2 text-sm"> 84 85 86 <svg 87 class="size-4 shrink-0" 88 xmlns="http://www.w3.org/2000/svg" 89 viewBox="0 0 24 24" 90 fill="none" 91 stroke="currentColor" 92 stroke-width="1.5" 93 stroke-linecap="round" 94 stroke-linejoin="round" 95 96> 97 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 98 <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> 99 <path d="M3 7l9 6l9 -6" /> 100</svg> 101 102 103 <span>[email protected]</span> 104 </a> 105 </div> 106 107 <div class="flex items-center gap-3 justify-self-center"> 108 <p class="hidden items-center gap-1 text-sm font-medium xl:flex"> 109 110 111 <svg 112 class="size-6 shrink-0" 113 xmlns="http://www.w3.org/2000/svg" 114 viewBox="0 0 24 24" 115 fill="none" 116 stroke="currentColor" 117 stroke-width="1.5" 118 stroke-linecap="round" 119 stroke-linejoin="round" 120 121> 122 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 123 <path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /> 124</svg> 125 126 127 <span>It's Officially Pool Season! Book your spot, skip the crowds, and claim your day pass.</span> 128 </p> 129 130 <p class="text-sm text-nowrap">Contact us 24/7</p> 131 <a 132 href="https://wa.me/420739426014" 133 target="_blank" 134 rel="noopener noreferrer" 135 class="flex cursor-pointer items-center gap-1 text-sm text-nowrap" 136 > 137 138 139 <svg 140 class="size-4.5 shrink-0" 141 xmlns="http://www.w3.org/2000/svg" 142 viewBox="0 0 24 24" 143 fill="currentColor" 144 145> 146 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 147 <path 148 d="M5.821 4.91c3.899 -2.765 9.468 -2.539 13.073 .535c3.667 3.129 4.168 8.238 1.152 11.898c-2.841 3.447 -7.965 4.583 -12.231 2.805l-.233 -.101l-4.374 .931l-.04 .006l-.035 .007h-.018l-.022 .005h-.038l-.033 .004l-.021 -.001l-.023 .001l-.033 -.003h-.035l-.022 -.004l-.022 -.002l-.035 -.007l-.034 -.005l-.016 -.004l-.024 -.005l-.049 -.016l-.024 -.005l-.011 -.005l-.022 -.007l-.045 -.02l-.03 -.012l-.011 -.006l-.014 -.006l-.031 -.018l-.045 -.024l-.016 -.011l-.037 -.026l-.04 -.027l-.002 -.004l-.013 -.009l-.043 -.04l-.025 -.02l-.006 -.007l-.056 -.062l-.013 -.014l-.011 -.014l-.039 -.056l-.014 -.019l-.005 -.01l-.042 -.073l-.007 -.012l-.004 -.008l-.007 -.012l-.014 -.038l-.02 -.042l-.004 -.016l-.004 -.01l-.017 -.061l-.007 -.018l-.002 -.015l-.005 -.019l-.005 -.033l-.008 -.042l-.002 -.031l-.003 -.01v-.016l-.004 -.054l.001 -.036l.001 -.023l.002 -.053l.004 -.025v-.019l.008 -.035l.005 -.034l.005 -.02l.004 -.02l.018 -.06l.003 -.013l1.15 -3.45l-.022 -.037c-2.21 -3.747 -1.209 -8.391 2.413 -11.119z" 149 /> 150</svg> 151 152 153 <span>Chat</span> 154 </a> 155 </div> 156 157 <div class="hidden justify-self-end md:block"> 158 <a 159 href="https://wa.me/420739426014" 160 target="_blank" 161 rel="noopener noreferrer" 162 class="flex items-center gap-1 text-sm text-nowrap" 163 > 164 165 166 <svg class="size-6 shrink-0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 167 <path 168 d="M18.87 5.617A8.9 8.9 0 0 0 12.534 3c-4.935 0-8.957 4.003-8.962 8.917 0 1.574.414 3.105 1.195 4.46L3.5 21l4.75-1.24a8.96 8.96 0 0 0 4.284 1.086h.004c4.937 0 8.958-4.003 8.962-8.921a8.88 8.88 0 0 0-2.63-6.308m-6.336 13.72A7.5 7.5 0 0 1 8.74 18.3l-.27-.162-2.82.736.753-2.737-.176-.283a7.36 7.36 0 0 1-1.138-3.943c0-4.079 3.342-7.407 7.448-7.407a7.44 7.44 0 0 1 6.882 4.577c.374.9.566 1.864.563 2.838-.004 4.094-3.346 7.416-7.45 7.416m4.085-5.552c-.223-.111-1.322-.65-1.529-.726-.206-.073-.356-.112-.503.111-.15.222-.58.727-.708.872-.13.15-.262.166-.486.056-.223-.112-.945-.346-1.8-1.108-.666-.59-1.113-1.322-1.246-1.543-.129-.223-.012-.342.1-.454.098-.099.222-.26.334-.39.113-.127.15-.222.224-.37.073-.151.038-.28-.017-.39-.057-.112-.503-1.211-.692-1.654-.18-.438-.365-.377-.503-.383-.128-.008-.279-.008-.429-.008a.83.83 0 0 0-.598.278c-.205.223-.78.762-.78 1.86 0 1.1.802 2.156.915 2.306.11.15 1.575 2.398 3.823 3.366.53.23.949.367 1.276.47.536.171 1.021.145 1.408.09.43-.065 1.323-.54 1.512-1.06.185-.523.185-.968.129-1.062s-.206-.15-.43-.26" 169 /> 170</svg> 171 172
173 <span>+420 739 426 014</span> 174 </a> 175 </div> 176 </div> 177</div> 178 179 180 181 182<header class="section bg-white"> 183 <div class="container flex min-h-16 items-center justify-between"> 184 <a href="/" class="flex items-center gap-1 md:gap-4"> 185 <img src="/assets/images/logo-24x24.png" alt="Global Day Pass logo" class="size-6" /> 186 <p class="text-xl font-light md:text-2xl md:font-extrabold">Global Day Pass</p> 187 </a> 188 <div class="flex gap-3"> 189 <div class="hidden gap-3 md:flex"> 190 <nav class="flex items-center gap-10"> 191 192 <a 193 href="/locations" 194 class="relative cursor-pointer text-sm whitespace-nowrap after:absolute after:bottom-0 after:left-0 195 after:h-px after:w-full after:origin-right after:scale-x-0 after:bg-current after:transition-transform 196 after:duration-300 after:ease-out after:content-[''] hover:after:origin-left hover:after:scale-x-100" 197 > 198 Locations 199 </a> 200 201 202 <a 203 href="/hotels" 204 class="relative cursor-pointer text-sm whitespace-nowrap after:absolute after:bottom-0 after:left-0 205 after:h-px after:w-full after:origin-right after:scale-x-0 after:bg-current after:transition-transform 206 after:duration-300 after:ease-out after:content-[''] hover:after:origin-left hover:after:scale-x-100" 207 > 208 Hotels 209 </a> 210 211 212 <a 213 href="/blog" 214 class="relative cursor-pointer text-sm whitespace-nowrap after:absolute after:bottom-0 after:left-0 215 after:h-px after:w-full after:origin-right after:scale-x-0 after:bg-current after:transition-transform 216 after:duration-300 after:ease-out after:content-[''] hover:after:origin-left hover:after:scale-x-100" 217 > 218 Blog 219 </a> 220 221 222 <a 223 href="/about-us" 224 class="relative cursor-pointer text-sm whitespace-nowrap after:absolute after:bottom-0 after:left-0 225 after:h-px after:w-full after:origin-right after:scale-x-0 after:bg-current after:transition-transform 226 after:duration-300 after:ease-out after:content-[''] hover:after:origin-left hover:after:scale-x-100" 227 > 228 About Us 229 </a> 230 231 </nav> 232 </div> 233 <div class="flex items-stretch gap-1"> 234 235 236 <a href="/login" class="flex cursor-pointer items-center justify-center rounded-sm p-2 hover:bg-black/3"> 237 238 239 <svg 240 class="size-6 shrink-0" 241 xmlns="http://www.w3.org/2000/svg" 242 viewBox="0 0 24 24" 243 fill="none" 244 stroke="currentColor" 245 stroke-width="1.5" 246 stroke-linecap="round" 247 stroke-linejoin="round" 248 249> 250 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 251 <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> 252 <path d="M9 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> 253 <path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /> 254</svg> 255 256 257 </a> 258 259 260 <button 261 id="toggle" 262 class="flex cursor-pointer items-center justify-center rounded-sm p-2 hover:bg-black/3 md:hidden" 263 aria-label="Mobile menu" 264 > 265 266 267 <svg 268 class="size-6 shrink-0" 269 xmlns="http://www.w3.org/2000/svg" 270 viewBox="0 0 24 24" 271 fill="none" 272 stroke="currentColor" 273 stroke-width="1.5" 274 stroke-linecap="round" 275 stroke-linejoin="round" 276 277> 278 <path d="M4 6l16 0" /> 279 <path d="M4 12l16 0" /> 280 <path d="M4 18l16 0" /> 281</svg> 282 283 284 </button> 285 <div> 286 <div 287 id="overlay" 288 class="pointer-events-none fixed inset-0 z-200 bg-black/60 opacity-0 transition-opacity 289 aria-[hidden=false]:pointer-events-auto aria-[hidden=false]:opacity-100" 290 aria-hidden="true" 291 ></div> 292 293 <div 294 id="drawer" 295 class="fixed top-0 right-0 bottom-0 z-201 flex w-4/5 max-w-85 translate-x-full flex-col border-l border-neutral-200 296 bg-white opacity-0 transition-[opacity,translate] aria-[hidden=false]:translate-x-0 aria-[hidden=false]:opacity-100" 297 role="dialog" 298 aria-modal="true" 299 aria-label="Navigation menu" 300 aria-hidden="true" 301 inert 302 > 303 <div class="flex min-h-16 items-center justify-between border-b border-neutral-200 px-6 py-2">
304 <span class="font-medium">Navigation</span> 305 <button 306 id="close" 307 class="flex cursor-pointer items-center justify-center rounded-sm p-2 hover:bg-black/3" 308 > 309 310 311 <svg 312 class="size-6 shrink-0" 313 xmlns="http://www.w3.org/2000/svg" 314 viewBox="0 0 24 24" 315 fill="none" 316 stroke="currentColor" 317 stroke-width="1.5" 318 stroke-linecap="round" 319 stroke-linejoin="round" 320 321> 322 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 323 <path d="M18 6l-12 12" /> 324 <path d="M6 6l12 12" /> 325</svg> 326 327 328 </button> 329 </div> 330 <nav class="grow overflow-y-auto py-6"> 331 <ul> 332 <li class="border-b border-neutral-200"> 333 <a 334 href="/locations" 335 class="flex px-6 py-4 transition-[color,padding-inline-start] hover:ps-8 hover:text-primary" 336 > 337 Locations 338 </a> 339 </li> 340 <li class="border-b border-neutral-200"> 341 <a 342 href="/hotels" 343 class="flex px-6 py-4 transition-[color,padding-inline-start] hover:ps-8 hover:text-primary" 344 > 345 Hotels 346 </a> 347 </li> 348 <li class="border-b border-neutral-200"> 349 <a 350 href="/blog" 351 class="flex px-6 py-4 transition-[color,padding-inline-start] hover:ps-8 hover:text-primary" 352 > 353 Blog 354 </a> 355 </li> 356 <li class="border-b border-neutral-200"> 357 <a 358 href="/about-us" 359 class="flex px-6 py-4 transition-[color,padding-inline-start] hover:ps-8 hover:text-primary" 360 > 361 About Us 362 </a> 363 </li> 364 </ul> 365 </nav> 366 <div class="border-t border-neutral-200"> 367 <ul> 368 <li> 369 <a 370 href="/login" 371 class="flex px-6 py-4 transition-[color,padding-inline-start] hover:ps-8 hover:text-primary" 372 > 373 Login 374 </a> 375 </li> 376 </ul> 377 </div> 378 </div> 379
379<script src="/assets/[email protected]" defer></script>
379 380 </div> 381 </div> 382 </div> 383 </div> 384</header> 385 386 <div 387 data-header-search 388 class="section fixed top-0 right-0 left-0 z-50 -translate-y-2 border-b border-neutral-200 bg-white 389 py-3 opacity-0 shadow-[0_10px_24px_rgba(0,0,0,0.08)] transition-[opacity,translate] duration-200 390 aria-hidden:pointer-events-none aria-[hidden=false]:translate-y-0 aria-[hidden=false]:opacity-100" 391 aria-hidden="true" 392 inert 393 > 394 395 <form data-search-form class="[&_div[data-location-input]>svg:first-of-type]:left-2 396 sm:[&_div[data-location-input]>svg:first-of-type]:left-3 [&_div[data-location-input]>button]:px-10 397 sm:[&_div[data-location-input]>button]:px-12 398 [&_div[data-location-input]>svg:last-of-type]:right-2 sm:[&_div[data-location-input]>svg:last-of-type]:right-3 399 [&_div[data-date-input]>button]:px-2 sm:[&_div[data-date-input]>button]:px-3 400 [&_div[data-date-input]>button]:gap-2 sm:[&_div[data-date-input]>button]:gap-3"> 401 402 <div class="flex-row gap-3 flex w-full"> 403 <div 404 class=" 405 min-w-0 flex-row gap-0 border 406 flex grow rounded-sm border-neutral-200" 407 > 408 <div 409 class=" 410 basis-1/2 w-1/2 411 " 412 > 413 414 <div 415 data-location-input 416 data-location-group="main-search" 417 class="group relative size-full" 418 data-sheet 419 data-sheet-title="Your Location" 420 data-sheet-content="location-template" 421 > 422 423 424 <svg 425 class="size-6 shrink-0 absolute top-1/2 -translate-y-1/2 left-3 pointer-events-none" 426 xmlns="http://www.w3.org/2000/svg" 427 viewBox="0 0 24 24" 428 fill="none" 429 stroke="currentColor" 430 stroke-width="1.5" 431 stroke-linecap="round" 432 stroke-linejoin="round" 433 434> 435 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 436 <path d="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /> 437 <path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0" /> 438</svg> 439 440 441 <button 442 data-location-button 443 type="button" 444 class="size-full overflow-hidden px-12 py-3 text-left text-ellipsis md:hidden" 445 > 446 <span class="text-nowrap text-neutral-500">Search location...</span> 447 </button> 448 <input 449 data-location-text 450 name="q" 451 type="text" 452 required 453 class="hidden size-full px-12 py-3 md:block" 454 placeholder="Search location..." 455 autocomplete="off" 456 hx-get="/iris/locations/search" 457 hx-trigger="focus, input changed delay:200ms" 458 hx-target="global #sheet-stack > [data-index]:last-child [data-location-options]" 459 hx-swap="innerHTML" 460 /> 461 <input type="hidden" data-location-slug name="location" /> 462 463 464 <svg 465 class="size-6 shrink-0 absolute top-1/2 -translate-y-1/2 right-3 pointer-events-none transition-transform 466 group-data-[state=open]:transform-[matrix(1,0,0,-1,0,0)]" 467 xmlns="http://www.w3.org/2000/svg" 468 viewBox="0 0 24 24" 469 fill="none" 470 stroke="currentColor" 471 stroke-width="1.5" 472 stroke-linecap="round" 473 stroke-linejoin="round" 474 475> 476 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 477 <path d="M6 9l6 6l6 -6" /> 478</svg> 479 480 481 482 <template data-sheet-template="location-template" data-location-template> 483 <div class="relative md:hidden"> 484 485 486 <svg 487 class="size-6 shrink-0 absolute top-1/2 -translate-y-1/2 left-3" 488 xmlns="http://www.w3.org/2000/svg" 489 viewBox="0 0 24 24" 490 fill="none" 491 stroke="currentColor" 492 stroke-width="1.5" 493 stroke-linecap="round" 494 stroke-linejoin="round" 495 496> 497 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 498 <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> 499 <path d="M21 21l-6 -6" /> 500</svg> 501 502 503 <input 504 data-location-modal-text 505 name="q" 506 type="text" 507 placeholder="Search location..." 508 class="w-full rounded-md border border-neutral-200 py-4 ps-12 pe-3" 509 autocomplete="off" 510 hx-get="/iris/locations/search" 511 hx-trigger="load, focus, input changed delay:200ms" 512 hx-target="next [data-location-options]" 513 hx-swap="innerHTML" 514 /> 515 </div> 516 517 <ul data-location-options class="h-[90vh] overflow-auto overscroll-contain"></ul> 518 </template> 519 </div> 520 521 </div> 522 523 <div 524 class=" h-[80%] w-px shrink-0 self-center bg-neutral-200" 525 ></div> 526 527 <div 528 class=" 529 basis-1/2 w-1/2 530 " 531 532 > 533 534 <div data-date-input data-date-group="main-search" class="group relative size-full"> 535 <button 536 type="button" 537 class="flex size-full cursor-pointer items-center gap-3 px-3 py-3" 538 data-sheet 539 data-sheet-title="Select Your Day" 540 data-sheet-content="calendar-template" 541 > 542 543 544 <svg 545 class="size-6 shrink-0" 546 xmlns="http://www.w3.org/2000/svg" 547 viewBox="0 0 24 24" 548 fill="currentColor" 549 550> 551 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 552 <path 553 d="M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 8h-14v8.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16zm-9 4a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1z" 554 /> 555</svg> 556 557
558 <span id="trigger-label" class="mr-auto overflow-hidden text-left text-nowrap text-ellipsis">Select Date</span> 559 560 561 <svg 562 class="size-6 shrink-0" 563 xmlns="http://www.w3.org/2000/svg" 564 viewBox="0 0 24 24" 565 fill="none" 566 stroke="currentColor" 567 stroke-width="1.5" 568 stroke-linecap="round" 569 stroke-linejoin="round" 570 571> 572 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 573 <path d="M6 9l6 6l6 -6" /> 574</svg> 575 576 577 </button> 578 <input 579 type="hidden" 580 required 581 id="date-input" 582 name="selected-date" 583 584 /> 585 586 <template id="calendar-template"> 587 <div class="flex flex-col gap-3 overflow-auto md:max-h-120 md:p-3"> 588 589 <div class="flex shrink-0 gap-2 p-2 md:p-0"> 590 <button 591 type="button" 592 data-date-shortcut="today" 593 class="grow basis-1/2 cursor-pointer rounded-sm bg-primary px-4 py-3 font-semibold text-white" 594 > 595 Today 596 </button> 597 <button 598 type="button" 599 data-date-shortcut="tomorrow" 600 class="grow basis-1/2 cursor-pointer rounded-sm px-4 py-3 font-semibold hover:bg-black/3" 601 > 602 Tomorrow 603 </button> 604 </div> 605 606 <div class="flex flex-col gap-4 overflow-hidden md:gap-3"> 607 608 <div 609 class="grid shrink-0 grid-cols-7 items-center justify-items-center gap-0.5 px-6 font-semibold text-neutral-400" 610 > 611 <span>Su</span> 612 <span>Mo</span> 613 <span>Tu</span> 614 <span>We</span> 615 <span>Th</span> 616 <span>Fr</span> 617 <span>Sa</span> 618 </div> 619 <hr class="border-neutral-200" /> 620 621 622 <div data-months-container class="flex flex-col gap-6 overflow-y-auto scrollbar-none md:pe-2 md:scrollbar"> 623 624 <div data-infinite-sentinel class="h-10 w-full shrink-0"></div> 625 </div> 626 627 </div> 628 </div> 629 </template> 630 </div> 631 632 </div> 633 </div> 634 <button type="submit" class="btn btn-secondary "> 635 636 637 638 <svg 639 class="size-5 shrink-0 md:hidden" 640 xmlns="http://www.w3.org/2000/svg" 641 viewBox="0 0 24 24" 642 fill="none" 643 stroke="currentColor" 644 stroke-width="1.5" 645 stroke-linecap="round" 646 stroke-linejoin="round" 647 648> 649 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 650 <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> 651 <path d="M21 21l-6 -6" /> 652</svg> 653 654 655 656 <span class="hidden md:block">Search</span> 657 </button> 658 </div> 659 </form> 660 661 </div> 662 663 664 665 666 <main class="grow"> 667 <!-- Hero --> 668 <section 669 class="section h-72 670 bg-[linear-gradient(180deg,rgba(0,0,0,0.56)_90%,rgba(0,0,0,0.336)),url('/assets/images/hero-bg.jpeg')] 671 bg-cover bg-center bg-no-repeat md:h-[743px]" 672 > 673 <div class="relative container flex h-full max-w-[1256px]! items-end justify-center pb-26 md:pb-30"> 674 <h1 675 class="flex w-full max-w-[1240px] flex-col gap-1 text-2xl font-bold text-white md:gap-6 md:text-6xl md:leading-18 676 md:font-extrabold" 677 > 678 <span class="text-base font-medium md:text-2xl"> 679 ENJOY A LUXURY HOTEL FOR THE DAY, STARTING FROM <span class="text-secondary">â¬25</span> 680 </span> 681 <span class="flex flex-col"> 682 <span>RESERVE HOTEL POOLS AND SPAS,</span> 683 <span class="text-secondary">NO OVERNIGHT STAY NEEDED</span> 684 </span> 685 </h1> 686 <div class="absolute bottom-[-95px] w-full md:bottom-[-91px]"> 687 688 689 690 <form data-search-form data-search-source class="flex w-full max-w-[1256px] flex-col gap-5 rounded-lg border border-neutral-200 bg-white p-3 shadow-[0px_10px_20px_0px_#0000000D] md:p-8"> 691 692 <div class="hidden items-center justify-between md:flex"> 693 <div class="flex items-center gap-2 lg:gap-4 xl:gap-8"> 694 695 <div class="relative"> 696 <input 697 checked 698 id="all" 699 type="radio" 700 name="type" 701 value="" 702 class="peer sr-only" 703 /> 704 <label 705 for="all" 706 class="btn btn-seconary btn-sm min-w-[54px] font-semibold peer-checked:bg-secondary peer-checked:text-white 707 peer-focus-visible:outline-2 peer-focus-visible:outline-black hover:peer-not-checked:bg-neutral-100" 708 >
709 <span>All</span> 710 711 </label> 712 </div> 713 714 715 <div class="relative"> 716 <input 717 718 id="pool" 719 type="radio" 720 name="type" 721 value="pool" 722 class="peer sr-only" 723 /> 724 <label 725 for="pool" 726 class="btn btn-seconary btn-sm min-w-[54px] font-semibold peer-checked:bg-secondary peer-checked:text-white 727 peer-focus-visible:outline-2 peer-focus-visible:outline-black hover:peer-not-checked:bg-neutral-100" 728 > 729 <span>Pool</span> 730 731 732 733 <svg 734 class="size-6 shrink-0" 735 xmlns="http://www.w3.org/2000/svg" 736 viewBox="0 0 24 24" 737 fill="none" 738 stroke="currentColor" 739 stroke-width="1.5" 740 stroke-linecap="round" 741 stroke-linejoin="round" 742 743> 744 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 745 <path 746 d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" 747 /> 748 <path 749 d="M2 16a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" 750 /> 751 <path d="M15 12v-7.5a1.5 1.5 0 0 1 3 0" /> 752 <path d="M9 12v-7.5a1.5 1.5 0 0 0 -3 0" /> 753 <path d="M15 5l-6 0" /> 754 <path d="M9 10l6 0" /> 755</svg> 756 757 758 759 </label> 760 </div> 761 762 763 <div class="relative"> 764 <input 765 766 id="spa" 767 type="radio" 768 name="type" 769 value="spa" 770 class="peer sr-only" 771 /> 772 <label 773 for="spa" 774 class="btn btn-seconary btn-sm min-w-[54px] font-semibold peer-checked:bg-secondary peer-checked:text-white 775 peer-focus-visible:outline-2 peer-focus-visible:outline-black hover:peer-not-checked:bg-neutral-100" 776 > 777 <span>Spa</span> 778 779 780 781 <svg class="size-6 shrink-0" viewBox="0 0 25 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 782 <path 783 d="M24.975 7.208a.55.55 0 0 0-.51-.52c-2.65-.17-5.07.46-7.118 1.822-.157-3.23-1.776-6.268-4.53-8.398a.535.535 0 0 0-.655 0C9.414 2.238 7.795 5.27 7.635 8.495 5.59 7.145 3.177 6.523.535 6.687a.55.55 0 0 0-.51.52c-.213 3.588.929 6.765 3.304 9.191C5.592 18.71 8.648 20 11.807 20q.345 0 .694-.021.345.02.691.021c3.16 0 6.216-1.29 8.479-3.602 2.375-2.426 3.517-5.604 3.304-9.19M4.098 15.613c-2.037-2.081-3.074-4.784-3.008-7.84 2.559-.054 4.9.73 6.803 2.286.301.248.594.51.867.79.034.034.063.071.097.106q.305.319.583.659.096.12.187.243.232.3.444.616.078.117.152.235.219.349.414.714.05.09.099.183c.31.61.564 1.25.76 1.907.038.127.067.258.1.387q.073.277.132.558.053.261.093.524c.095.61.15 1.229.143 1.852v.055a10.85 10.85 0 0 1-7.866-3.275m8.524-.883c-.037.111-.088.217-.123.329-.031-.104-.079-.202-.114-.305q-.12-.359-.264-.71a13 13 0 0 0-.268-.62c-.095-.202-.2-.397-.306-.594-.112-.207-.222-.415-.347-.616-.127-.205-.268-.403-.407-.6-.121-.172-.234-.35-.365-.516q-.383-.49-.817-.94c-.029-.03-.053-.065-.082-.095a12 12 0 0 0-.826-.765c-.007-.094-.015-.186-.015-.28 0-2.939 1.38-5.744 3.802-7.758 2.42 2.014 3.801 4.82 3.801 7.758q-.001.149-.016.295a12 12 0 0 0-.804.75c-.028.028-.052.063-.08.091q-.436.452-.82.944c-.128.164-.24.338-.36.508-.141.201-.284.4-.412.608-.125.201-.235.41-.348.617-.104.195-.209.388-.303.586q-.148.315-.276.639-.135.334-.25.674m8.28.884a11 11 0 0 1-7.866 3.275v-.053c-.006-.648.05-1.291.153-1.924a11 11 0 0 1 .238-1.11q.034-.136.07-.27a11.3 11.3 0 0 1 .778-1.948l.063-.118q.213-.401.457-.785.055-.09.115-.177.237-.359.504-.7.061-.082.127-.164.33-.41.7-.79c.062-.064.132-.12.197-.183.207-.202.417-.4.634-.58 1.907-1.575 4.256-2.369 6.84-2.311.063 3.053-.971 5.756-3.01 7.838" 784 /> 785</svg> 786 787 788 789 </label> 790 </div> 791 792 793 <div class="relative"> 794 <input 795 796 id="room" 797 type="radio" 798 name="type" 799 value="room" 800 class="peer sr-only" 801 /> 802 <label 803 for="room" 804 class="btn btn-seconary btn-sm min-w-[54px] font-semibold peer-checked:bg-secondary peer-checked:text-white 805 peer-focus-visible:outline-2 peer-focus-visible:outline-black hover:peer-not-checked:bg-neutral-100" 806 >
807 <span>Room</span> 808 809 810 811 <svg 812 class="size-6 shrink-0" 813 xmlns="http://www.w3.org/2000/svg" 814 viewBox="0 0 24 24" 815 fill="none" 816 stroke="currentColor" 817 stroke-width="1.5" 818 stroke-linecap="round" 819 stroke-linejoin="round" 820 821> 822 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 823 <path d="M5 9a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> 824 <path d="M22 17v-3h-20" /> 825 <path d="M2 8v9" /> 826 <path d="M12 14h10v-2a3 3 0 0 0 -3 -3h-7v5" /> 827</svg> 828 829 830 831 </label> 832 </div> 833 834 835 <div class="relative"> 836 <input 837 838 id="beach" 839 type="radio" 840 name="type" 841 value="beach" 842 class="peer sr-only" 843 /> 844 <label 845 for="beach" 846 class="btn btn-seconary btn-sm min-w-[54px] font-semibold peer-checked:bg-secondary peer-checked:text-white 847 peer-focus-visible:outline-2 peer-focus-visible:outline-black hover:peer-not-checked:bg-neutral-100" 848 > 849 <span>Beach</span> 850 851 852 853 <svg 854 class="size-6 shrink-0" 855 xmlns="http://www.w3.org/2000/svg" 856 viewBox="0 0 24 24" 857 fill="none" 858 stroke="currentColor" 859 stroke-width="1.5" 860 stroke-linecap="round" 861 stroke-linejoin="round" 862 863> 864 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 865 <path d="M17.553 16.75a7.5 7.5 0 0 0 -10.606 0" /> 866 <path d="M18 3.804a6 6 0 0 0 -8.196 2.196l10.392 6a6 6 0 0 0 -2.196 -8.196" /> 867 <path d="M16.732 10c1.658 -2.87 2.225 -5.644 1.268 -6.196c-.957 -.552 -3.075 1.326 -4.732 4.196" /> 868 <path d="M15 9l-3 5.196" /> 869 <path 870 d="M3 19.25a2.4 2.4 0 0 1 1 -.25a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 1 .25" 871 /> 872</svg> 873 874 875 876 </label> 877 </div> 878 879 </div> 880 <a 881 href="/about-us" 882 class="flex cursor-pointer items-center gap-2 text-sm font-bold text-primary underline hover:text-primary-hover" 883 > 884 885 886 <svg 887 class="size-4 shrink-0" 888 xmlns="http://www.w3.org/2000/svg" 889 viewBox="0 0 24 24" 890 fill="none" 891 stroke="currentColor" 892 stroke-width="1.5" 893 stroke-linecap="round" 894 stroke-linejoin="round" 895 896> 897 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 898 <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /> 899 <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /> 900</svg> 901 902 903 <span>
903How does it work?</span> 904 </a> 905 </div> 906 907 <div class="flex-col md:flex-row gap-3 md:gap-4 flex w-full"> 908 <div 909 class=" 910 flex-col gap-3 border-0 md:flex-row md:gap-0 md:border 911 flex grow rounded-sm border-neutral-200" 912 > 913 <div 914 class=" 915 rounded-sm border border-neutral-200 md:basis-1/2 md:border-0 916 " 917 > 918 919 <div 920 data-location-input 921 data-location-group="main-search" 922 class="group relative size-full" 923 data-sheet 924 data-sheet-title="Your Location" 925 data-sheet-content="location-template" 926 > 927 928 929 <svg 930 class="size-6 shrink-0 absolute top-1/2 -translate-y-1/2 left-3 pointer-events-none" 931 xmlns="http://www.w3.org/2000/svg" 932 viewBox="0 0 24 24" 933 fill="none" 934 stroke="currentColor" 935 stroke-width="1.5" 936 stroke-linecap="round" 937 stroke-linejoin="round" 938 939> 940 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 941 <path d="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /> 942 <path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0" /> 943</svg> 944 945 946 <button 947 data-location-button 948 type="button" 949 class="size-full overflow-hidden px-12 py-3 text-left text-ellipsis md:hidden" 950 > 951 <span class="text-nowrap text-neutral-500">Search location...</span> 952 </button> 953 <input 954 data-location-text 955 name="q" 956 type="text" 957 required 958 class="hidden size-full px-12 py-3 md:block" 959 placeholder="Search location..." 960 autocomplete="off" 961 hx-get="/iris/locations/search" 962 hx-trigger="focus, input changed delay:200ms" 963 hx-target="global #sheet-stack > [data-index]:last-child [data-location-options]" 964 hx-swap="innerHTML" 965 /> 966 <input type="hidden" data-location-slug name="location" /> 967 968 969 <svg 970 class="size-6 shrink-0 absolute top-1/2 -translate-y-1/2 right-3 pointer-events-none transition-transform 971 group-data-[state=open]:transform-[matrix(1,0,0,-1,0,0)]" 972 xmlns="http://www.w3.org/2000/svg" 973 viewBox="0 0 24 24" 974 fill="none" 975 stroke="currentColor" 976 stroke-width="1.5" 977 stroke-linecap="round" 978 stroke-linejoin="round" 979 980> 981 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 982 <path d="M6 9l6 6l6 -6" /> 983</svg> 984 985 986 987 <template data-sheet-template="location-template" data-location-template> 988 <div class="relative md:hidden"> 989 990 991 <svg 992 class="size-6 shrink-0 absolute top-1/2 -translate-y-1/2 left-3" 993 xmlns="http://www.w3.org/2000/svg" 994 viewBox="0 0 24 24" 995 fill="none" 996 stroke="currentColor" 997 stroke-width="1.5" 998 stroke-linecap="round" 999 stroke-linejoin="round" 1000 1001> 1002 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1003 <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> 1004 <path d="M21 21l-6 -6" /> 1005</svg> 1006 1007 1008 <input 1009 data-location-modal-text 1010 name="q" 1011 type="text" 1012 placeholder="Search location..." 1013 class="w-full rounded-md border border-neutral-200 py-4 ps-12 pe-3" 1014 autocomplete="off" 1015 hx-get="/iris/locations/search" 1016 hx-trigger="load, focus, input changed delay:200ms" 1017 hx-target="next [data-location-options]" 1018 hx-swap="innerHTML" 1019 /> 1020 </div> 1021 1022 <ul data-location-options class="h-[90vh] overflow-auto overscroll-contain"></ul> 1023 </template> 1024 </div> 1025 1026 </div> 1027 1028 <div 1029 class="hidden md:block h-[80%] w-px shrink-0 self-center bg-neutral-200" 1030 ></div> 1031 1032 <div 1033 class=" 1034 rounded-sm border border-neutral-200 md:basis-1/2 md:border-0 1035 " 1036 1037 > 1038 1039 <div data-date-input data-date-group="main-search" class="group relative size-full"> 1040 <button 1041 type="button" 1042 class="flex size-full cursor-pointer items-center gap-3 px-3 py-3" 1043 data-sheet 1044 data-sheet-title="Select Your Day" 1045 data-sheet-content="calendar-template" 1046 > 1047 1048 1049 <svg 1050 class="size-6 shrink-0" 1051 xmlns="http://www.w3.org/2000/svg" 1052 viewBox="0 0 24 24" 1053 fill="currentColor" 1054 1055> 1056 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1057 <path 1058 d="M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 8h-14v8.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16zm-9 4a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1z" 1059 /> 1060</svg> 1061 1062
1063 <span id="trigger-label" class="mr-auto overflow-hidden text-left text-nowrap text-ellipsis">Select Date</span> 1064 1065 1066 <svg 1067 class="size-6 shrink-0" 1068 xmlns="http://www.w3.org/2000/svg" 1069 viewBox="0 0 24 24" 1070 fill="none" 1071 stroke="currentColor" 1072 stroke-width="1.5" 1073 stroke-linecap="round" 1074 stroke-linejoin="round" 1075 1076> 1077 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1078 <path d="M6 9l6 6l6 -6" /> 1079</svg> 1080 1081 1082 </button> 1083 <input 1084 type="hidden" 1085 required 1086 id="date-input" 1087 name="selected-date" 1088 1089 /> 1090 1091 <template id="calendar-template"> 1092 <div class="flex flex-col gap-3 overflow-auto md:max-h-120 md:p-3"> 1093 1094 <div class="flex shrink-0 gap-2 p-2 md:p-0"> 1095 <button 1096 type="button" 1097 data-date-shortcut="today" 1098 class="grow basis-1/2 cursor-pointer rounded-sm bg-primary px-4 py-3 font-semibold text-white" 1099 > 1100 Today 1101 </button> 1102 <button 1103 type="button" 1104 data-date-shortcut="tomorrow" 1105 class="grow basis-1/2 cursor-pointer rounded-sm px-4 py-3 font-semibold hover:bg-black/3" 1106 > 1107 Tomorrow 1108 </button> 1109 </div> 1110 1111 <div class="flex flex-col gap-4 overflow-hidden md:gap-3"> 1112 1113 <div 1114 class="grid shrink-0 grid-cols-7 items-center justify-items-center gap-0.5 px-6 font-semibold text-neutral-400" 1115 > 1116 <span>Su</span> 1117 <span>Mo</span> 1118 <span>Tu</span> 1119 <span>We</span> 1120 <span>Th</span> 1121 <span>Fr</span> 1122 <span>Sa</span> 1123 </div> 1124 <hr class="border-neutral-200" /> 1125 1126 1127 <div data-months-container class="flex flex-col gap-6 overflow-y-auto scrollbar-none md:pe-2 md:scrollbar"> 1128 1129 <div data-infinite-sentinel class="h-10 w-full shrink-0"></div> 1130 </div> 1131 1132 </div> 1133 </div> 1134 </template> 1135 </div> 1136 1137 </div> 1138 </div> 1139 <button type="submit" class="btn btn-secondary md:px-8 md:py-4"> 1140 1141 <span class="">Search</span> 1142 </button> 1143 </div> 1144 </form> 1145 1146 </div> 1147 </div> 1148 </section> 1149 1150 <!-- Unique selling points --> 1151 <section class="section bg-linear-to-b from-[#CAF0FF] to-white py-25"> 1152 <div class="container"> 1153 <ul class="grid gap-4 py-10 md:grid-cols-2 xl:grid-cols-4"> 1154 1155 <li class="flex gap-3"> 1156 <i class="shrink-0 text-primary"> 1157 1158 <svg width="48" height="46" viewBox="0 0 48 46" fill="none" xmlns="http://www.w3.org/2000/svg"> 1159 <path 1160 d="M44.819 32.785q-3.102 7.36-11.473 10.847-8.37 3.489-15.54-1.055T3.933 31.73 2.599 17.95 16.472 4.113t20.043-2.668q11.538 3.694 11.472 13.838t-3.169 17.502" 1161 fill="currentColor" 1162 /> 1163 <path 1164 d="M13.875 33.336c0 1.077.395 2.11 1.098 2.87.704.762 1.657 1.19 2.652 1.19h5.39a.23.23 0 0 0 .166-.075.27.27 0 0 0 .069-.18v-11.67a.27.27 0 0 0-.069-.18.23.23 0 0 0-.165-.073h-8.672a.45.45 0 0 0-.332.148.53.53 0 0 0-.137.359zm9.375-10.402v-6.85h1.875v6.85c0 .068.025.132.069.18a.23.23 0 0 0 .165.074h8.203c.32 0 .637-.059.938-.174a2.86 2.86 0 0 0 1.358-1.114 3.23 3.23 0 0 0 .517-1.756v-1.015c0-.808-.296-1.582-.824-2.153a2.7 2.7 0 0 0-1.989-.892h-2.375a.1.1 0 0 1-.058-.017.1.1 0 0 1-.042-.047.14.14 0 0 1 0-.126 4.9 4.9 0 0 0 .494-3.294c-.226-1.126-.836-2.119-1.709-2.778a3.97 3.97 0 0 0-2.998-.778c-1.054.16-2.014.744-2.686 1.638-.673-.894-1.633-1.479-2.687-1.638a3.97 3.97 0 0 0-2.998.778c-.873.66-1.483 1.652-1.709 2.778a4.9 4.9 0 0 0 .494 3.294.14.14 0 0 1 0 .126.1.1 0 0 1-.042.047.1.1 0 0 1-.058.017h-2.375c-.746 0-1.462.321-1.99.892A3.18 3.18 0 0 0 12 19.129v1.014c0 .63.181 1.244.517 1.757.336.514.81.903 1.358 1.114.301.115.618.174.938.174h8.203a.23.23 0 0 0 .165-.074.27.27 0 0 0 .069-.18m1.875-9.387c0-.502.137-.992.395-1.41a2.4 2.4 0 0 1 1.052-.934c.428-.192.9-.242 1.354-.144s.872.34 1.2.694c.328.355.551.807.641 1.3.09.491.044 1.002-.133 1.465s-.478.86-.863 1.139a2.22 2.22 0 0 1-1.302.427h-2.344zm-4.386-2.53c.32-.025.643.022.947.137s.582.299.817.536c.236.238.424.525.552.845s.195.664.195 1.012v2.537h-2.344a2.25 2.25 0 0 1-1.623-.713 2.64 2.64 0 0 1-.713-1.733 2.67 2.67 0 0 1 .596-1.783 2.28 2.28 0 0 1 1.573-.838m4.621 26.378h5.39c.995 0 1.948-.427 2.652-1.189a4.24 4.24 0 0 0 1.098-2.87v-7.611a.53.53 0 0 0-.137-.359.45.45 0 0 0-.332-.148H25.36a.23.23 0 0 0-.165.074.27.27 0 0 0-.069.18v11.67c0 .067.025.132.069.18a.23.23 0 0 0 .165.073" 1165 fill="#fff" 1166 /> 1167</svg> 1168 1169</i> 1170 <div> 1171 <h3 class="text-base font-bold md:text-lg lg:text-xl">Exclusive Benefits</h3> 1172 <p class="text-sm font-medium text-muted md:text-base lg:text-lg">Enjoy exclusive rewards reserved only for clients booking on our website</p> 1173 </div> 1174 </li> 1175 1176 <li class="flex gap-3"> 1177 <i class="shrink-0 text-primary"> 1178 1179 <svg width="48" height="46" viewBox="0 0 48 46" fill="none" xmlns="http://www.w3.org/2000/svg"> 1180 <path 1181 d="M44.819 32.785q-3.102 7.36-11.473 10.847-8.37 3.489-15.54-1.055T3.933 31.73 2.599 17.95 16.472 4.113t20.043-2.668q11.538 3.694 11.472 13.838t
1181-3.169 17.502" 1182 fill="currentColor" 1183 /> 1184 <g fill="#fff"> 1185 <path 1186 d="M36.8 19.65c.873-1.877 1.513-3.844 1.513-5.582 0-3.897-3.17-7.068-7.066-7.068a7.07 7.07 0 0 0-6.299 3.867c-.407-.036-.82-.055-1.23-.055-7.789 0-14.093 6.304-14.093 14.094S15.929 39 23.719 39s14.093-6.303 14.093-14.094c0-1.756-.315-3.51-1.013-5.256M31.246 8.875c2.862 0 5.19 2.33 5.19 5.193 0 3.696-3.63 8.984-5.22 11.122-2.044-2.778-5.16-7.679-5.16-11.122a5.197 5.197 0 0 1 5.19-5.193m-16.503 7.749 6.29 3.144-.72 3.605-2.49 1.66a.94.94 0 0 0-.418.78v4.018l-4.124 1.423a12.15 12.15 0 0 1-1.782-6.348c0-3.193 1.232-6.103 3.244-8.282m-.31 16.216 4.215-1.454a.94.94 0 0 0 .632-.886v-4.186l2.395-1.596a.94.94 0 0 0 .4-.597l.937-4.687a.94.94 0 0 0-.5-1.022l-6.292-3.147a12.16 12.16 0 0 1 8.093-2.563c-.593 3.018 1.052 6.616 2.582 9.304l-2.588 2.147a.94.94 0 0 0-.152 1.285l1.688 2.25h-3.75a.937.937 0 0 0-.938.937v5.625c0 .518.42.938.938.938h4.291l.88 1.412a12.2 12.2 0 0 1-12.831-3.76m14.606 3.064-1.338-2.15a.94.94 0 0 0-.796-.441H23.03v-3.75h4.688a.938.938 0 0 0 .75-1.5l-2.277-3.036 1.683-1.396a44 44 0 0 0 2.607 3.69.938.938 0 0 0 1.457.004 44 44 0 0 0 3.645-5.348c.235.952.353 1.932.353 2.93 0 4.83-2.818 9.016-6.897 10.997" 1187 /> 1188 <path 1189 d="M31.25 17.364a3.29 3.29 0 0 0 3.288-3.29 3.293 3.293 0 0 0-3.289-3.289 3.293 3.293 0 0 0-3.288 3.29 3.29 3.29 0 0 0 3.288 3.289m0-4.704a1.415 1.415 0 0 1 0 2.829 1.415 1.415 0 0 1 0-2.829" 1190 /> 1191 </g> 1192</svg> 1193 1194</i> 1195 <div> 1196 <h3 class="text-base font-bold md:text-lg lg:text-xl">500+ Experiences</h3> 1197 <p class="text-sm font-medium text-muted md:text-base lg:text-lg">Enjoy hotel pools, spas, beaches & more at over 100 top hotels - no room needed.</p> 1198 </div> 1199 </li> 1200 1201 <li class="flex gap-3"> 1202 <i class="shrink-0 text-primary"> 1203 1204 <svg width="48" height="46" viewBox="0 0 48 46" fill="none" xmlns="http://www.w3.org/2000/svg"> 1205 <path 1206 d="M44.819 32.785q-3.102 7.36-11.473 10.847-8.37 3.489-15.54-1.055T3.933 31.73 2.599 17.95 16.472 4.113t20.043-2.668q11.538 3.694 11.472 13.838t-3.169 17.502" 1207 fill="currentColor" 1208 /> 1209 <g fill="#fff"> 1210 <path 1211 d="M35.563 21.75V7.938A.937.937 0 0 0 34.625 7h-21.25a.937.937 0 0 0-.937.938V21.75c0 .249.098.487.274.663L13.3 23l-.587.587a.94.94 0 0 0-.274.663v13.813c0 .517.42.937.937.937h21.25c.518 0 .938-.42.938-.937V24.25a.94.94 0 0 0-.275-.663L34.7 23l.587-.587a.94.94 0 0 0 .275-.663m-1.876-.388-.975.975a.937.937 0 0 0 0 1.326l.975.975v12.487H14.314V24.638l.975-.975a.937.937 0 0 0 0-1.326l-.976-.975V8.875h19.376z" 1212 /> 1213 <path 1214 d="m17.767 17.111 1.478 1.311a.94.94 0 0 0 1.091.11l4.437-2.56-.177 2.749a.938.938 0 0 0 1.87.12l.259-3.997 3.354-1.936a.938.938 0 0 0-.937-1.624l-3.355 1.937-3.59-1.776a.938.938 0 1 0-.831 1.681l2.47 1.222-3.852 2.223-.973-.863a.938.938 0 0 0-1.244 1.403m-.642 10.639h13.75a.937.937 0 1 0 0-1.875h-13.75a.937.937 0 1 0 0 1.875m0 3.75H24a.937.937 0 1 0 0-1.875h-6.875a.937.937 0 1 0 0 1.875m0 3.75H24a.937.937 0 1 0 0-1.875h-6.875a.937.937 0 1 0 0 1.875m1.25-11.312h1.25a.937.937 0 1 0 0-1.875h-1.25a.937.937 0 1 0 0 1.875m6.25-1.875h-1.25a.937.937 0 1 0 0 1.875h1.25a.937.937 0 1 0 0-1.875m5 0h-1.25a.937.937 0 1 0 0 1.875h1.25a.937.937 0 1 0 0-1.875M29 29.625a2.816 2.816 0 0 0-2.812 2.813A2.816 2.816 0 0 0 29 35.25a2.816 2.816 0 0 0 2.813-2.812A2.816 2.816 0 0 0 29 29.625m0 3.75a.939.939 0 0 1 0-1.875.939.939 0 0 1 0 1.875" 1215 /> 1216 </g> 1217</svg> 1218 1219</i> 1220 <div> 1221 <h3 class="text-base font-bold md:text-lg lg:text-xl">Book with Confidence</h3> 1222 <p class="text-sm font-medium text-muted md:text-base lg:text-lg">Instant confirmation, easy check-in, and flexible cancellation options.</p> 1223 </div> 1224 </li> 1225 1226 <li class="flex gap-3"> 1227 <i class="shrink-0 text-primary"> 1228 1229 <svg width="48" height="46" viewBox="0 0 48 46" fill="none" xmlns="http://www.w3.org/2000/svg"> 1230 <path 1231 d="M44.819 32.785q-3.102 7.36-11.473 10.847-8.37 3.489-15.54-1.055T3.933 31.73 2.599 17.95 16.472 4.113t20.043-2.668q11.538 3.694 11.472 13.838t
1231-3.169 17.502" 1232 fill="currentColor" 1233 /> 1234 <path d="M36 15.5 22.25 29.25 16 23" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" /> 1235</svg> 1236 1237</i> 1238 <div> 1239 <h3 class="text-base font-bold md:text-lg lg:text-xl">Verified Properties</h3> 1240 <p class="text-sm font-medium text-muted md:text-base lg:text-lg">Join millions of guests and a growing community of daycation enthusiasts.</p> 1241 </div> 1242 </li> 1243 1244 </ul> 1245 </div> 1246 </section> 1247 1248 <!-- About us --> 1249 <section class="section"> 1250 <div class="container grid items-center gap-25 md:grid-cols-2"> 1251 <div class="hidden grid-cols-20 grid-rows-20 md:grid"> 1252 <div 1253 class="col-start-12 col-end-19 row-start-1 row-end-5 flex flex-col gap-2.5 rounded-xl px-6 py-8 1254 shadow-[0px_24px_80px_0px_#7B7B7B33]" 1255 > 1256 <p class="text-2xl font-bold">30,000+</p> 1257 <p class="text-xs text-muted"> 1258 People have discovered their ideal pool day using Global Day Pass in the last 30 days! 1259 </p> 1260 </div> 1261 <img 1262 src="/assets/images/auth-bg-549x693.webp" 1263 alt="Luxury hotel with a pool" 1264 loading="lazy" 1265 class="col-start-1 col-end-10 row-start-4 row-end-13 size-full rounded-xl object-cover" 1266 /> 1267 <img 1268 src="/assets/images/teaser-549x693.webp" 1269 alt="Luxury hotel with a pool at night" 1270 loading="lazy" 1271 class="col-start-12 col-end-21 row-start-7 row-end-16 size-full rounded-xl object-cover" 1272 /> 1273 </div> 1274 1275 <div class="container flex flex-col items-start gap-4 md:gap-5"> 1276 <div class="flex flex-col gap-2"> 1277 <div class="flex items-center gap-2"> 1278 1279 1280 1281 <svg 1282 class="size-7 shrink-0 text-secondary" 1283 xmlns="http://www.w3.org/2000/svg" 1284 viewBox="0 0 24 24" 1285 fill="currentColor" 1286 1287> 1288 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1289 <path 1290 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 1291 /> 1292</svg> 1293 1294 1295 1296 1297 1298 <svg 1299 class="size-7 shrink-0 text-secondary" 1300 xmlns="http://www.w3.org/2000/svg" 1301 viewBox="0 0 24 24" 1302 fill="currentColor" 1303 1304> 1305 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1306 <path 1307 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 1308 /> 1309</svg> 1310 1311 1312 1313 1314 1315 <svg 1316 class="size-7 shrink-0 text-secondary" 1317 xmlns="http://www.w3.org/2000/svg" 1318 viewBox="0 0 24 24" 1319 fill="currentColor" 1320 1321> 1322 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1323 <path 1324 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 1325 /> 1326</svg> 1327 1328 1329 1330 1331 1332 <svg 1333 class="size-7 shrink-0 text-secondary" 1334 xmlns="http://www.w3.org/2000/svg" 1335 viewBox="0 0 24 24" 1336 fill="currentColor" 1337 1338> 1339 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1340 <path 1341 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 1342 /> 1343</svg> 1344 1345 1346 1347 1348 1349 <svg 1350 class="size-7 shrink-0 text-secondary" 1351 xmlns="http://www.w3.org/2000/svg" 1352 viewBox="0 0 24 24" 1353 fill="currentColor" 1354 1355> 1356 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1357 <path 1358 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 1359 /> 1360</svg> 1361 1362 1363 1364 </div> 1365 <h2 class="text-xl font-bold md:text-3xl lg:text-5xl lg:leading-14"> 1366 Exclusive prices and
1367 <span class="font-[Times_New_Roman] text-2xl font-bold italic md:text-4xl lg:text-[56px] lg:leading-14"> 1368 more 1369 </span> 1370 with every booking 1371 </h2> 1372 </div> 1373 1374 <ul class="flex max-w-125 flex-col gap-4 md:gap-5"> 1375 <li class="flex items-center gap-2.5"> 1376 1377 1378 <svg 1379 class="size-6 shrink-0" 1380 xmlns="http://www.w3.org/2000/svg" 1381 viewBox="0 0 24 24" 1382 fill="none" 1383 stroke="currentColor" 1384 stroke-width="1.5" 1385 stroke-linecap="round" 1386 stroke-linejoin="round" 1387 1388> 1389 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1390 <path d="M6.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> 1391 <path 1392 d="M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592 -5.592a2.41 2.41 0 0 0 0 -3.408l-7.71 -7.71a2 2 0 0 0 -1.414 -.586h-5.172a3 3 0 0 0 -3 3" 1393 /> 1394</svg> 1395 1396 1397 <span class="md:text-lg">Unlock exclusive offers you wonât find elsewhere.</span> 1398 </li> 1399 <li class="flex items-center gap-2.5"> 1400 1401 1402 <svg 1403 class="size-6 shrink-0" 1404 xmlns="http://www.w3.org/2000/svg" 1405 viewBox="0 0 24 24" 1406 fill="none" 1407 stroke="currentColor" 1408 stroke-width="1.5" 1409 stroke-linecap="round" 1410 stroke-linejoin="round" 1411 1412> 1413 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1414 <path d="M8 21h8" /> 1415 <path d="M12 16v5" /> 1416 <path d="M17 5l1 6c0 3.012 -2.686 5 -6 5s-6 -1.988 -6 -5l1 -6" /> 1417 <path d="M7 5a5 2 0 1 0 10 0a5 2 0 1 0 -10 0" /> 1418</svg> 1419 1420 1421 <span class="md:text-lg">Enjoy bonus handpicked inclusions just for you.</span> 1422 </li> 1423 <li class="flex items-center gap-2.5"> 1424 1425 1426 <svg 1427 class="size-6 shrink-0" 1428 xmlns="http://www.w3.org/2000/svg" 1429 viewBox="0 0 24 24" 1430 fill="none" 1431 stroke="currentColor" 1432 stroke-width="1.5" 1433 stroke-linecap="round" 1434 stroke-linejoin="round" 1435 1436> 1437 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1438 <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> 1439 <path d="M9 12l2 2l4 -4" /> 1440</svg> 1441 1442 1443 <span class="md:text-lg"> 1444 Book with confidence at 100+ verified hotels. Pools, spas, beaches & moreâno room needed. 1445 </span> 1446 </li> 1447 <li class="flex items-center gap-2.5"> 1448 1449 1450 <svg class="size-6 shrink-0" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1451 <path 1452 d="M2.112 13.5C2.836 18.311 6.987 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2C7.9 2 4.375 4.468 2.832 8" 1453 stroke-width="1.5" 1454 stroke-linecap="round" 1455 stroke-linejoin="round" 1456 /> 1457 <path 1458 d="M7 8H2.6a.6.6 0 0 1-.6-.6V3m10 4.67c1.109.027 2.315.467 3 1.1zm0 0c-1.32-.033-2.5.518-2.5 2.022 0 2.77 5.5 1.385 5.5 4.154 0 1.58-1.464 2.258-3 2.207m0-8.383v8.383m0-8.383V6m0 10.053c-1.157-.038-2.356-.49-3-1.284zm0 0V18" 1459 stroke-width="1.5" 1460 stroke-linecap="round" 1461 stroke-linejoin="round" 1462 /> 1463</svg> 1464 1465 1466 <span class="md:text-lg">Flexible booking options for your peace of mind.</span> 1467 </li> 1468 <li class="flex items-center gap-2.5"> 1469 1470 1471 <svg 1472 class="size-6 shrink-0" 1473 xmlns="http://www.w3.org/2000/svg" 1474 viewBox="0 0 24 24" 1475 fill="none" 1476 stroke="currentColor" 1477 stroke-width="1.5" 1478 stroke-linecap="round" 1479 stroke-linejoin="round" 1480 1481> 1482 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1483 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /> 1484</svg> 1485 1486 1487 <span class="md:text-lg">Our customer service team is available 24/7.</span> 1488 </li> 1489 </ul> 1490 1491 <a 1492 href="/about-us" 1493 class="relative cursor-pointer rounded-[10px] bg-secondary px-6 py-4 font-semibold text-white uppercase 1494 shadow-[0px_1.85px_3.15px_0px_#44444406,0px_8.15px_6.52px_0px_#4444440A,0px_20px_13px_0px_#4444440D,0px_38.52px_25.48px_0px_#4444440F,0px_64.81px_46.85px_0px_#44444413,0px_100px_80px_0px_#4444441A] 1495 after:absolute after:inset-0 after:translate-x-[15px] after:skew-x-[-25deg] after:rounded-[10px] 1496 after:bg-secondary hover:bg-secondary-hover hover:after:bg-secondary-hover" 1497 >
1498 <span class="relative z-1">Learn more about us</span> 1499 </a> 1500 </div> 1501 </div> 1502 </section> 1503 1504 <!-- Featured hotels --> 1505 <section class="section py-16"> 1506 <div class="container flex flex-col gap-8"> 1507 1508 <header class="flex items-center justify-between gap-6"> 1509 <div class="flex flex-col"> 1510 <h2 class="heading-lg">Featured Day Pass Hotels</h2> 1511 <p class="text-sm font-medium text-muted sm:text-base md:text-lg lg:text-2xl">Got a late flight or a free afternoon? Get a day pass!</p> 1512 </div> 1513 1514 </header> 1515 1516 1517 <ul class="h-scroll flex gap-3 md:grid md:grid-cols-2 md:overflow-visible lg:grid-cols-3"> 1518 1519 <li class="shrink-0 basis-75 snap-start"> 1520 1521<article 1522 class="card flex h-full flex-col overflow-hidden transition-[box-shadow,translate] 1523 duration-200 hover:-translate-y-1 hover:shadow-[0_6px_24px_rgba(0,0,0,0.09)]" 1524> 1525 <!-- Image carousel --> 1526 <div data-carousel class="group relative aspect-3/2 w-full overflow-hidden"> 1527 <a href="/hotels/barriere-le-naoura" aria-hidden="true" tabindex="-1"> 1528 <div 1529 id="slider-barriere-le-naoura" 1530 class="flex transition-transform duration-300" 1531 style="transform: translateX(0%)" 1532 data-carousel-track 1533 > 1534 1535 <img 1536 src="https://globaldaypass.com/media/019fb39d-4ea8-75ca-9668-a9a924e98df1?width=687&height=458&scale=2" 1537 alt="LE NAOURA_2_00168-R (1)" 1538 loading="lazy" 1539 class="w-full shrink-0 object-cover object-center" 1540 data-carousel-slide 1541 /> 1542 1543 <img 1544 src="https://globaldaypass.com/media/019f4304-f711-76b5-97b4-36478b583c38?width=687&height=458&scale=2" 1545 alt="Slide 2" 1546 loading="lazy" 1547 class="w-full shrink-0 object-cover object-center" 1548 data-carousel-slide 1549 /> 1550 1551 <img 1552 src="https://globaldaypass.com/media/019f4304-ff78-73d4-b962-64db9cc31190?width=687&height=458&scale=2" 1553 alt="Slide 3" 1554 loading="lazy" 1555 class="w-full shrink-0 object-cover object-center" 1556 data-carousel-slide 1557 /> 1558 1559 <img 1560 src="https://globaldaypass.com/media/019fb39d-25b1-7b00-bdcc-25a9fedc318f?width=687&height=458&scale=2" 1561 alt="Slide 4" 1562 loading="lazy" 1563 class="w-full shrink-0 object-cover object-center" 1564 data-carousel-slide 1565 /> 1566 1567 <img 1568 src="https://globaldaypass.com/media/019fb39d-4ea8-75ca-9668-a9a924e98df1?width=687&height=458&scale=2" 1569 alt="Slide 5" 1570 loading="lazy" 1571 class="w-full shrink-0 object-cover object-center" 1572 data-carousel-slide 1573 /> 1574 1575 <img 1576 src="https://globaldaypass.com/media/019fb39d-5c2a-7b0c-b965-6e25a1e53588?width=687&height=458&scale=2" 1577 alt="Slide 6" 1578 loading="lazy" 1579 class="w-full shrink-0 object-cover object-center" 1580 data-carousel-slide 1581 /> 1582 1583 <img 1584 src="https://globaldaypass.com/media/019fb39d-5fbe-7f74-ba1a-0a746853b240?width=687&height=458&scale=2" 1585 alt="Slide 7" 1586 loading="lazy" 1587 class="w-full shrink-0 object-cover object-center" 1588 data-carousel-slide 1589 /> 1590 1591 <img 1592 src="https://globaldaypass.com/media/019fb39d-6b15-7231-9d4e-34cab12eedf2?width=687&height=458&scale=2" 1593 alt="Slide 8" 1594 loading="lazy" 1595 class="w-full shrink-0 object-cover object-center" 1596 data-carousel-slide 1597 /> 1598 1599 <img 1600 src="https://globaldaypass.com/media/019fb39d-889c-7d79-8b85-3ac57fc2c35c?width=687&height=458&scale=2" 1601 alt="Slide 9" 1602 loading="lazy" 1603 class="w-full shrink-0 object-cover object-center" 1604 data-carousel-slide 1605 /> 1606 1607 </div> 1608 </a> 1609 1610 <button 1611 data-carousel-prev 1612 id="prev-button-barriere-le-naoura" 1613 type="button" 1614 aria-label="Previous image" 1615 class="pointer-events-none absolute top-1/2 left-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 1616 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 1617 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 1618 disabled:opacity-0" 1619 > 1620 < 1621 </button> 1622 <button 1623 data-carousel-next 1624 id="next-button-barriere-le-naoura" 1625 type="button" 1626 aria-label="Next image" 1627 class="pointer-events-none absolute top-1/2 right-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 1628 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 1629 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 1630 disabled:opacity-0" 1631 > 1632 > 1633 </button> 1634 <div 1635 data-carousel-dots 1636 class="absolute bottom-2.5 left-1/2 flex -translate-1/2 gap-1" 1637 aria-label="Image navigation" 1638 role="tablist" 1639 > 1640 1641 <button 1642 data-carousel-dot 1643 type="button" 1644 role="tab" 1645 aria-label="Go to image 1" 1646 aria-selected="true" 1647 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1648 hover:opacity-100 aria-selected:opacity-100" 1649 ></button> 1650 1651 <button 1652 data-carousel-dot 1653 type="button" 1654 role="tab" 1655 aria-label="Go to image 2" 1656 aria-selected="false" 1657 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1658 hover:opacity-100 aria-selected:opacity-100" 1659 ></button> 1660 1661 <button 1662 data-carousel-dot 1663 type="button" 1664 role="tab" 1665 aria-label="Go to image 3" 1666 aria-selected="false" 1667 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1668 hover:opacity-100 aria-selected:opacity-100" 1669 ></button> 1670 1671 <button 1672 data-carousel-dot 1673 type="button" 1674 role="tab" 1675 aria-label="Go to image 4" 1676 aria-selected="false" 1677 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1678 hover:opacity-100 aria-selected:opacity-100" 1679 ></button> 1680 1681 <button 1682 data-carousel-dot 1683 type="button" 1684 role="tab" 1685 aria-label="Go to image 5" 1686 aria-selected="false" 1687 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1688 hover:opacity-100 aria-selected:opacity-100" 1689 ></button> 1690 1691 <button 1692 data-carousel-dot 1693 type="button" 1694 role="tab" 1695 aria-label="Go to image 6" 1696 aria-selected="false" 1697 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1698 hover:opacity-100 aria-selected:opacity-100" 1699 ></button> 1700 1701 <button 1702 data-carousel-dot 1703 type="button" 1704 role="tab" 1705 aria-label="Go to image 7" 1706 aria-selected="false" 1707 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1708 hover:opacity-100 aria-selected:opacity-100" 1709 ></button> 1710 1711 <button 1712 data-carousel-dot 1713 type="button" 1714 role="tab" 1715 aria-label="Go to image 8" 1716 aria-selected="false" 1717 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1718 hover:opacity-100 aria-selected:opacity-100" 1719 ></button> 1720 1721 <button 1722 data-carousel-dot 1723 type="button" 1724 role="tab" 1725 aria-label="Go to image 9" 1726 aria-selected="false" 1727 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1728 hover:opacity-100 aria-selected:opacity-100" 1729 ></button> 1730 1731 </div> 1732 1733 </div> 1734 1735 <!-- Content --> 1736 <div class="relative flex grow flex-col gap-2 p-4"> 1737 <div> 1738 <h3 class="inline text-lg font-bold"> 1739 <a href="/hotels/barriere-le-naoura" class="after:absolute after:inset-0">Barriere Le Naoura</a> 1740 </h3> 1741 1742 1743 <span class="text-xs align-super" aria-label="5-star hotel"> 1744 â â â â â 1745 </span> 1746 1747 1748 </div> 1749 1750 <div class="flex items-center justify-between gap-2"> 1751 <!-- Reviews --> 1752 1753 <div class="flex flex-wrap items-center gap-1"> 1754 1755 1756 1757 <svg 1758 class="size-4 shrink-0 text-secondary" 1759 xmlns="http://www.w3.org/2000/svg" 1760 viewBox="0 0 24 24" 1761 fill="currentColor" 1762 1763> 1764 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1765 <path 1766 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 1767 /> 1768</svg> 1769 1770
1771 <span class="text-sm"> 1772 <span class="text-base font-bold">9.7</span>/10 1773 (3 Reviews) 1774 </span> 1775 1776 </div> 1777 1778 1779 1780 1781 <div class="bg-black text-white flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold"> 1782 1783 1784 1785 <svg 1786 class="size-4 shrink-0 " 1787 xmlns="http://www.w3.org/2000/svg" 1788 viewBox="0 0 24 24" 1789 fill="currentColor" 1790 1791> 1792 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 1793 <path 1794 d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" 1795 /> 1796</svg> 1797 1798 1799 1800 <span class="overflow-hidden text-nowrap text-ellipsis">Verified Partner</span> 1801 </div> 1802 1803 1804 </div> 1805 </div> 1806</article></li> 1807 1808 <li class="shrink-0 basis-75 snap-start"> 1809 1810<article 1811 class="card flex h-full flex-col overflow-hidden transition-[box-shadow,translate] 1812 duration-200 hover:-translate-y-1 hover:shadow-[0_6px_24px_rgba(0,0,0,0.09)]" 1813> 1814 <!-- Image carousel --> 1815 <div data-carousel class="group relative aspect-3/2 w-full overflow-hidden"> 1816 <a href="/hotels/club-med-marrakech" aria-hidden="true" tabindex="-1"> 1817 <div 1818 id="slider-club-med-marrakech" 1819 class="flex transition-transform duration-300" 1820 style="transform: translateX(0%)" 1821 data-carousel-track 1822 > 1823 1824 <img 1825 src="https://globaldaypass.com/media/01a00245-7571-7514-bd2e-c0305341a4be?width=687&height=458&scale=2" 1826 alt="Club Med 8" 1827 loading="lazy" 1828 class="w-full shrink-0 object-cover object-center" 1829 data-carousel-slide 1830 /> 1831 1832 <img 1833 src="https://globaldaypass.com/media/01a00245-52bf-72d0-8e8b-d5a0d93c9761?width=687&height=458&scale=2" 1834 alt="Slide 2" 1835 loading="lazy" 1836 class="w-full shrink-0 object-cover object-center" 1837 data-carousel-slide 1838 /> 1839 1840 <img 1841 src="https://globaldaypass.com/media/01a00245-6abd-7c72-98f1-47132dbbc425?width=687&height=458&scale=2" 1842 alt="Slide 3" 1843 loading="lazy" 1844 class="w-full shrink-0 object-cover object-center" 1845 data-carousel-slide 1846 /> 1847 1848 <img 1849 src="https://globaldaypass.com/media/01a00245-6da4-7323-b146-3071ee545d0d?width=687&height=458&scale=2" 1850 alt="Slide 4" 1851 loading="lazy" 1852 class="w-full shrink-0 object-cover object-center" 1853 data-carousel-slide 1854 /> 1855 1856 <img 1857 src="https://globaldaypass.com/media/01a00245-700e-7626-91e8-8aca676d7e16?width=687&height=458&scale=2" 1858 alt="Slide 5" 1859 loading="lazy" 1860 class="w-full shrink-0 object-cover object-center" 1861 data-carousel-slide 1862 /> 1863 1864 <img 1865 src="https://globaldaypass.com/media/01a00245-72f3-75a2-81d1-3d6feb4d02bd?width=687&height=458&scale=2" 1866 alt="Slide 6" 1867 loading="lazy" 1868 class="w-full shrink-0 object-cover object-center" 1869 data-carousel-slide 1870 /> 1871 1872 <img 1873 src="https://globaldaypass.com/media/01a00245-780d-7227-8572-0c669f7e3bf2?width=687&height=458&scale=2" 1874 alt="Slide 7" 1875 loading="lazy" 1876 class="w-full shrink-0 object-cover object-center" 1877 data-carousel-slide 1878 /> 1879 1880 <img
1881 src="https://globaldaypass.com/media/01a00245-7a76-77d8-9b66-f531e30b1195?width=687&height=458&scale=2" 1882 alt="Slide 8" 1883 loading="lazy" 1884 class="w-full shrink-0 object-cover object-center" 1885 data-carousel-slide 1886 /> 1887 1888 <img 1889 src="https://globaldaypass.com/media/01a00245-7cdd-7e43-a795-f7febf724d27?width=687&height=458&scale=2" 1890 alt="Slide 9" 1891 loading="lazy" 1892 class="w-full shrink-0 object-cover object-center" 1893 data-carousel-slide 1894 /> 1895 1896 </div> 1897 </a> 1898 1899 <button 1900 data-carousel-prev 1901 id="prev-button-club-med-marrakech" 1902 type="button" 1903 aria-label="Previous image" 1904 class="pointer-events-none absolute top-1/2 left-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 1905 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 1906 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 1907 disabled:opacity-0" 1908 > 1909 < 1910 </button> 1911 <button 1912 data-carousel-next 1913 id="next-button-club-med-marrakech" 1914 type="button" 1915 aria-label="Next image" 1916 class="pointer-events-none absolute top-1/2 right-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 1917 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 1918 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 1919 disabled:opacity-0" 1920 > 1921 > 1922 </button> 1923 <div 1924 data-carousel-dots 1925 class="absolute bottom-2.5 left-1/2 flex -translate-1/2 gap-1" 1926 aria-label="Image navigation" 1927 role="tablist" 1928 > 1929 1930 <button 1931 data-carousel-dot 1932 type="button" 1933 role="tab" 1934 aria-label="Go to image 1" 1935 aria-selected="true" 1936 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1937 hover:opacity-100 aria-selected:opacity-100" 1938 ></button> 1939 1940 <button 1941 data-carousel-dot 1942 type="button" 1943 role="tab" 1944 aria-label="Go to image 2" 1945 aria-selected="false" 1946 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1947 hover:opacity-100 aria-selected:opacity-100" 1948 ></button> 1949 1950 <button 1951 data-carousel-dot 1952 type="button" 1953 role="tab" 1954 aria-label="Go to image 3" 1955 aria-selected="false" 1956 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1957 hover:opacity-100 aria-selected:opacity-100" 1958 ></button> 1959 1960 <button 1961 data-carousel-dot 1962 type="button" 1963 role="tab" 1964 aria-label="Go to image 4" 1965 aria-selected="false" 1966 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1967 hover:opacity-100 aria-selected:opacity-100" 1968 ></button> 1969 1970 <button 1971 data-carousel-dot 1972 type="button" 1973 role="tab" 1974 aria-label="Go to image 5" 1975 aria-selected="false" 1976 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1977 hover:opacity-100 aria-selected:opacity-100" 1978 ></button> 1979 1980 <button 1981 data-carousel-dot 1982 type="button" 1983 role="tab" 1984 aria-label="Go to image 6" 1985 aria-selected="false" 1986 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1987 hover:opacity-100 aria-selected:opacity-100" 1988 ></button> 1989 1990 <button 1991 data-carousel-dot 1992 type="button" 1993 role="tab" 1994 aria-label="Go to image 7" 1995 aria-selected="false" 1996 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 1997 hover:opacity-100 aria-selected:opacity-100" 1998 ></button> 1999 2000 <button 2001 data-carousel-dot 2002 type="button" 2003 role="tab" 2004 aria-label="Go to image 8" 2005 aria-selected="false" 2006 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2007 hover:opacity-100 aria-selected:opacity-100" 2008 ></button> 2009 2010 <button 2011 data-carousel-dot 2012 type="button" 2013 role="tab" 2014 aria-label="Go to image 9" 2015 aria-selected="false" 2016 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2017 hover:opacity-100 aria-selected:opacity-100" 2018 ></button> 2019 2020 </div> 2021 2022 </div> 2023 2024 <!-- Content --> 2025 <div class="relative flex grow flex-col gap-2 p-4"> 2026 <div> 2027 <h3 class="inline text-lg font-bold"> 2028 <a href="/hotels/club-med-marrakech" class="after:absolute after:inset-0">Club Med Marrakech</a> 2029 </h3> 2030 2031 2032 <span class="text-xs align-super" aria-label="5-star hotel"> 2033 â â â â â 2034 </span> 2035 2036 2037 </div> 2038 2039 <div class="flex items-center justify-between gap-2"> 2040 <!-- Reviews --> 2041 2042 <div class="flex flex-wrap items-center gap-1"> 2043 2044 2045 2046 <svg 2047 class="size-4 shrink-0 text-secondary" 2048 xmlns="http://www.w3.org/2000/svg" 2049 viewBox="0 0 24 24" 2050 fill="currentColor" 2051 2052> 2053 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2054 <path 2055 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 2056 /> 2057</svg> 2058 2059
2060 <span class="text-sm"> 2061 <span class="text-base font-bold">8.8</span>/10 2062 (10 Reviews) 2063 </span> 2064 2065 </div> 2066 2067 2068 2069 2070 <div class="bg-black text-white flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold"> 2071 2072 2073 2074 <svg 2075 class="size-4 shrink-0 " 2076 xmlns="http://www.w3.org/2000/svg" 2077 viewBox="0 0 24 24" 2078 fill="currentColor" 2079 2080> 2081 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2082 <path 2083 d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" 2084 /> 2085</svg> 2086 2087 2088 2089 <span class="overflow-hidden text-nowrap text-ellipsis">Verified Partner</span> 2090 </div> 2091 2092 2093 </div> 2094 </div> 2095</article></li> 2096 2097 <li class="shrink-0 basis-75 snap-start"> 2098 2099<article 2100 class="card flex h-full flex-col overflow-hidden transition-[box-shadow,translate] 2101 duration-200 hover:-translate-y-1 hover:shadow-[0_6px_24px_rgba(0,0,0,0.09)]" 2102> 2103 <!-- Image carousel --> 2104 <div data-carousel class="group relative aspect-3/2 w-full overflow-hidden"> 2105 <a href="/hotels/dar-55-berber-house-spa" aria-hidden="true" tabindex="-1"> 2106 <div
2107 id="slider-dar-55-berber-house-spa" 2108 class="flex transition-transform duration-300" 2109 style="transform: translateX(0%)" 2110 data-carousel-track 2111 > 2112 2113 <img 2114 src="https://globaldaypass.com/media/019f4305-1318-746f-b026-5e55734f55bc?width=687&height=458&scale=2" 2115 alt="2026_05_22_03_31_58_000000_UKMhjkJfQn" 2116 loading="lazy" 2117 class="w-full shrink-0 object-cover object-center" 2118 data-carousel-slide 2119 /> 2120 2121 <img 2122 src="https://globaldaypass.com/media/019f4305-164b-7675-bfb4-e2405f90fa10?width=687&height=458&scale=2" 2123 alt="Slide 2" 2124 loading="lazy" 2125 class="w-full shrink-0 object-cover object-center" 2126 data-carousel-slide 2127 /> 2128 2129 </div> 2130 </a> 2131 2132 <button 2133 data-carousel-prev 2134 id="prev-button-dar-55-berber-house-spa" 2135 type="button" 2136 aria-label="Previous image" 2137 class="pointer-events-none absolute top-1/2 left-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2138 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2139 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2140 disabled:opacity-0" 2141 > 2142 < 2143 </button> 2144 <button 2145 data-carousel-next 2146 id="next-button-dar-55-berber-house-spa" 2147 type="button" 2148 aria-label="Next image" 2149 class="pointer-events-none absolute top-1/2 right-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2150 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2151 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2152 disabled:opacity-0" 2153 > 2154 > 2155 </button> 2156 <div 2157 data-carousel-dots 2158 class="absolute bottom-2.5 left-1/2 flex -translate-1/2 gap-1" 2159 aria-label="Image navigation" 2160 role="tablist" 2161 > 2162 2163 <button 2164 data-carousel-dot 2165 type="button" 2166 role="tab" 2167 aria-label="Go to image 1" 2168 aria-selected="true" 2169 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2170 hover:opacity-100 aria-selected:opacity-100" 2171 ></button> 2172 2173 <button 2174 data-carousel-dot 2175 type="button" 2176 role="tab" 2177 aria-label="Go to image 2" 2178 aria-selected="false" 2179 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2180 hover:opacity-100 aria-selected:opacity-100" 2181 ></button> 2182 2183 </div> 2184 2185 </div> 2186 2187 <!-- Content --> 2188 <div class="relative flex grow flex-col gap-2 p-4"> 2189 <div> 2190 <h3 class="inline text-lg font-bold"> 2191 <a href="/hotels/dar-55-berber-house-spa" class="after:absolute after:inset-0">Dar 55 Berber House & SPA</a> 2192 </h3> 2193 2194 2195 2196 </div> 2197 2198 <div class="flex items-center justify-between gap-2"> 2199 <!-- Reviews --> 2200 2201 <div class="flex flex-wrap items-center gap-1"> 2202 2203 <p class="text-sm">Be the first to add a review</p> 2204 2205 </div> 2206 2207 2208 2209 2210 <div class="bg-black text-white flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold"> 2211 2212 2213 2214 <svg 2215 class="size-4 shrink-0 " 2216 xmlns="http://www.w3.org/2000/svg" 2217 viewBox="0 0 24 24" 2218 fill="currentColor" 2219 2220> 2221 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2222 <path 2223 d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005
2223-.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" 2224 /> 2225</svg> 2226 2227 2228 2229 <span class="overflow-hidden text-nowrap text-ellipsis">Verified Partner</span> 2230 </div> 2231 2232 2233 </div> 2234 </div> 2235</article></li> 2236 2237 <li class="shrink-0 basis-75 snap-start"> 2238 2239<article 2240 class="card flex h-full flex-col overflow-hidden transition-[box-shadow,translate] 2241 duration-200 hover:-translate-y-1 hover:shadow-[0_6px_24px_rgba(0,0,0,0.09)]" 2242> 2243 <!-- Image carousel --> 2244 <div data-carousel class="group relative aspect-3/2 w-full overflow-hidden"> 2245 <a href="/hotels/es-saadi-palace" aria-hidden="true" tabindex="-1"> 2246 <div 2247 id="slider-es-saadi-palace" 2248 class="flex transition-transform duration-300" 2249 style="transform: translateX(0%)" 2250 data-carousel-track 2251 > 2252 2253 <img 2254 src="https://globaldaypass.com/media/019f4305-3644-7b04-9243-837fc6f64662?width=687&height=458&scale=2" 2255 alt="2026_05_22_03_35_23_000000_fv2iwbNG2W" 2256 loading="lazy" 2257 class="w-full shrink-0 object-cover object-center" 2258 data-carousel-slide 2259 /> 2260 2261 <img 2262 src="https://globaldaypass.com/media/019f4305-38c4-7ad6-b0d2-b8727764f443?width=687&height=458&scale=2" 2263 alt="Slide 2" 2264 loading="lazy" 2265 class="w-full shrink-0 object-cover object-center" 2266 data-carousel-slide 2267 /> 2268 2269 </div> 2270 </a> 2271 2272 <button 2273 data-carousel-prev 2274 id="prev-button-es-saadi-palace" 2275 type="button" 2276 aria-label="Previous image" 2277 class="pointer-events-none absolute top-1/2 left-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2278 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2279 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2280 disabled:opacity-0" 2281 > 2282 < 2283 </button> 2284 <button 2285 data-carousel-next 2286 id="next-button-es-saadi-palace" 2287 type="button" 2288 aria-label="Next image" 2289 class="pointer-events-none absolute top-1/2 right-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2290 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2291 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2292 disabled:opacity-0" 2293 > 2294 > 2295 </button> 2296 <div 2297 data-carousel-dots 2298 class="absolute bottom-2.5 left-1/2 flex -translate-1/2 gap-1" 2299 aria-label="Image navigation" 2300 role="tablist" 2301 > 2302 2303 <button 2304 data-carousel-dot 2305 type="button" 2306 role="tab" 2307 aria-label="Go to image 1" 2308 aria-selected="true" 2309 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2310 hover:opacity-100 aria-selected:opacity-100" 2311 ></button> 2312 2313 <button 2314 data-carousel-dot 2315 type="button" 2316 role="tab" 2317 aria-label="Go to image 2" 2318 aria-selected="false" 2319 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2320 hover:opacity-100 aria-selected:opacity-100" 2321 ></button> 2322 2323 </div> 2324 2325 </div> 2326 2327 <!-- Content --> 2328 <div class="relative flex grow flex-col gap-2 p-4"> 2329 <div> 2330 <h3 class="inline text-lg font-bold"> 2331 <a href="/hotels/es-saadi-palace" class="after:absolute after:inset-0">Es Saadi Palace</a> 2332 </h3> 2333 2334 2335 <span class="text-xs align-super" aria-label="5-star hotel"> 2336 â â â â â 2337 </span> 2338 2339 2340 </div> 2341 2342 <div class="flex items-center justify-between gap-2"> 2343 <!-- Reviews --> 2344 2345 <div class="flex flex-wrap items-center gap-1"> 2346 2347 <p class="text-sm">Be the first to add a review</p> 2348 2349 </div> 2350 2351 2352 2353 2354 <div class="bg-black text-white flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold"> 2355 2356 2357 2358 <svg 2359 class="size-4 shrink-0 " 2360 xmlns="http://www.w3.org/2000/svg" 2361 viewBox="0 0 24 24" 2362 fill="currentColor" 2363 2364> 2365 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2366 <path 2367 d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005
2367-.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" 2368 /> 2369</svg> 2370 2371 2372 2373 <span class="overflow-hidden text-nowrap text-ellipsis">Verified Partner</span> 2374 </div> 2375 2376 2377 </div> 2378 </div> 2379</article></li> 2380 2381 <li class="shrink-0 basis-75 snap-start"> 2382 2383<article 2384 class="card flex h-full flex-col overflow-hidden transition-[box-shadow,translate] 2385 duration-200 hover:-translate-y-1 hover:shadow-[0_6px_24px_rgba(0,0,0,0.09)]" 2386> 2387 <!-- Image carousel --> 2388 <div data-carousel class="group relative aspect-3/2 w-full overflow-hidden"> 2389 <a href="/hotels/fairmont-la-marina-rabat-sale" aria-hidden="true" tabindex="-1"> 2390 <div 2391 id="slider-fairmont-la-marina-rabat-sale" 2392 class="flex transition-transform duration-300" 2393 style="transform: translateX(0%)" 2394 data-carousel-track 2395 > 2396 2397 <img 2398 src="https://globaldaypass.com/media/019f4306-2ddd-7627-9dd3-7d57a55b3b30?width=687&height=458&scale=2" 2399 alt="2026_06_23_20_43_28_000000_SLzUHtRl7S" 2400 loading="lazy" 2401 class="w-full shrink-0 object-cover object-center" 2402 data-carousel-slide 2403 /> 2404 2405 <img 2406 src="https://globaldaypass.com/media/019f4306-31b1-77c2-892b-b2e000486ade?width=687&height=458&scale=2" 2407 alt="Slide 2" 2408 loading="lazy" 2409 class="w-full shrink-0 object-cover object-center" 2410 data-carousel-slide 2411 /> 2412 2413 <img 2414 src="https://globaldaypass.com/media/019f4306-3596-70d6-9b53-3fc185ca4ff1?width=687&height=458&scale=2" 2415 alt="Slide 3" 2416 loading="lazy" 2417 class="w-full shrink-0 object-cover object-center" 2418 data-carousel-slide 2419 /> 2420 2421 <img 2422 src="https://globaldaypass.com/media/019f4306-38f3-79a5-9e33-65ea7157cbea?width=687&height=458&scale=2" 2423 alt="Slide 4" 2424 loading="lazy" 2425 class="w-full shrink-0 object-cover object-center" 2426 data-carousel-slide 2427 /> 2428 2429 <img 2430 src="https://globaldaypass.com/media/019f4306-3c29-7d3c-89f8-df0ecf4ce3f4?width=687&height=458&scale=2" 2431 alt="Slide 5" 2432 loading="lazy" 2433 class="w-full shrink-0 object-cover object-center" 2434 data-carousel-slide 2435 /> 2436 2437 </div> 2438 </a> 2439 2440 <button 2441 data-carousel-prev 2442 id="prev-button-fairmont-la-marina-rabat-sale" 2443 type="button" 2444 aria-label="Previous image" 2445 class="pointer-events-none absolute top-1/2 left-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2446 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2447 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2448 disabled:opacity-0" 2449 > 2450 < 2451 </button> 2452 <button 2453 data-carousel-next 2454 id="next-button-fairmont-la-marina-rabat-sale" 2455 type="button" 2456 aria-label="Next image" 2457 class="pointer-events-none absolute top-1/2 right-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2458 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2459 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2460 disabled:opacity-0" 2461 > 2462 > 2463 </button> 2464 <div 2465 data-carousel-dots 2466 class="absolute bottom-2.5 left-1/2 flex -translate-1/2 gap-1" 2467 aria-label="Image navigation" 2468 role="tablist" 2469 > 2470 2471 <button 2472 data-carousel-dot 2473 type="button" 2474 role="tab" 2475 aria-label="Go to image 1" 2476 aria-selected="true" 2477 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2478 hover:opacity-100 aria-selected:opacity-100" 2479 ></button> 2480 2481 <button 2482 data-carousel-dot 2483 type="button" 2484 role="tab" 2485 aria-label="Go to image 2" 2486 aria-selected="false" 2487 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2488 hover:opacity-100 aria-selected:opacity-100" 2489 ></button> 2490 2491 <button 2492 data-carousel-dot 2493 type="button" 2494 role="tab" 2495 aria-label="Go to image 3" 2496 aria-selected="false" 2497 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2498 hover:opacity-100 aria-selected:opacity-100" 2499 ></button> 2500 2501 <button 2502 data-carousel-dot 2503 type="button" 2504 role="tab" 2505 aria-label="Go to image 4" 2506 aria-selected="false" 2507 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2508 hover:opacity-100 aria-selected:opacity-100" 2509 ></button> 2510 2511 <button 2512 data-carousel-dot 2513 type="button" 2514 role="tab" 2515 aria-label="Go to image 5" 2516 aria-selected="false" 2517 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2518 hover:opacity-100 aria-selected:opacity-100" 2519 ></button> 2520 2521 </div> 2522 2523 </div> 2524 2525 <!-- Content --> 2526 <div class="relative flex grow flex-col gap-2 p-4"> 2527 <div> 2528 <h3 class="inline text-lg font-bold"> 2529 <a href="/hotels/fairmont-la-marina-rabat-sale" class="after:absolute after:inset-0">Fairmont La Marina Rabat-Sale</a> 2530 </h3> 2531 2532 2533 2534 </div> 2535 2536 <div class="flex items-center justify-between gap-2"> 2537 <!-- Reviews --> 2538 2539 <div class="flex flex-wrap items-center gap-1"> 2540 2541 2542 2543 <svg 2544 class="size-4 shrink-0 text-secondary" 2545 xmlns="http://www.w3.org/2000/svg" 2546 viewBox="0 0 24 24" 2547 fill="currentColor" 2548 2549> 2550 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2551 <path 2552 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 2553 /> 2554</svg> 2555 2556
2557 <span class="text-sm"> 2558 <span class="text-base font-bold">10.0</span>/10 2559 (1 Review) 2560 </span> 2561 2562 </div> 2563 2564 2565 2566 2567 <div class="bg-black text-white flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold"> 2568 2569 2570 2571 <svg 2572 class="size-4 shrink-0 " 2573 xmlns="http://www.w3.org/2000/svg" 2574 viewBox="0 0 24 24" 2575 fill="currentColor" 2576 2577> 2578 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2579 <path 2580 d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" 2581 /> 2582</svg> 2583 2584 2585 2586 <span class="overflow-hidden text-nowrap text-ellipsis">Verified Partner</span> 2587 </div> 2588 2589 2590 </div> 2591 </div> 2592</article></li> 2593 2594 <li class="shrink-0 basis-75 snap-start"> 2595 2596<article 2597 class="card flex h-full flex-col overflow-hidden transition-[box-shadow,translate] 2598 duration-200 hover:-translate-y-1 hover:shadow-[0_6px_24px_rgba(0,0,0,0.09)]" 2599> 2600 <!-- Image carousel --> 2601 <div data-carousel class="group relative aspect-3/2 w-full overflow-hidden"> 2602 <a href="/hotels/fairmont-taghazout-bay" aria-hidden="true" tabindex="-1"> 2603 <div 2604 id="slider-fairmont-taghazout-bay" 2605 class="flex transition-transform duration-300" 2606 style="transform: translateX(0%)" 2607 data-carousel-track 2608 > 2609 2610 <img 2611 src="https://globaldaypass.com/media/019f4305-d35f-798d-93a0-0e7ed735723c?width=687&height=458&scale=2" 2612 alt="2026_05_22_04_02_08_000000_Xt8Xl43SBN" 2613 loading="lazy" 2614 class="w-full shrink-0 object-cover object-center" 2615 data-carousel-slide 2616 /> 2617 2618 <img 2619 src="https://globaldaypass.com/media/019f4305-d35f-798d-93a0-0e7ed735723c?width=687&height=458&scale=2" 2620 alt="Slide 2" 2621 loading="lazy" 2622 class="w-full shrink-0 object-cover object-center" 2623 data-carousel-slide 2624 /> 2625 2626 <img 2627 src="https://globaldaypass.com/media/019f4305-d56b-732a-8ee2-5208bfa2c267?width=687&height=458&scale=2" 2628 alt="Slide 3" 2629 loading="lazy" 2630 class="w-full shrink-0 object-cover object-center" 2631 data-carousel-slide 2632 /> 2633 2634 <img 2635 src="https://globaldaypass.com/media/019f4305-d7b8-7c65-b98a-dbe8a0aa83e5?width=687&height=458&scale=2" 2636 alt="Slide 4" 2637 loading="lazy" 2638 class="w-full shrink-0 object-cover object-center" 2639 data-carousel-slide 2640 /> 2641 2642 <img 2643 src="https://globaldaypass.com/media/019fb389-4f3a-764e-9307-71ec615b424e?width=687&height=458&scale=2" 2644 alt="Slide 5" 2645 loading="lazy" 2646 class="w-full shrink-0 object-cover object-center" 2647 data-carousel-slide 2648 /> 2649 2650 <img 2651 src="https://globaldaypass.com/media/019fb389-50a1-7511-9dbf-0be5d09e86d1?width=687&height=458&scale=2" 2652 alt="Slide 6" 2653 loading="lazy" 2654 class="w-full shrink-0 object-cover object-center" 2655 data-carousel-slide 2656 /> 2657 2658 <img 2659 src="https://globaldaypass.com/media/019fb389-5201-7ee3-bc78-b86b2eb93707?width=687&height=458&scale=2" 2660 alt="Slide 7" 2661 loading="lazy" 2662 class="w-full shrink-0 object-cover object-center" 2663 data-carousel-slide 2664 /> 2665 2666 <img
2667 src="https://globaldaypass.com/media/019fb389-536a-7200-b976-4bdd74556abd?width=687&height=458&scale=2" 2668 alt="Slide 8" 2669 loading="lazy" 2670 class="w-full shrink-0 object-cover object-center" 2671 data-carousel-slide 2672 /> 2673 2674 <img 2675 src="https://globaldaypass.com/media/019fb389-54b4-7aaa-81e4-ac3e9fbae949?width=687&height=458&scale=2" 2676 alt="Slide 9" 2677 loading="lazy" 2678 class="w-full shrink-0 object-cover object-center" 2679 data-carousel-slide 2680 /> 2681 2682 <img 2683 src="https://globaldaypass.com/media/019fb389-55ec-7c9c-802d-25d8deed527a?width=687&height=458&scale=2" 2684 alt="Slide 10" 2685 loading="lazy" 2686 class="w-full shrink-0 object-cover object-center" 2687 data-carousel-slide 2688 /> 2689 2690 <img 2691 src="https://globaldaypass.com/media/019fb389-5735-79e9-947d-55bcdfe318c6?width=687&height=458&scale=2" 2692 alt="Slide 11" 2693 loading="lazy" 2694 class="w-full shrink-0 object-cover object-center" 2695 data-carousel-slide 2696 /> 2697 2698 <img 2699 src="https://globaldaypass.com/media/019fb389-588e-7e33-8932-1947780b18d2?width=687&height=458&scale=2" 2700 alt="Slide 12" 2701 loading="lazy" 2702 class="w-full shrink-0 object-cover object-center" 2703 data-carousel-slide 2704 /> 2705 2706 </div> 2707 </a> 2708 2709 <button 2710 data-carousel-prev 2711 id="prev-button-fairmont-taghazout-bay" 2712 type="button" 2713 aria-label="Previous image" 2714 class="pointer-events-none absolute top-1/2 left-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2715 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2716 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2717 disabled:opacity-0" 2718 > 2719 < 2720 </button> 2721 <button 2722 data-carousel-next 2723 id="next-button-fairmont-taghazout-bay" 2724 type="button" 2725 aria-label="Next image" 2726 class="pointer-events-none absolute top-1/2 right-2.5 flex size-11.5 -translate-y-1/2 cursor-pointer 2727 items-center justify-center rounded-full bg-white/64 text-white opacity-0 transition-opacity duration-200 2728 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-white/80 focus-visible:opacity-100 2729 disabled:opacity-0" 2730 > 2731 > 2732 </button> 2733 <div 2734 data-carousel-dots 2735 class="absolute bottom-2.5 left-1/2 flex -translate-1/2 gap-1" 2736 aria-label="Image navigation" 2737 role="tablist" 2738 > 2739 2740 <button 2741 data-carousel-dot 2742 type="button" 2743 role="tab" 2744 aria-label="Go to image 1" 2745 aria-selected="true" 2746 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2747 hover:opacity-100 aria-selected:opacity-100" 2748 ></button> 2749 2750 <button 2751 data-carousel-dot 2752 type="button" 2753 role="tab" 2754 aria-label="Go to image 2" 2755 aria-selected="false" 2756 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2757 hover:opacity-100 aria-selected:opacity-100" 2758 ></button> 2759 2760 <button 2761 data-carousel-dot 2762 type="button" 2763 role="tab" 2764 aria-label="Go to image 3" 2765 aria-selected="false" 2766 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2767 hover:opacity-100 aria-selected:opacity-100" 2768 ></button> 2769 2770 <button 2771 data-carousel-dot 2772 type="button" 2773 role="tab" 2774 aria-label="Go to image 4" 2775 aria-selected="false" 2776 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2777 hover:opacity-100 aria-selected:opacity-100" 2778 ></button> 2779 2780 <button 2781 data-carousel-dot 2782 type="button" 2783 role="tab" 2784 aria-label="Go to image 5" 2785 aria-selected="false" 2786 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2787 hover:opacity-100 aria-selected:opacity-100" 2788 ></button> 2789 2790 <button 2791 data-carousel-dot 2792 type="button" 2793 role="tab" 2794 aria-label="Go to image 6" 2795 aria-selected="false" 2796 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2797 hover:opacity-100 aria-selected:opacity-100" 2798 ></button> 2799 2800 <button 2801 data-carousel-dot 2802 type="button" 2803 role="tab" 2804 aria-label="Go to image 7" 2805 aria-selected="false" 2806 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2807 hover:opacity-100 aria-selected:opacity-100" 2808 ></button> 2809 2810 <button 2811 data-carousel-dot 2812 type="button" 2813 role="tab" 2814 aria-label="Go to image 8" 2815 aria-selected="false" 2816 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2817 hover:opacity-100 aria-selected:opacity-100" 2818 ></button> 2819 2820 <button 2821 data-carousel-dot 2822 type="button" 2823 role="tab" 2824 aria-label="Go to image 9" 2825 aria-selected="false" 2826 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2827 hover:opacity-100 aria-selected:opacity-100" 2828 ></button> 2829 2830 <button 2831 data-carousel-dot 2832 type="button" 2833 role="tab" 2834 aria-label="Go to image 10" 2835 aria-selected="false" 2836 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2837 hover:opacity-100 aria-selected:opacity-100" 2838 ></button> 2839 2840 <button 2841 data-carousel-dot 2842 type="button" 2843 role="tab" 2844 aria-label="Go to image 11" 2845 aria-selected="false" 2846 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2847 hover:opacity-100 aria-selected:opacity-100" 2848 ></button> 2849 2850 <button 2851 data-carousel-dot 2852 type="button" 2853 role="tab" 2854 aria-label="Go to image 12" 2855 aria-selected="false" 2856 class="size-3.5 cursor-pointer rounded-full bg-white opacity-70 transition-opacity duration-200 2857 hover:opacity-100 aria-selected:opacity-100" 2858 ></button> 2859 2860 </div> 2861 2862 </div> 2863 2864 <!-- Content --> 2865 <div class="relative flex grow flex-col gap-2 p-4"> 2866 <div> 2867 <h3 class="inline text-lg font-bold"> 2868 <a href="/hotels/fairmont-taghazout-bay" class="after:absolute after:inset-0">Fairmont Taghazout Bay</a> 2869 </h3> 2870 2871 2872 <span class="text-xs align-super" aria-label="5-star hotel"> 2873 â â â â â 2874 </span> 2875 2876 2877 </div> 2878 2879 <div class="flex items-center justify-between gap-2"> 2880 <!-- Reviews --> 2881 2882 <div class="flex flex-wrap items-center gap-1"> 2883 2884 2885 2886 <svg 2887 class="size-4 shrink-0 text-secondary" 2888 xmlns="http://www.w3.org/2000/svg" 2889 viewBox="0 0 24 24" 2890 fill="currentColor" 2891 2892> 2893 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2894 <path 2895 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 2896 /> 2897</svg> 2898 2899
2900 <span class="text-sm"> 2901 <span class="text-base font-bold">9.1</span>/10 2902 (11 Reviews) 2903 </span> 2904 2905 </div> 2906 2907 2908 2909 2910 <div class="bg-black text-white flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold"> 2911 2912 2913 2914 <svg 2915 class="size-4 shrink-0 " 2916 xmlns="http://www.w3.org/2000/svg" 2917 viewBox="0 0 24 24" 2918 fill="currentColor" 2919 2920> 2921 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2922 <path 2923 d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" 2924 /> 2925</svg> 2926 2927 2928 2929 <span class="overflow-hidden text-nowrap text-ellipsis">Verified Partner</span> 2930 </div> 2931 2932 2933 </div> 2934 </div> 2935</article></li> 2936 2937 </ul> 2938 </div> 2939 </section> 2940 2941 <!-- Testimonials --> 2942 <section class="section overflow-hidden py-20"> 2943 <div class="container flex flex-col gap-8"> 2944 <h2 class="heading-lg md:text-center">Client Testimonials</h2> 2945 <div data-carousel class="relative mx-auto flex w-full items-center justify-center gap-2.5"> 2946 <button 2947 data-carousel-prev 2948 id="prev-button" 2949 type="button" 2950 aria-label="Previous testimonial" 2951 class="z-1 hidden size-10 shrink-0 cursor-pointer rounded-full bg-primary-50 text-primary transition-colors 2952 duration-200 hover:bg-primary-100 md:block" 2953 > 2954 <- 2955 </button> 2956 <ul 2957 id="slider" 2958 class="flex w-full max-w-[480px] transition-transform duration-300" 2959 style="transform: translateX(0%)" 2960 data-carousel-track 2961 > 2962 2963 <li 2964 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 2965 transition-all duration-300 aria-hidden:pointer-events-none 2966 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 2967 md:rounded-4xl md:px-8 md:py-6" 2968 data-carousel-slide 2969 > 2970 <h3 class="text-xl font-bold">Free drinks and easy to use</h3> 2971 <p class="grow text-sm text-muted">Used on my last trip in Morroco. Lots of choice and easy to use. The free smoothies were a great bonus.</p> 2972 <div class="flex items-center gap-2 md:gap-6"> 2973 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 2974 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 2975 <div> 2976 <p class="text-lg font-bold">Callum</p> 2977 <p class="text-sm font-medium"></p> 2978 </div> 2979 <div class="flex grow items-center justify-end gap-0.5"> 2980 2981 2982 2983 2984 <svg 2985 class="size-4 shrink-0 text-secondary" 2986 xmlns="http://www.w3.org/2000/svg" 2987 viewBox="0 0 24 24" 2988 fill="currentColor" 2989 2990> 2991 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 2992 <path 2993 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 2994 /> 2995</svg> 2996 2997 2998 2999 3000 3001 3002 3003 <svg 3004 class="size-4 shrink-0 text-secondary" 3005 xmlns="http://www.w3.org/2000/svg" 3006 viewBox="0 0 24 24" 3007 fill="currentColor" 3008 3009> 3010 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3011 <path 3012 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3013 /> 3014</svg> 3015 3016 3017 3018 3019 3020 3021 3022 <svg 3023 class="size-4 shrink-0 text-secondary" 3024 xmlns="http://www.w3.org/2000/svg" 3025 viewBox="0 0 24 24" 3026 fill="currentColor" 3027 3028> 3029 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3030 <path 3031 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3032 /> 3033</svg> 3034 3035 3036 3037 3038 3039 3040 3041 <svg 3042 class="size-4 shrink-0 text-secondary" 3043 xmlns="http://www.w3.org/2000/svg" 3044 viewBox="0 0 24 24" 3045 fill="currentColor" 3046 3047> 3048 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3049 <path 3050 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3051 /> 3052</svg> 3053 3054 3055 3056 3057 3058 3059 3060 <svg 3061 class="size-4 shrink-0 text-secondary" 3062 xmlns="http://www.w3.org/2000/svg" 3063 viewBox="0 0 24 24" 3064 fill="currentColor" 3065 3066> 3067 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3068 <path 3069 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3070 /> 3071</svg> 3072 3073 3074 3075 3076 </div> 3077 </div> 3078 </div> 3079 </li> 3080 3081 <li 3082 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 3083 transition-all duration-300 aria-hidden:pointer-events-none 3084 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 3085 md:rounded-4xl md:px-8 md:py-6" 3086 data-carousel-slide 3087 > 3088 <h3 class="text-xl font-bold">Very good</h3> 3089 <p class="grow text-sm text-muted">Support staff is friendly and fast :)</p> 3090 <div class="flex items-center gap-2 md:gap-6"> 3091 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 3092 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 3093 <div> 3094 <p class="text-lg font-bold">Souleiman</p> 3095 <p class="text-sm font-medium"></p> 3096 </div> 3097 <div class="flex grow items-center justify-end gap-0.5"> 3098 3099 3100 3101 3102 <svg 3103 class="size-4 shrink-0 text-secondary" 3104 xmlns="http://www.w3.org/2000/svg" 3105 viewBox="0 0 24 24" 3106 fill="currentColor" 3107 3108> 3109 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3110 <path 3111 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3112 /> 3113</svg> 3114 3115 3116 3117 3118 3119 3120 3121 <svg 3122 class="size-4 shrink-0 text-secondary" 3123 xmlns="http://www.w3.org/2000/svg" 3124 viewBox="0 0 24 24" 3125 fill="currentColor" 3126 3127> 3128 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3129 <path 3130 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3131 /> 3132</svg> 3133 3134 3135 3136 3137 3138 3139 3140 <svg 3141 class="size-4 shrink-0 text-secondary" 3142 xmlns="http://www.w3.org/2000/svg" 3143 viewBox="0 0 24 24" 3144 fill="currentColor" 3145 3146> 3147 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3148 <path 3149 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3150 /> 3151</svg> 3152 3153 3154 3155 3156 3157 3158 3159 <svg 3160 class="size-4 shrink-0 text-secondary" 3161 xmlns="http://www.w3.org/2000/svg" 3162 viewBox="0 0 24 24" 3163 fill="currentColor" 3164 3165> 3166 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3167 <path 3168 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3169 /> 3170</svg> 3171 3172 3173 3174 3175 3176 3177 3178 <svg 3179 class="size-4 shrink-0 text-secondary" 3180 xmlns="http://www.w3.org/2000/svg" 3181 viewBox="0 0 24 24" 3182 fill="currentColor" 3183 3184> 3185 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3186 <path 3187 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3188 /> 3189</svg> 3190 3191 3192 3193 3194 </div> 3195 </div> 3196 </div> 3197 </li> 3198 3199 <li 3200 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 3201 transition-all duration-300 aria-hidden:pointer-events-none 3202 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 3203 md:rounded-4xl md:px-8 md:py-6" 3204 data-carousel-slide 3205 > 3206 <h3 class="text-xl font-bold">Great and simple</h3> 3207 <p class="grow text-sm text-muted">Had a great experience spending a day at Mirage d'Atlas hotel booking a day pass through the website</p> 3208 <div class="flex items-center gap-2 md:gap-6"> 3209 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 3210 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 3211 <div> 3212 <p class="text-lg font-bold">RJO</p> 3213 <p class="text-sm font-medium"></p> 3214 </div> 3215 <div class="flex grow items-center justify-end gap-0.5"> 3216 3217 3218 3219 3220 <svg 3221 class="size-4 shrink-0 text-secondary" 3222 xmlns="http://www.w3.org/2000/svg" 3223 viewBox="0 0 24 24" 3224 fill="currentColor" 3225 3226> 3227 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3228 <path 3229 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3230 /> 3231</svg> 3232 3233 3234 3235 3236 3237 3238 3239 <svg 3240 class="size-4 shrink-0 text-secondary" 3241 xmlns="http://www.w3.org/2000/svg" 3242 viewBox="0 0 24 24" 3243 fill="currentColor" 3244 3245> 3246 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3247 <path 3248 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3249 /> 3250</svg> 3251 3252 3253 3254 3255 3256 3257 3258 <svg 3259 class="size-4 shrink-0 text-secondary" 3260 xmlns="http://www.w3.org/2000/svg" 3261 viewBox="0 0 24 24" 3262 fill="currentColor" 3263 3264> 3265 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3266 <path 3267 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3268 /> 3269</svg> 3270 3271 3272 3273 3274 3275 3276 3277 <svg 3278 class="size-4 shrink-0 text-secondary" 3279 xmlns="http://www.w3.org/2000/svg" 3280 viewBox="0 0 24 24" 3281 fill="currentColor" 3282 3283> 3284 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3285 <path 3286 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3287 /> 3288</svg> 3289 3290 3291 3292 3293 3294 3295 3296 <svg 3297 class="size-4 shrink-0 text-secondary" 3298 xmlns="http://www.w3.org/2000/svg" 3299 viewBox="0 0 24 24" 3300 fill="currentColor" 3301 3302> 3303 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3304 <path 3305 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3306 /> 3307</svg> 3308 3309 3310 3311 3312 </div> 3313 </div> 3314 </div> 3315 </li> 3316 3317 <li 3318 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 3319 transition-all duration-300 aria-hidden:pointer-events-none 3320 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 3321 md:rounded-4xl md:px-8 md:py-6" 3322 data-carousel-slide 3323 > 3324 <h3 class="text-xl font-bold">Helpful staff</h3> 3325 <p class="grow text-sm text-muted">Certainly one of the very few day pass service companies that provide their clients genuine attention and care. Building trust is key and they have done just that.</p> 3326 <div class="flex items-center gap-2 md:gap-6"> 3327 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 3328 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 3329 <div> 3330 <p class="text-lg font-bold">Emir</p> 3331 <p class="text-sm font-medium"></p> 3332 </div> 3333 <di
3333v class="flex grow items-center justify-end gap-0.5"> 3334 3335 3336 3337 3338 <svg 3339 class="size-4 shrink-0 text-secondary" 3340 xmlns="http://www.w3.org/2000/svg" 3341 viewBox="0 0 24 24" 3342 fill="currentColor" 3343 3344> 3345 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3346 <path 3347 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3348 /> 3349</svg> 3350 3351 3352 3353 3354 3355 3356 3357 <svg 3358 class="size-4 shrink-0 text-secondary" 3359 xmlns="http://www.w3.org/2000/svg" 3360 viewBox="0 0 24 24" 3361 fill="currentColor" 3362 3363> 3364 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3365 <path 3366 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3367 /> 3368</svg> 3369 3370 3371 3372 3373 3374 3375 3376 <svg 3377 class="size-4 shrink-0 text-secondary" 3378 xmlns="http://www.w3.org/2000/svg" 3379 viewBox="0 0 24 24" 3380 fill="currentColor" 3381 3382> 3383 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3384 <path 3385 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3386 /> 3387</svg> 3388 3389 3390 3391 3392 3393 3394 3395 <svg 3396 class="size-4 shrink-0 text-secondary" 3397 xmlns="http://www.w3.org/2000/svg" 3398 viewBox="0 0 24 24" 3399 fill="currentColor" 3400 3401> 3402 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3403 <path 3404 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3405 /> 3406</svg> 3407 3408 3409 3410 3411 3412 3413 3414 <svg 3415 class="size-4 shrink-0 text-secondary" 3416 xmlns="http://www.w3.org/2000/svg" 3417 viewBox="0 0 24 24" 3418 fill="currentColor" 3419 3420> 3421 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3422 <path 3423 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3424 /> 3425</svg> 3426 3427 3428 3429 3430 </div> 3431 </div> 3432 </div> 3433 </li> 3434 3435 <li 3436 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 3437 transition-all duration-300 aria-hidden:pointer-events-none 3438 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 3439 md:rounded-4xl md:px-8 md:py-6" 3440 data-carousel-slide 3441 > 3442 <h3 class="text-xl font-bold">Super site pour réserver</h3> 3443 <p class="grow text-sm text-muted">Super site pour réserver. On a passé une super journée piscine à lâhôtel palais mirage dâatlas en formule day pass. Super équipe au petit soin et piscine chauffée à Marrakech !</p> 3444 <div class="flex items-center gap-2 md:gap-6"> 3445 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 3446 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 3447 <div> 3448 <p class="text-lg font-bold">Pauline</p> 3449 <p class="text-sm font-medium"></p> 3450 </div> 3451 <div class="flex grow items-center justify-end gap-0.5"> 3452 3453 3454 3455 3456 <svg 3457 class="size-4 shrink-0 text-secondary" 3458 xmlns="http://www.w3.org/2000/svg" 3459 viewBox="0 0 24 24" 3460 fill="currentColor" 3461 3462> 3463 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3464 <path 3465 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3466 /> 3467</svg> 3468 3469 3470 3471 3472 3473 3474 3475 <svg 3476 class="size-4 shrink-0 text-secondary" 3477 xmlns="http://www.w3.org/2000/svg" 3478 viewBox="0 0 24 24" 3479 fill="currentColor" 3480 3481> 3482 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3483 <path 3484 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3485 /> 3486</svg> 3487 3488 3489 3490 3491 3492 3493 3494 <svg 3495 class="size-4 shrink-0 text-secondary" 3496 xmlns="http://www.w3.org/2000/svg" 3497 viewBox="0 0 24 24" 3498 fill="currentColor" 3499 3500> 3501 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3502 <path 3503 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3504 /> 3505</svg> 3506 3507 3508 3509 3510 3511 3512 3513 <svg 3514 class="size-4 shrink-0 text-secondary" 3515 xmlns="http://www.w3.org/2000/svg" 3516 viewBox="0 0 24 24" 3517 fill="currentColor" 3518 3519> 3520 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3521 <path 3522 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3523 /> 3524</svg> 3525 3526 3527 3528 3529 3530 3531 3532 <svg 3533 class="size-4 shrink-0 text-secondary" 3534 xmlns="http://www.w3.org/2000/svg" 3535 viewBox="0 0 24 24" 3536 fill="currentColor" 3537 3538> 3539 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3540 <path 3541 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3542 /> 3543</svg> 3544 3545 3546 3547 3548 </div> 3549 </div> 3550 </div> 3551 </li> 3552 3553 <li 3554 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 3555 transition-all duration-300 aria-hidden:pointer-events-none 3556 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 3557 md:rounded-4xl md:px-8 md:py-6" 3558 data-carousel-slide 3559 > 3560 <h3 class="text-xl font-bold">Journée parfaite au Royal Mirage !</h3> 3561 <p class="grow text-sm text-muted">Journée parfaite au Royal Mirage ! 3562Accueil personnalisé ! 3563Piscine chauffée à 33 degré 3564Très belle piscine ! 3565On reviendra ! 3566Merci !</p> 3567 <div class="flex items-center gap-2 md:gap-6"> 3568 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 3569 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 3570 <div> 3571 <p class="text-lg font-bold">Lucie</p> 3572 <p class="text-sm font-medium"></p> 3573 </div> 3574 <div class="flex grow items-center justify-end gap-0.5"> 3575 3576 3577 3578 3579 <svg 3580 class="size-4 shrink-0 text-secondary" 3581 xmlns="http://www.w3.org/2000/svg" 3582 viewBox="0 0 24 24" 3583 fill="currentColor" 3584 3585> 3586 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3587 <path 3588 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3589 /> 3590</svg> 3591 3592 3593 3594 3595 3596 3597 3598 <svg 3599 class="size-4 shrink-0 text-secondary" 3600 xmlns="http://www.w3.org/2000/svg" 3601 viewBox="0 0 24 24" 3602 fill="currentColor" 3603 3604> 3605 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3606 <path 3607 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3608 /> 3609</svg> 3610 3611 3612 3613 3614 3615 3616 3617 <svg 3618 class="size-4 shrink-0 text-secondary" 3619 xmlns="http://www.w3.org/2000/svg" 3620 viewBox="0 0 24 24" 3621 fill="currentColor" 3622 3623> 3624 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3625 <path 3626 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3627 /> 3628</svg> 3629 3630 3631 3632 3633 3634 3635 3636 <svg 3637 class="size-4 shrink-0 text-secondary" 3638 xmlns="http://www.w3.org/2000/svg" 3639 viewBox="0 0 24 24" 3640 fill="currentColor" 3641 3642> 3643 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3644 <path 3645 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3646 /> 3647</svg> 3648 3649 3650 3651 3652 3653 3654 3655 <svg 3656 class="size-4 shrink-0 text-secondary" 3657 xmlns="http://www.w3.org/2000/svg" 3658 viewBox="0 0 24 24" 3659 fill="currentColor" 3660 3661> 3662 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3663 <path 3664 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3665 /> 3666</svg> 3667 3668 3669 3670 3671 </div> 3672 </div> 3673 </div> 3674 </li> 3675 3676 <li 3677 class="flex w-full shrink-0 flex-col gap-2.5 rounded-lg border border-neutral-200 p-4 shadow-[0px_6px_22px_0px_#00000017] 3678 transition-all duration-300 aria-hidden:pointer-events-none 3679 aria-hidden:scale-90 aria-hidden:opacity-0 md:max-w-none 3680 md:rounded-4xl md:px-8 md:py-6" 3681 data-carousel-slide 3682 > 3683 <h3 class="text-xl font-bold">Simple and Very usefull</h3> 3684 <p class="grow text-sm text-muted">Booking the pass was a very seemless experience, and it was a real lifesaver for the last day of our vacation. Great stuff</p> 3685 <div class="flex items-center gap-2 md:gap-6"> 3686 <img src="https://placehold.co/96x96?text=No+image" alt="" loading="lazy" class="size-16 rounded-full" /> 3687 <div class="flex flex-col gap-1 md:flex-row md:gap-6"> 3688 <div> 3689 <p class="text-lg font-bold">Petr</p> 3690 <p class="text-sm font-medium"></p> 3691 </div> 3692 <div class="flex grow items-center justify-end gap-0.5"> 3693 3694 3695 3696 3697 <svg 3698 class="size-4 shrink-0 text-secondary" 3699 xmlns="http://www.w3.org/2000/svg" 3700 viewBox="0 0 24 24" 3701 fill="currentColor" 3702 3703> 3704 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3705 <path 3706 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3707 /> 3708</svg> 3709 3710 3711 3712 3713 3714 3715 3716 <svg 3717 class="size-4 shrink-0 text-secondary" 3718 xmlns="http://www.w3.org/2000/svg" 3719 viewBox="0 0 24 24" 3720 fill="currentColor" 3721 3722> 3723 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3724 <path 3725 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3726 /> 3727</svg> 3728 3729 3730 3731 3732 3733 3734 3735 <svg 3736 class="size-4 shrink-0 text-secondary" 3737 xmlns="http://www.w3.org/2000/svg" 3738 viewBox="0 0 24 24" 3739 fill="currentColor" 3740 3741> 3742 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3743 <path 3744 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3745 /> 3746</svg> 3747 3748 3749 3750 3751 3752 3753 3754 <svg 3755 class="size-4 shrink-0 text-secondary" 3756 xmlns="http://www.w3.org/2000/svg" 3757 viewBox="0 0 24 24" 3758 fill="currentColor" 3759 3760> 3761 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3762 <path 3763 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3764 /> 3765</svg> 3766 3767 3768 3769 3770 3771 3772 3773 <svg 3774 class="size-4 shrink-0 text-secondary" 3775 xmlns="http://www.w3.org/2000/svg" 3776 viewBox="0 0 24 24" 3777 fill="currentColor" 3778 3779> 3780 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3781 <path 3782 d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" 3783 /> 3784</svg> 3785 3786 3787 3788 3789 </div> 3790 </div> 3791 </div> 3792 </li> 3793 3794 </ul> 3795 <button 3796 data-carousel-next 3797 id="next-button" 3798 type="button" 3799 aria-label="Next testimonial" 3800 class="hidden size-10 shrink-0
3800cursor-pointer rounded-full bg-primary-50 text-primary transition-colors 3801 duration-300 hover:bg-primary-100 md:block" 3802 > 3803 -> 3804 </button> 3805 </div> 3806 </div> 3807 </section> 3808 3809 <!-- Blog --> 3810 <section class="section py-6 md:py-10 lg:py-16 xl:pt-[120px] xl:pb-20"> 3811 <div class="container flex flex-col gap-3 sm:gap-4 md:gap-6 xl:gap-8"> 3812 3813 <header class="flex items-center justify-between gap-6"> 3814 <div class="flex flex-col"> 3815 <h2 class="heading-lg">Discover our blog</h2> 3816 <p class="text-sm font-medium text-muted sm:text-base md:text-lg lg:text-2xl">Quality as judged by customers. Book at the ideal price!</p> 3817 </div> 3818 3819 <a href="/blog" class="btn btn-primary btn-lg hidden md:flex"> 3820 <span>View More</span> 3821 3822 3823 <svg 3824 class="size-4 shrink-0" 3825 xmlns="http://www.w3.org/2000/svg" 3826 viewBox="0 0 24 24" 3827 fill="none" 3828 stroke="currentColor" 3829 stroke-width="1.5" 3830 stroke-linecap="round" 3831 stroke-linejoin="round" 3832 3833> 3834 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 3835 <path d="M5 12l14 0" /> 3836 <path d="M13 18l6 -6" /> 3837 <path d="M13 6l6 6" /> 3838</svg> 3839 3840 3841 </a> 3842 3843 </header> 3844 3845 3846 <div class="grid gap-4 rounded-2xl bg-linear-[270deg,#caf0ff,transparent_40%] md:grid-cols-2 md:gap-6 md:py-12"> 3847 <!-- Latest blog article --> 3848 <article aria-label="Featured article"> 3849 <a 3850 href="/blog/top-13-day-passes-with-swimming-pools-in-marrakech" 3851 class="relative block size-full overflow-hidden rounded-2xl transition-transform duration-200 hover:-translate-y-1" 3852 > 3853 <img 3854 src="/assets/images/article-10.webp" 3855 alt="" 3856 loading="lazy" 3857 class="size-full object-cover" 3858 /> 3859 <div 3860 class="absolute right-0 bottom-4 left-0 flex flex-col items-center gap-2 text-white md:bottom-6 lg:bottom-10" 3861 > 3862 <h3 class="max-w-[90%] text-center text-lg font-bold md:text-2xl lg:text-3xl lg:font-extrabold"> 3863 Top 13 Day Passes with Swimming Pools in Marrakech! 3864 </h3> 3865 <p 3866 aria-label="Read more about Top 13 Day Passes with Swimming Pools in Marrakech!" 3867 class="text-center text-xs underline md:text-base md:leading-[26px] md:font-semibold" 3868 > 3869 Read more... 3870 </p> 3871 </div> 3872 </a> 3873 </article> 3874 3875 <!-- Article list --> 3876 <ol class="grid grid-rows-3 gap-4 md:gap-6"> 3877 3878 3879 3880 3881 <li> 3882 <article> 3883 <a 3884 href="/blog/top-5-swimming-pools-in-agafay-desert-near-marrakech" 3885 class="flex cursor-pointer items-center gap-6 transition-transform duration-200 hover:-translate-y-1" 3886 > 3887 <img 3888 src="/assets/images/article-9.webp" 3889 alt="" 3890 loading="lazy" 3891 class="size-25 shrink-0 rounded-2xl object-cover md:size-35 lg:size-45" 3892 /> 3893 <div class="pe-2 md:pe-4"> 3894 <h3 class="text-lg font-bold md:text-xl lg:text-2xl lg:font-extrabold">TOP 5 SWIMMING POOLS IN AGAFAY DESERT NEAR MARRAKECH</h3> 3895 <span 3896 aria-label="Read more about TOP 5 SWIMMING POOLS IN AGAFAY DESERT NEAR MARRAKECH" 3897 class="text-xs text-primary underline md:text-base md:font-semibold" 3898 >Read more...</span 3899 > 3900 </div> 3901 </a> 3902 </article> 3903 </li> 3904 3905 3906 3907 <li> 3908 <article> 3909 <a 3910 href="/blog/quels-sont-les-meilleurs-endroits-pour-se-baigner-a-marrakech" 3911 class="flex cursor-pointer items-center gap-6 transition-transform duration-200 hover:-translate-y-1" 3912 > 3913 <img 3914 src="/assets/images/article-8.webp" 3915 alt="" 3916 loading="lazy" 3917 class="size-25 shrink-0 rounded-2xl object-cover md:size-35 lg:size-45" 3918 /> 3919 <div class="pe-2 md:pe-4"> 3920 <h3 class="text-lg font-bold md:text-xl lg:text-2xl lg:font-extrabold">Quels sont les meilleurs endroits pour se baigner à Marrakech ?</h3>
3921 <span 3922 aria-label="Read more about Quels sont les meilleurs endroits pour se baigner à Marrakech ?" 3923 class="text-xs text-primary underline md:text-base md:font-semibold" 3924 >Read more...</span 3925 > 3926 </div> 3927 </a> 3928 </article> 3929 </li> 3930 3931 3932 3933 <li> 3934 <article> 3935 <a 3936 href="/blog/gorgeous-hotels-day-passes-and-pools-in-dubai" 3937 class="flex cursor-pointer items-center gap-6 transition-transform duration-200 hover:-translate-y-1" 3938 > 3939 <img 3940 src="/assets/images/article-7.webp" 3941 alt="" 3942 loading="lazy" 3943 class="size-25 shrink-0 rounded-2xl object-cover md:size-35 lg:size-45" 3944 /> 3945 <div class="pe-2 md:pe-4"> 3946 <h3 class="text-lg font-bold md:text-xl lg:text-2xl lg:font-extrabold">Gorgeous Hotels, Day Passes, and Pools in Dubai</h3> 3947 <span 3948 aria-label="Read more about Gorgeous Hotels, Day Passes, and Pools in Dubai" 3949 class="text-xs text-primary underline md:text-base md:font-semibold" 3950 >Read more...</span 3951 > 3952 </div> 3953 </a> 3954 </article> 3955 </li> 3956 3957 3958 </ol> 3959 </div> 3960 </div> 3961 </section> 3962 3963 <!-- Frequently asked questions --> 3964 3965 <section class="section py-6 md:py-10 lg:py-16 xl:py-20"> 3966 <div class="container flex flex-col gap-3 sm:gap-4 md:gap-6 xl:gap-8"> 3967 <h2 class="heading-lg md:text-center">Frequently Asked Questions</h2> 3968 <ul> 3969 3970 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 3971 3972 3973<details name="faq" class="group open:bg-neutral-100" open> 3974 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 3975 <div class="flex items-center gap-8"> 3976 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 3977 01 3978 </span> 3979 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">What is a day pass?</h3> 3980 </div> 3981 <div 3982 aria-hidden="true" 3983 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 3984 group-open:bg-primary group-open:text-white" 3985 > 3986 3987 3988 <svg 3989 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 3990 xmlns="http://www.w3.org/2000/svg" 3991 viewBox="0 0 24 24" 3992 fill="none" 3993 stroke="currentColor" 3994 stroke-width="1.5" 3995 stroke-linecap="round" 3996 stroke-linejoin="round" 3997 3998> 3999 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4000 <path d="M12 5l0 14" /> 4001 <path d="M5 12l14 0" /> 4002</svg> 4003 4004 4005 </div> 4006 </summary> 4007 <div 4008 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4009 > 4010 <p>A day pass is a pass that allows you to enter a hotel as a non-resident and use their amenities. Most commonly are pool access day passes, and spa access day passes. It's a fantastic opportunity to explore new hotels and discover new places.</p> 4011 </div> 4012</details> 4013 </li> 4014 4015 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4016 4017 4018<details name="faq" class="group open:bg-neutral-100" > 4019 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4020 <div class="flex items-center gap-8"> 4021 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4022 02 4023 </span> 4024 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">Why book online on Global Day Pass?</h3> 4025 </div> 4026 <div 4027 aria-hidden="true" 4028 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4029 group-open:bg-primary group-open:text-white" 4030 > 4031 4032 4033 <svg 4034 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4035 xmlns="http://www.w3.org/2000/svg" 4036 viewBox="0 0 24 24" 4037 fill="none" 4038 stroke="currentColor" 4039 stroke-width="1.5" 4040 stroke-linecap="round" 4041 stroke-linejoin="round" 4042 4043> 4044 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4045 <path d="M12 5l0 14" /> 4046 <path d="M5 12l14 0" /> 4047</svg> 4048 4049 4050 </div> 4051 </summary> 4052 <div 4053 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4054 > 4055 <p>Booking online allows you to easily compare venues, get exclusive perks, and receive priority entry. Your spot is guaranteed, even during busy periods. Simply press "book now" on your chosen day pass, select your preferred time and date, and pay the small downpayment. You will receive an email confirmation and then you are all set! </p> 4056 </div> 4057</details> 4058 </li> 4059 4060 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4061 4062 4063<details name="faq" class="group open:bg-neutral-100" > 4064 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4065 <div class="flex items-center gap-8">
4066 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4067 03 4068 </span> 4069 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">Is my booking properly confirmed with the venue?</h3> 4070 </div> 4071 <div 4072 aria-hidden="true" 4073 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4074 group-open:bg-primary group-open:text-white" 4075 > 4076 4077 4078 <svg 4079 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4080 xmlns="http://www.w3.org/2000/svg" 4081 viewBox="0 0 24 24" 4082 fill="none" 4083 stroke="currentColor" 4084 stroke-width="1.5" 4085 stroke-linecap="round" 4086 stroke-linejoin="round" 4087 4088> 4089 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4090 <path d="M12 5l0 14" /> 4091 <path d="M5 12l14 0" /> 4092</svg> 4093 4094 4095 </div> 4096 </summary> 4097 <div 4098 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4099 > 4100 <p>Yes. Once your payment is confirmed, you receive an email confirmation and your booking is guaranteed.</p> 4101 </div> 4102</details> 4103 </li> 4104 4105 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4106 4107 4108<details name="faq" class="group open:bg-neutral-100" > 4109 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4110 <div class="flex items-center gap-8"> 4111 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4112 04 4113 </span> 4114 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">Do I need to call the property before coming?</h3> 4115 </div> 4116 <div 4117 aria-hidden="true" 4118 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4119 group-open:bg-primary group-open:text-white" 4120 > 4121 4122 4123 <svg 4124 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4125 xmlns="http://www.w3.org/2000/svg" 4126 viewBox="0 0 24 24" 4127 fill="none" 4128 stroke="currentColor" 4129 stroke-width="1.5" 4130 stroke-linecap="round" 4131 stroke-linejoin="round" 4132 4133> 4134 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4135 <path d="M12 5l0 14" /> 4136 <path d="M5 12l14 0" /> 4137</svg> 4138 4139 4140 </div> 4141 </summary> 4142 <div 4143 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4144 > 4145 <p>No. As soon as your payment is confirmed, you receive your confirmation immediately and can go directly to the property. The property receives a confirmation by email as well.</p> 4146 </div> 4147</details> 4148 </li> 4149 4150 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4151 4152 4153<details name="faq" class="group open:bg-neutral-100" > 4154 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4155 <div class="flex items-center gap-8"> 4156 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4157 05 4158 </span> 4159 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">What if I have a problem before or during my visit?</h3> 4160 </div> 4161 <div 4162 aria-hidden="true" 4163 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4164 group-open:bg-primary group-open:text-white" 4165 > 4166 4167 4168 <svg 4169 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4170 xmlns="http://www.w3.org/2000/svg" 4171 viewBox="0 0 24 24" 4172 fill="none" 4173 stroke="currentColor" 4174 stroke-width="1.5" 4175 stroke-linecap="round" 4176 stroke-linejoin="round" 4177 4178> 4179 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4180 <path d="M12 5l0 14" /> 4181 <path d="M5 12l14 0" /> 4182</svg> 4183 4184 4185 </div> 4186 </summary> 4187 <div 4188 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4189 > 4190 <p>Our support team is available 7 days a week to assist you. If you have any questions or face any issues, you can contact us on our WhatsApp and we will help you find a solution quickly.</p> 4191 </div> 4192</details> 4193 </li> 4194 4195 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4196 4197 4198<details name="faq" class="group open:bg-neutral-100" > 4199 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4200 <div class="flex items-center gap-8">
4201 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4202 06 4203 </span> 4204 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">What is your cancellation policy?</h3> 4205 </div> 4206 <div 4207 aria-hidden="true" 4208 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4209 group-open:bg-primary group-open:text-white" 4210 > 4211 4212 4213 <svg 4214 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4215 xmlns="http://www.w3.org/2000/svg" 4216 viewBox="0 0 24 24" 4217 fill="none" 4218 stroke="currentColor" 4219 stroke-width="1.5" 4220 stroke-linecap="round" 4221 stroke-linejoin="round" 4222 4223> 4224 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4225 <path d="M12 5l0 14" /> 4226 <path d="M5 12l14 0" /> 4227</svg> 4228 4229 4230 </div> 4231 </summary> 4232 <div 4233 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4234 > 4235 <p>We offer you a flexible option allowing you to cancel up to 24h before your arrival. </p> 4236 </div> 4237</details> 4238 </li> 4239 4240 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4241 4242 4243<details name="faq" class="group open:bg-neutral-100" > 4244 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4245 <div class="flex items-center gap-8"> 4246 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4247 07 4248 </span> 4249 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">Why is the date or pass I want unavailable?</h3> 4250 </div> 4251 <div 4252 aria-hidden="true" 4253 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4254 group-open:bg-primary group-open:text-white" 4255 > 4256 4257 4258 <svg 4259 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4260 xmlns="http://www.w3.org/2000/svg" 4261 viewBox="0 0 24 24" 4262 fill="none" 4263 stroke="currentColor" 4264 stroke-width="1.5" 4265 stroke-linecap="round" 4266 stroke-linejoin="round" 4267 4268> 4269 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4270 <path d="M12 5l0 14" /> 4271 <path d="M5 12l14 0" /> 4272</svg> 4273 4274 4275 </div> 4276 </summary> 4277 <div 4278 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4279 > 4280 <p>If the pass you are hoping to book says unavailable on the booking page, it means the hotel is either not offering passes on that day or that pass has already sold out. </p><p>You're always welcome to frequently revisit and check if your preferred pass becomes available, or we recommend exploring other passes in the vicinity!</p> 4281 </div> 4282</details> 4283 </li> 4284 4285 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4286 4287 4288<details name="faq" class="group open:bg-neutral-100" > 4289 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4290 <div class="flex items-center gap-8"> 4291 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4292 08 4293 </span> 4294 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">Can I bring my own food and drink items to the hotel?</h3> 4295 </div> 4296 <div 4297 aria-hidden="true" 4298 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4299 group-open:bg-primary group-open:text-white" 4300 > 4301 4302 4303 <svg 4304 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4305 xmlns="http://www.w3.org/2000/svg" 4306 viewBox="0 0 24 24" 4307 fill="none" 4308 stroke="currentColor" 4309 stroke-width="1.5" 4310 stroke-linecap="round" 4311 stroke-linejoin="round" 4312 4313> 4314 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4315 <path d="M12 5l0 14" /> 4316 <path d="M5 12l14 0" /> 4317</svg> 4318 4319 4320 </div> 4321 </summary> 4322 <div 4323 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4324 > 4325 <p>Our associated hotels do not allow the introduction of outside food and beverages. Please do not bring your own food and drinks when using a pool pass. </p> 4326 </div> 4327</details> 4328 </li> 4329 4330 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4331 4332 4333<details name="faq" class="group open:bg-neutral-100" > 4334 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4335 <div class="flex items-center gap-8">
4336 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4337 09 4338 </span> 4339 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">What payment provider do you use?</h3> 4340 </div> 4341 <div 4342 aria-hidden="true" 4343 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4344 group-open:bg-primary group-open:text-white" 4345 > 4346 4347 4348 <svg 4349 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4350 xmlns="http://www.w3.org/2000/svg" 4351 viewBox="0 0 24 24" 4352 fill="none" 4353 stroke="currentColor" 4354 stroke-width="1.5" 4355 stroke-linecap="round" 4356 stroke-linejoin="round" 4357 4358> 4359 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4360 <path d="M12 5l0 14" /> 4361 <path d="M5 12l14 0" /> 4362</svg> 4363 4364 4365 </div> 4366 </summary> 4367 <div 4368 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4369 > 4370 <p>Credit/debit card payments are processed by Stripe, a payment processor used by companies like Amazon, Google, and Kickstarter. Payment details are securely stored by them</p> 4371 </div> 4372</details> 4373 </li> 4374 4375 <li class="border border-neutral-200 not-first:border-t-0 first:rounded-t-md last:rounded-b-md"> 4376 4377 4378<details name="faq" class="group open:bg-neutral-100" > 4379 <summary class="flex cursor-pointer items-center justify-between gap-2 border-b border-neutral-200 p-4 md:p-6 lg:p-8"> 4380 <div class="flex items-center gap-8"> 4381 <span aria-hidden="true" class="hidden text-3xl font-extrabold md:block lg:text-5xl"> 4382 10 4383 </span> 4384 <h3 class="text-base font-medium md:text-lg lg:text-xl lg:font-semibold">What does a day pass include?</h3> 4385 </div> 4386 <div 4387 aria-hidden="true" 4388 class="flex size-10.5 shrink-0 items-center justify-center rounded-sm bg-primary-light text-black 4389 group-open:bg-primary group-open:text-white" 4390 > 4391 4392 4393 <svg 4394 class="size-5 shrink-0 group-open:rotate-45 transition-transform duration-200" 4395 xmlns="http://www.w3.org/2000/svg" 4396 viewBox="0 0 24 24" 4397 fill="none" 4398 stroke="currentColor" 4399 stroke-width="1.5" 4400 stroke-linecap="round" 4401 stroke-linejoin="round" 4402 4403> 4404 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4405 <path d="M12 5l0 14" /> 4406 <path d="M5 12l14 0" /> 4407</svg> 4408 4409 4410 </div> 4411 </summary> 4412 <div 4413 class="overflow-hidden p-4 text-sm leading-relaxed text-neutral-600 md:p-6 md:ps-31 md:text-base lg:py-8 lg:pe-8" 4414 > 4415 <p>A Day Pass allows you to access most amenities a hotel client would such as Sports, Leisure, and Recreation amenities. This means you can normally use their pools, spa, gyms, or other wellness equipment for a few hours. <br>. </p> 4416 </div> 4417</details> 4418 </li> 4419 4420 </ul> 4421 </div> 4422 </section> 4423 4424 4425 4426 4427 <!-- Top Hotels --> 4428 <section class="section pt-12 pb-6"> 4429 <div data-tabs class="container flex flex-col gap-6 lg:gap-8"> 4430 <h2 class="heading-lg">Hotel Day Passes by City</h2> 4431 4432 4433 <!-- Tab list --> 4434 <div role="tablist" class="grid grid-cols-3"> 4435 4436 <button 4437 role="tab" 4438 aria-selected="true" 4439 aria-controls="panel-1" 4440 id="tab-1" 4441 tabindex="0" 4442 class="aria-selected:text-bold cursor-pointer overflow-hidden border-b-2 border-b-neutral-200 p-4 text-base 4443 font-semibold text-ellipsis whitespace-nowrap text-neutral-400 transition-colors 4444 hover:border-b-primary hover:text-primary aria-selected:border-b-primary aria-selected:text-primary lg:text-xl" 4445 > 4446 Top Locations 4447 </button> 4448 4449 <button 4450 role="tab" 4451 aria-selected="false" 4452 aria-controls="panel-2" 4453 id="tab-2" 4454 tabindex="-1" 4455 class="aria-selected:text-bold cursor-pointer overflow-hidden border-b-2 border-b-neutral-200 p-4 text-base 4456 font-semibold text-ellipsis whitespace-nowrap text-neutral-400 transition-colors 4457 hover:border-b-primary hover:text-primary aria-selected:border-b-primary aria-selected:text-primary lg:text-xl" 4458 > 4459 Top Pools 4460 </button> 4461 4462 <button 4463 role="tab" 4464 aria-selected="false" 4465 aria-controls="panel-3" 4466 id="tab-3" 4467 tabindex="-1" 4468 class="aria-selected:text-bold cursor-pointer overflow-hidden border-b-2 border-b-neutral-200 p-4 text-base 4469 font-semibold text-ellipsis whitespace-nowrap text-neutral-400 transition-colors 4470 hover:border-b-primary hover:text-primary aria-selected:border-b-primary aria-selected:text-primary lg:text-xl" 4471 > 4472 Top Spas 4473 </button> 4474 4475 </div> 4476 4477 <!-- Tab panels --> 4478 <div role="tabpanel" id="panel-1" aria-labelledby="tab-1"> 4479 <ul class="grid grid-cols-3 gap-4 sm:grid-cols-4 md:grid-cols-5"> 4480 4481 <li class="flex"> 4482 <a href="/locations/abu-dhabi"> 4483 <p class="text-base font-semibold lg:text-lg">Abu Dhabi</p> 4484 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4485 </a> 4486 </li> 4487 4488 <li class="flex"> 4489 <a href="/locations/agadir-taghazout"> 4490 <p class="text-base font-semibold lg:text-lg">Agadir&Taghazout</p> 4491 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4492 </a> 4493 </li> 4494 4495 <li class="flex"> 4496 <a href="/locations/al-ain"> 4497 <p class="text-base font-semibold lg:text-lg">Al Ain</p> 4498 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4499 </a> 4500 </li> 4501 4502 <li class="flex"> 4503 <a href="/locations/bali"> 4504 <p class="text-base font-semibold lg:text-lg">Bali</p> 4505 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4506 </a> 4507 </li> 4508 4509 <li class="flex"> 4510 <a href="/locations/dubai"> 4511 <p class="text-base font-semibold lg:text-lg">Dubai</p> 4512 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4513 </a> 4514 </li> 4515 4516 <li class="flex"> 4517 <a href="/locations/malindi"> 4518 <p class="text-base font-semibold lg:text-lg">Malindi</p> 4519 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4520 </a> 4521 </li> 4522 4523 <li class="flex"> 4524 <a href="/locations/mallorca"> 4525 <p class="text-base font-semibold lg:text-lg">Mallorca</p> 4526 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4527 </a> 4528 </li> 4529 4530 <li class="flex"> 4531 <a href="/locations/marbella"> 4532 <p class="text-base font-semibold lg:text-lg">Marbella</p> 4533 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4534 </a> 4535 </li> 4536 4537 <li class="flex"> 4538 <a href="/locations/marrakech"> 4539 <p class="text-base font-semibold lg:text-lg">Marrakech</p> 4540 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4541 </a> 4542 </li> 4543 4544 <li class="flex"> 4545 <a href="/locations/phuket"> 4546 <p class="text-base font-semibold lg:text-lg">Phuket</p> 4547 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4548 </a> 4549 </li> 4550 4551 <li class="flex"> 4552 <a href="/locations/rabat"> 4553 <p class="text-base font-semibold lg:text-lg">Rabat</p> 4554 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4555 </a> 4556 </li> 4557 4558 <li class="flex"> 4559 <a href="/locations/santo-stefano-di-camastra-sicily"> 4560 <p class="text-base font-semibold lg:text-lg">Santo Stefano di Camastra, Sicily</p> 4561 <p class="text-xs font-medium text-muted lg:text-sm">Hotel day passes</p> 4562 </a> 4563 </li> 4564 4565 </ul> 4566 </div> 4567 4568 <div role="tabpanel" id="panel-2" aria-labelledby="tab-2" hidden> 4569 <ul class="grid grid-cols-3 gap-4 sm:grid-cols-4 md:grid-cols-5"> 4570 4571 <li class="flex"> 4572 <a href="/locations/abu-dhabi?type=pool"> 4573 <p class="text-base font-semibold lg:text-lg">Abu Dhabi</p> 4574 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4575 </a> 4576 </li> 4577 4578 <li class="flex"> 4579 <a href="/locations/agadir-taghazout?type=pool"> 4580 <p class="text-base font-semibold lg:text-lg">Agadir&Taghazout</p> 4581 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4582 </a> 4583 </li> 4584 4585 <li class="flex"> 4586 <a href="/locations/al-ain?type=pool"> 4587 <p class="text-base font-semibold lg:text-lg">Al Ain</p> 4588 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4589 </a> 4590 </li> 4591 4592 <li class="flex"> 4593 <a href="/locations/bali?type=pool"> 4594 <p class="text-base font-semibold lg:text-lg">Bali</p> 4595 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4596 </a> 4597 </li> 4598 4599 <li class="flex"> 4600 <a href="/locations/dubai?type=pool"> 4601 <p class="text-base font-semibold lg:text-lg">Dubai</p> 4602 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4603 </a> 4604 </li> 4605 4606 <li class="flex"> 4607 <a href="/locations/malindi?type=pool"> 4608 <p class="text-base font-semibold lg:text-lg">Malindi</p> 4609 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4610 </a> 4611 </li> 4612 4613 <li class="flex"> 4614 <a href="/locations/mallorca?type=pool"> 4615 <p class="text-base font-semibold lg:text-lg">Mallorca</p> 4616 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4617 </a> 4618 </li> 4619 4620 <li class="flex"> 4621 <a href="/locations/marbella?type=pool"> 4622 <p class="text-base font-semibold lg:text-lg">Marbella</p> 4623 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4624 </a> 4625 </li> 4626 4627 <li class="flex"> 4628 <a href="/locations/marrakech?type=pool"> 4629 <p class="text-base font-semibold lg:text-lg">Marrakech</p> 4630 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4631 </a> 4632 </li> 4633 4634 <li class="flex"> 4635 <a href="/locations/phuket?type=pool"> 4636 <p class="text-base font-semibold lg:text-lg">Phuket</p> 4637 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4638 </a> 4639 </li> 4640 4641 <li class="flex"> 4642 <a href="/locations/rabat?type=pool"> 4643 <p class="text-base font-semibold lg:text-lg">Rabat</p> 4644 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4645 </a> 4646 </li> 4647 4648 <li class="flex"> 4649 <a href="/locations/santo-stefano-di-camastra-sicily?type=pool"> 4650 <p class="text-base font-semibold lg:text-lg">Santo Stefano di Camastra, Sicily</p> 4651 <p class="text-xs font-medium text-muted lg:text-sm">Pool passes</p> 4652 </a> 4653 </li> 4654 4655 </ul> 4656 </div> 4657 4658 <div role="tabpanel" id="panel-3" aria-labelledby="tab-3" hidden> 4659 <ul class="grid grid-cols-3 gap-4 sm:grid-cols-4 md:grid-cols-5"> 4660 4661 <li class="flex"> 4662 <a href="/locations/abu-dhabi?type=spa"> 4663 <p class="text-base font-semibold lg:text-lg">Abu Dhabi</p> 4664 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4665 </a> 4666 </li> 4667 4668 <li class="flex"> 4669 <a href="/locations/agadir-taghazout?type=spa"> 4670 <p class="text-base font-semibold lg:text-lg">Agadir&Taghazout</p> 4671 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4672 </a> 4673 </li> 4674 4675 <li class="flex"> 4676 <a href="/locations/al-ain?type=spa"> 4677 <p class="text-base font-semibold lg:text-lg">Al Ain</p> 4678 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4679 </a> 4680 </li> 4681 4682 <li class="flex"> 4683 <a href="/locations/bali?type=spa"> 4684 <p class="text-base font-semibold lg:text-lg">Bali</p> 4685 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4686 </a> 4687 </li> 4688 4689 <li class="flex"> 4690 <a href="/locations/dubai?type=spa"> 4691 <p class="text-base font-semibold lg:text-lg">Dubai</p> 4692 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4693 </a> 4694 </li> 4695 4696 <li class="flex"> 4697 <a href="/locations/malindi?type=spa"> 4698 <p class="text-base font-semibold lg:text-lg">Malindi</p> 4699 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4700 </a> 4701 </li> 4702 4703 <li class="flex"> 4704 <a href="/locations/mallorca?type=spa"> 4705 <p class="text-base font-semibold lg:text-lg">Mallorca</p> 4706 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4707 </a> 4708 </li> 4709 4710 <li class="flex"> 4711 <a href="/locations/marbella?type=spa"> 4712 <p class="text-base font-semibold lg:text-lg">Marbella</p> 4713 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4714 </a> 4715 </li> 4716 4717 <li class="flex"> 4718 <a href="/locations/marrakech?type=spa"> 4719 <p class="text-base font-semibold lg:text-lg">Marrakech</p> 4720 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4721 </a> 4722 </li> 4723 4724 <li class="flex"> 4725 <a href="/locations/phuket?type=spa"> 4726 <p class="text-base font-semibold lg:text-lg">Phuket</p> 4727 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4728 </a> 4729 </li> 4730 4731 <li class="flex"> 4732 <a href="/locations/rabat?type=spa"> 4733 <p class="text-base font-semibold lg:text-lg">Rabat</p> 4734 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4735 </a> 4736 </li> 4737 4738 <li class="flex"> 4739 <a href="/locations/santo-stefano-di-camastra-sicily?type=spa"> 4740 <p class="text-base font-semibold lg:text-lg">Santo Stefano di Camastra, Sicily</p> 4741 <p class="text-xs font-medium text-muted lg:text-sm">Spa passes</p> 4742 </a> 4743 </li> 4744 4745 </ul> 4746 </div> 4747 4748 </div> 4749</section> 4750 </main> 4751 4752 4753 4754 4755 4756<footer class="section bg-tertiary py-6 md:py-10 lg:py-16"> 4757 <div class="container flex max-w-[1600]! flex-col gap-10"> 4758 <!-- Header section --> 4759 <div class="flex flex-col justify-between gap-4 border-b border-muted py-4 md:flex-row md:items-center"> 4760 <div class="flex items-center gap-4"> 4761 <img src="/assets/images/logo-50x50.png" alt="Global Day Pass logo" width="50" height="50" /> 4762 <p class="text-2xl font-extrabold">Global Day Pass</p> 4763 </div> 4764 4765 <!-- Mobile Contact Info --> 4766 <address class="flex flex-col gap-2 not-italic md:hidden"> 4767 <h6 class="footer-heading">Contact Us</h6> 4768 <a href="https://wa.me/420739426014" class="flex items-center gap-1 font-medium"> 4769 4770 4771 <svg 4772 class="size-5 shrink-0" 4773 xmlns="http://www.w3.org/2000/svg" 4774 viewBox="0 0 24 24" 4775 fill="none" 4776 stroke="currentColor" 4777 st
4777roke-width="1.5" 4778 stroke-linecap="round" 4779 stroke-linejoin="round" 4780 4781> 4782 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4783 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /> 4784</svg> 4785 4786 +420 739 426 014 4787 </a> 4788 <a href="mailto:[email protected]" class="flex items-center gap-1 font-medium"> 4789 4790 4791 <svg 4792 class="size-5 shrink-0" 4793 xmlns="http://www.w3.org/2000/svg" 4794 viewBox="0 0 24 24" 4795 fill="none" 4796 stroke="currentColor" 4797 stroke-width="1.5" 4798 stroke-linecap="round" 4799 stroke-linejoin="round" 4800 4801> 4802 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4803 <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> 4804 <path d="M3 7l9 6l9 -6" /> 4805</svg> 4806 4807 [email protected] 4808 </a> 4809 </address> 4810 4811 <!-- Desktop phone --> 4812 <div class="hidden flex-col items-center md:flex lg:flex-row lg:gap-4"> 4813 <div class="flex items-center gap-1"> 4814 4815 4816 <svg class="size-5 shrink-0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 4817 <path 4818 d="M18.87 5.617A8.9 8.9 0 0 0 12.534 3c-4.935 0-8.957 4.003-8.962 8.917 0 1.574.414 3.105 1.195 4.46L3.5 21l4.75-1.24a8.96 8.96 0 0 0 4.284 1.086h.004c4.937 0 8.958-4.003 8.962-8.921a8.88 8.88 0 0 0-2.63-6.308m-6.336 13.72A7.5 7.5 0 0 1 8.74 18.3l-.27-.162-2.82.736.753-2.737-.176-.283a7.36 7.36 0 0 1-1.138-3.943c0-4.079 3.342-7.407 7.448-7.407a7.44 7.44 0 0 1 6.882 4.577c.374.9.566 1.864.563 2.838-.004 4.094-3.346 7.416-7.45 7.416m4.085-5.552c-.223-.111-1.322-.65-1.529-.726-.206-.073-.356-.112-.503.111-.15.222-.58.727-.708.872-.13.15-.262.166-.486.056-.223-.112-.945-.346-1.8-1.108-.666-.59-1.113-1.322-1.246-1.543-.129-.223-.012-.342.1-.454.098-.099.222-.26.334-.39.113-.127.15-.222.224-.37.073-.151.038-.28-.017-.39-.057-.112-.503-1.211-.692-1.654-.18-.438-.365-.377-.503-.383-.128-.008-.279-.008-.429-.008a.83.83 0 0 0-.598.278c-.205.223-.78.762-.78 1.86 0 1.1.802 2.156.915 2.306.11.15 1.575 2.398 3.823 3.366.53.23.949.367 1.276.47.536.171 1.021.145 1.408.09.43-.065 1.323-.54 1.512-1.06.185-.523.185-.968.129-1.062s-.206-.15-.43-.26" 4819 /> 4820</svg> 4821 4822 4823 <p class="font-medium">Need help? WhatsApp Us!</p> 4824 </div> 4825 <a 4826 href="https://wa.me/420739426014" 4827 target="_blank" 4828 rel="noopener noreferrer" 4829 class="text-2xl font-extrabold" 4830 > 4831 +420 739 426 014 4832 </a> 4833 </div> 4834 </div> 4835 4836 <h2 class="sr-only">Footer navigation</h2> 4837 4838 <!-- Main Footer Content --> 4839 <div class="flex flex-row gap-16"> 4840 <!-- Desktop Contact Info --> 4841 <address class="hidden flex-col gap-4 not-italic md:flex"> 4842 <h3 class="footer-heading">Contact Us</h3> 4843 <a href="https://wa.me/420739426014" class="flex items-center gap-1 font-medium"> 4844 4845 4846 <svg 4847 class="size-5 shrink-0" 4848 xmlns="http://www.w3.org/2000/svg" 4849 viewBox="0 0 24 24" 4850 fill="none" 4851 stroke="currentColor" 4852 stroke-width="1.5" 4853 stroke-linecap="round" 4854 stroke-linejoin="round" 4855 4856> 4857 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4858 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /> 4859</svg> 4860 4861 +420 739 426 014 4862 </a> 4863 <a href="mailto:[email protected]" class="flex items-center gap-1 font-medium"> 4864 4865 4866 <svg 4867 class="size-5 shrink-0" 4868 xmlns="http://www.w3.org/2000/svg" 4869 viewBox="0 0 24 24" 4870 fill="none" 4871 stroke="currentColor" 4872 stroke-width="1.5" 4873 stroke-linecap="round" 4874 stroke-linejoin="round" 4875 4876> 4877 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 4878 <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> 4879 <path d="M3 7l9 6l9 -6" /> 4880</svg> 4881 4882 [email protected] 4883 </a> 4884 </address> 4885 4886 <!-- Footer Navigation --> 4887 <nav class="grid grid-cols-2 gap-8 md:gap-16 lg:grid-cols-4" aria-label="Footer navigation"> 4888 <div class="flex flex-col gap-4"> 4889 <h3 id="company-nav" class="footer-heading">Company</h3> 4890 <ul aria-labelledby="company-nav" class="flex flex-col gap-4"> 4891 <li> 4892 <a href="/blog" class="footer-link">Community Blog</a> 4893 </li> 4894 </ul> 4895 </div> 4896 4897 <div class="flex flex-col gap-4"> 4898 <h3 id="hotels-nav" class="footer-heading">For Hotels</h3> 4899 <ul aria-labelledby="hotels-nav" class="flex flex-col gap-4"> 4900 <li>
4901 <a href="https://partner.globaldaypass.com" target="_blank" class="footer-link">Hotel Extranet</a> 4902 </li> 4903 </ul> 4904 </div> 4905 4906 <div class="flex flex-col gap-4"> 4907 <h3 id="legal-nav" class="footer-heading">Legal</h3> 4908 <ul aria-labelledby="legal-nav" class="flex flex-col gap-4"> 4909 <li> 4910 <a href="/terms" class="footer-link">Terms of Service</a> 4911 </li> 4912 <li> 4913 <a href="/privacy" class="footer-link">Privacy Policy</a> 4914 </li> 4915 <li> 4916 <a href="/cookies" class="footer-link">Cookies Policy</a> 4917 </li> 4918 </ul> 4919 </div> 4920 </nav> 4921 </div> 4922 4923 <!-- Social Media --> 4924 <div class="flex flex-col gap-4"> 4925 <h3 id="social-nav" class="footer-heading sr-only md:not-sr-only">Follow us</h3> 4926 <nav aria-labelledby="social-nav"> 4927 <ul class="flex flex-wrap items-center gap-4"> 4928 <li> 4929 <a 4930 href="https://www.instagram.com/globaldaypass" 4931 rel="noopener noreferrer" 4932 target="_blank" 4933 class="transition-transform duration-200 ease-in hover:scale-105" 4934 aria-label="Follow us on Instagram" 4935 > 4936 4937 4938 <svg class="h-[30px] shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="black"> 4939 <path 4940 d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" 4941 transform="translate(-2.5 -2.5)" 4942 /> 4943</svg> 4944 4945 4946 </a> 4947 </li> 4948 <li> 4949 <a 4950 href="https://www.facebook.com/globaldaypass" 4951 rel="noopener noreferrer" 4952 target="_blank" 4953 class="transition-transform duration-200 ease-in hover:scale-105" 4954 aria-label="Follow us on Facebook" 4955 > 4956 4957 4958 <svg class="h-8 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 666.667 666.667"> 4959 <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 -133.333 800)"> 4960 <path 4961 d="M0 0c0 138.071-111.929 250-250 250S-500 138.071-500 0c0-117.245 80.715-215.622 189.606-242.638v166.242h-51.552V0h51.552v32.919c0 85.092 38.508 124.532 122.048 124.532 15.838 0 43.167-3.105 54.347-6.211V81.986c-5.901.621-16.149.932-28.882.932-40.993 0-56.832-15.528-56.832-55.9V0h81.659l-14.028-76.396h-67.631v-171.773C-95.927-233.218 0-127.818 0 0" 4962 style="fill:#0866ff;fill-opacity:1;fill-rule:nonzero;stroke:none" 4963 transform="translate(600 350)" 4964 /> 4965 <path 4966 d="m0 0 14.029 76.396H-67.63v27.019c0 40.372 15.838 55.899 56.831 55.899 12.733 0 22.981-.31 28.882-.931v69.253c-11.18 3.106-38.509 6.212-54.347 6.212-83.539 0-122.048-39.441-122.048-124.533V76.396h-51.552V0h51.552v-166.242a250.6 250.6 0 0 1 60.394-7.362c10.254 0 20.358.632 30.288 1.831V0Z" 4967 style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none" 4968 transform="translate(447.918 273.604)" 4969 /> 4970 </g> 4971</svg> 4972 4973<!-- 4974<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 4975 <path 4976 d="M18.3334 13.491C18.3334 16.5243 16.5251 18.3327 13.4917 18.3327H12.5001C12.0417 18.3327 11.6667 17.9577 11.6667 17.4993V12.691C11.6667 12.466 11.8501 12.2743 12.0751 12.2743L13.5417 12.2493C13.6584
497612.241 13.7584 12.1577 13.7834 12.041L14.0751 10.4493C14.1001 10.2993 13.9834 10.1577 13.8251 10.1577L12.0501 10.1827C11.8167 10.1827 11.6334 9.99937 11.6251 9.77437L11.5918 7.73269C11.5918 7.59936 11.7001 7.4827 11.8417 7.4827L13.8417 7.44936C13.9834 7.44936 14.0918 7.34104 14.0918 7.19937L14.0584 5.19935C14.0584 5.05768 13.9501 4.94936 13.8084 4.94936L11.5584 4.9827C10.1751 5.0077 9.07509 6.14102 9.10009 7.52436L9.14175 9.81602C9.15008 10.0493 8.96676 10.2327 8.73342 10.241L7.73341 10.2577C7.59175 10.2577 7.48342 10.366 7.48342 10.5077L7.50842 12.091C7.50842 12.2327 7.61675 12.341 7.75841 12.341L8.75842 12.3243C8.99176 12.3243 9.17507 12.5077 9.18341 12.7327L9.2584 17.4827C9.26674 17.9493 8.89174 18.3327 8.42507 18.3327H6.50841C3.47508 18.3327 1.66675 16.5243 1.66675 13.4827V6.50769C1.66675 3.47436 3.47508 1.66602 6.50841 1.66602H13.4917C16.5251 1.66602 18.3334 3.47436 18.3334 6.50769V13.491Z" 4977 fill="black" 4978 /> 4979</svg> 4980--> 4981 4982 4983 </a> 4984 </li> 4985 <li> 4986 <a 4987 href="https://x.com/globaldaypass" 4988 rel="noopener noreferrer" 4989 target="_blank" 4990 class="transition-transform duration-200 ease-in hover:scale-105" 4991 aria-label="Follow us on X (Twitter)" 4992 > 4993 4994 4995 <svg class="h-7 shrink-0" viewBox="0 0 1200 1227" fill="black" xmlns="http://www.w3.org/2000/svg"> 4996 <path 4997 d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" 4998 /> 4999</svg> 5000 5001 5002 </a> 5003 </li> 5004 <li> 5005 <a 5006 href="https://www.youtube.com/@GlobalDayPass" 5007 rel="noopener noreferrer" 5008 target="_blank" 5009 class="transition-transform duration-200 ease-in hover:scale-105" 5010 aria-label="Follow us on YouTube" 5011 > 5012 5013 5014 <svg class="h-7 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.57 20"> 5015 <path 5016 d="M27.973 3.123A3.58 3.58 0 0 0 25.447.597C23.22 0 14.285 0 14.285 0S5.35 0 3.123.597A3.58 3.58 0 0 0 .597 3.123C0 5.35 0 10 0 10s0 4.65.597 6.877a3.58 3.58 0 0 0 2.526 2.526C5.35 20 14.285 20 14.285 20s8.935 0 11.162-.597a3.58 3.58 0 0 0 2.526-2.526C28.57 14.65 28.57 10 28.57 10s-.002-4.65-.597-6.877" 5017 fill="#f03" 5018 /> 5019 <path d="M11.425 14.285 18.848 10l-7.423-4.285z" fill="#fff" /> 5020</svg> 5021 5022 5023 </a> 5024 </li> 5025 </ul> 5026 </nav> 5027 </div> 5028 5029 <!-- Copyright & Payment Methods --> 5030 <div class="flex flex-col-reverse justify-between gap-5 border-t border-muted py-6 md:flex-row md:items-center"> 5031 <small class="text-sm font-medium"> © 2022â2026 Global Day Passâ¢. All rights reserved. </small> 5032 5033 <ul aria-label="Accepted payment methods" class="flex flex-wrap items-center gap-3"> 5034 <li> 5035 <img src="/assets/images/visa.png" alt="Visa" loading="lazy" class="h-9" /> 5036 </li> 5037 <li> 5038 <img src="/assets/images/mastercard.png" alt="Mastercard" loading="lazy" class="h-9" /> 5039 </li> 5040 <li> 5041 <img src="/assets/images/amex.png" alt="American Express" loading="lazy" class="h-9" /> 5042 </li> 5043 <li> 5044 <img src="/assets/images/apple-pay.png" alt="Apple Pay" loading="lazy" class="h-9" /> 5045 </li> 5046 <li> 5047 <img src="/assets/images/google-pay.png" alt="Google Pay" loading="lazy" class="h-9" /> 5048 </li> 5049 </ul> 5050 </div> 5051 </div> 5052</footer> 5053 5054 5055 <div id="sheet-stack"></div> 5056 5057 5058<template id="lightbox-template"> 5059 <div 5060 role="dialog" 5061 aria-label="Image gallery" 5062 class="fixed inset-0 z-999 flex h-dvh max-h-none w-dvw max-w-none flex-col gap-10 bg-black/75 p-10 5063 backdrop-blur-sm" 5064 > 5065 <header class="flex justify-end"> 5066 <button 5067 data-lightbox-close 5068 aria-label="Close gallery" 5069 class="cursor-pointer rounded-full p-2 text-white hover:bg-white/30" 5070 > 5071 5072 5073 <svg 5074 class="size-6 shrink-0" 5075 xmlns="http://www.w3.org/2000/svg" 5076 viewBox="0 0 24 24" 5077 fill="none" 5078 stroke="currentColor" 5079 stroke-width="1.5" 5080 stroke-linecap="round" 5081 stroke-linejoin="round" 5082 5083> 5084 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 5085 <path d="M18 6l-12 12" /> 5086 <path d="M6 6l12 12" /> 5087</svg> 5088 5089 5090 </button> 5091 </header> 5092 5093 <div class="flex grow items-center gap-10 overflow-hidden"> 5094 <button 5095 data-lightbox-prev 5096 aria-label="Previous image" 5097 class="cursor-pointer rounded-full p-2 text-white hover:bg-white/30" 5098 > 5099 5100 5101 <svg 5102 class="size-6 shrink-0" 5103 xmlns="http://www.w3.org/2000/svg" 5104 viewBox="0 0 24 24" 5105 fill="none" 5106 stroke="currentColor" 5107 stroke-width="1.5" 5108 stroke-linecap="round" 5109 stroke-linejoin="round" 5110 5111> 5112 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 5113 <path d="M15 6l-6 6l6 6" /> 5114</svg> 5115 5116 5117 </button> 5118 <div class="flex h-full grow items-center justify-center"> 5119 <img data-lightbox-image class="max-h-full rounded-lg" /> 5120 </div> 5121 <button 5122 data-lightbox-next 5123 aria-label="Next image" 5124 class="cursor-pointer rounded-full p-2 text-white hover:bg-white/30" 5125 > 5126 5127 5128 <svg 5129 class="size-6 shrink-0" 5130 xmlns="http://www.w3.org/2000/svg" 5131 viewBox="0 0 24 24" 5132 fill="none" 5133 stroke="currentColor" 5134 stroke-width="1.5" 5135 stroke-linecap="round" 5136 stroke-linejoin="round" 5137 5138> 5139 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 5140 <path d="M9 6l6 6l-6 6" /> 5141</svg> 5142 5143 5144 </button> 5145 </div> 5146 5147 <footer class="flex flex-col items-center gap-2"> 5148 <p data-lightbox-counter class="text-white"></p> 5149 <div data-lightbox-thumbs class="flex items-center justify-center gap-2"></div> 5150 </footer> 5151 </div> 5152</template> 5153 5154 <template id="package-sheet-template"> 5155 <div 5156 data-package-loader 5157 hx-target="this" 5158 hx-swap="outerHTML" 5159 hx-on::response-error="this.textContent = 'Something went wrong. Please close and try again.'" 5160 class="flex h-40 items-center justify-center" 5161 > 5162 <span class="text-muted">Loading…</span> 5163 </div> 5164</template> 5165 </body> 5166</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.