PageSourceSearch

https://globaldaypass.com/

html globaldaypass.com collected 2026-10-10 01:03:10 UTC 188,814 bytes, 5,166 lines download raw bytes

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&#39;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&#39;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="[&#38;_div[data-location-input]&#62;svg:first-of-type]:left-2
396             sm:[&#38;_div[data-location-input]&#62;svg:first-of-type]:left-3 [&#38;_div[data-location-input]&#62;button]:px-10
397             sm:[&#38;_div[data-location-input]&#62;button]:px-12
398             [&#38;_div[data-location-input]&#62;svg:last-of-type]:right-2 sm:[&#38;_div[data-location-input]&#62;svg:last-of-type]:right-3
399            [&#38;_div[data-date-input]&#62;button]:px-2 sm:[&#38;_div[data-date-input]&#62;button]:px-3
400            [&#38;_div[data-date-input]&#62;button]:gap-2 sm:[&#38;_div[data-date-input]&#62;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 &#38; 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 &amp; 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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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        &lt;
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        &gt;
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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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        &lt;
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        &gt;
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&#38;height=458&#38;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&#38;height=458&#38;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        &lt;
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        &gt;
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 &#38; 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&#38;height=458&#38;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&#38;height=458&#38;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        &lt;
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        &gt;
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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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        &lt;
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        &gt;
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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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&#38;height=458&#38;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        &lt;
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        &gt;
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            &lt;-
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&#39;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            -&gt;
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!&nbsp;</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.&nbsp;</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.&nbsp;</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.&nbsp;</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.&nbsp;<br>.&nbsp;</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&#38;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&#38;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&#38;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&hellip;</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.