Grand Hotel De Cala Rossa & Spa Nucca, France from 1144US$

<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <title>Grand Hotel De Cala Rossa & Spa Nucca, France from 1144US$ | 2024</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/grand-hotel-de-cala-rossa-spa-nucca" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Grand Hotel De Cala Rossa & Spa Nucca, France from 1144US$ | 2024" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/grand-hotel-de-cala-rossa-spa-nucca" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/grand-hotel-de-cala-rossa-spa-nucca" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/grand-hotel-de-cala-rossa-spa-nucca" title="Fran莽ais"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/grand-hotel-de-cala-rossa-spa-nucca" title="Italiano"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/grand-hotel-de-cala-rossa-spa-nucca" title="Nederlands"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="/data/images/1080x700w/9673/967356/967356430.JPEG" media="(min-width: 768px)"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/9673/967356/967356430.JPEG" media="(max-width: 767px)"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/15804/1580463/1580463153.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/15804/1580463/1580463113.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/15804/1580463/1580463133.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/15804/1580463/1580463179.JPEG"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/hotel_1-BEvU-jnM.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/hotel_1-BEvU-jnM.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-ChUUBcCU.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-ChUUBcCU.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Hotel", "address": { "@type": "PostalAddress", "streetAddress": "Route De Cala Rossa" }, "starRating": { "@type": "Rating", "ratingValue": "" }, "priceRange" : "2", "numberOfRooms": "31", "checkinTime": "from 17:00 until 23:59", "checkoutTime": "until 11:00", "name": "Grand Hotel De Cala Rossa & Spa Nucca" } </script> </head> <body class="wp-embed-responsive woocommerce-js trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg"> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <nav> <div class="hidden justify-center items-center w-6 h-6 md:flex header-toogle-btn js-header-toggle-btn"> <svg class="header-icon-open text-[#0C1326]" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 18H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> <svg class="header-icon-close fill-[#0C1326]" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="flex items-center gap-8 transition-top duration-300 ease md:flex-col md:items-start md:absolute md:left-0 md:-top-10 md:-translate-y-full md:w-full md:p-5 md:bg-white header-toogle-block js-header-toggle-block"> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 whitespace-nowrap md:block js-header-toggle-close-btn" href="#overview"> Overview </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 whitespace-nowrap md:block js-header-toggle-close-btn" href="#rooms"> Rooms </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 whitespace-nowrap md:block js-header-toggle-close-btn" href="#facilities"> Facilities </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 whitespace-nowrap md:block js-header-toggle-close-btn" href="#location"> Location </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 whitespace-nowrap md:block js-header-toggle-close-btn" href="#reviews"> Reviews </a> </div> </nav> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/de/grand-hotel-de-cala-rossa-spa-nucca" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/grand-hotel-de-cala-rossa-spa-nucca" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Fran莽ais</span> </a> <a href="https://touristvr.com/it/grand-hotel-de-cala-rossa-spa-nucca" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/be/grand-hotel-de-cala-rossa-spa-nucca" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/be.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BE</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <main class="bg-neutral-0 pt-10"> <div class="container relative mb-24 md:p-0 md:mb-0"> <div class="flex items-center justify-between w-full mb-8 md:px-5 md:items-start md:mb-0"> <div class="md:mb-5"> <div class="flex items-center gap-2 mb-2.5"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> </div> <h1 class="text-[32px] leading-10 font-bold mb-2.5">Grand Hotel De Cala Rossa & Spa Nucca</h1> <div class="flex items-center gap-2 md:flex-col md:items-start"> <div class="flex items-center gap-2 md:mb-2"> <div class="flex items-center justify-center rounded w-[30px] h-[21px] bg-[#003B95] "> <span class="text-sm text-white font-bold">9.3</span> </div> <div class="text-sm text-secondary-950"> <span> Excellent </span> <span>(69 reviews)</span> <span class="ml-2 md:hidden">|</span> </div> </div> <div class="flex items-center gap-2"> <div class="flex items-center gap-1 text-sm text-secondary-950"> <svg class="fill-secondary-950" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class=" underline">Cala Rossa</span> <span class="ml-2">路</span> </div> <a href="#location" class=" text-sm text-primary-600 underline cursor-pointer">View map</a> </div> </div> </div> <div class="flex items-center gap-2 relative cursor-pointer js-share-btn"> <span class="hidden absolute bottom-full rounded-md p-1 border border-secondary-950 border-solid bg-white text-sm font-medium text-secondary-950 js-share-btn-tooltip">Copied</span> <span class="text-primary-600 text-base font-medium underline"> Share </span> <svg class="text-primary-600" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.6667 2L13.3334 4.66667L10.6667 7.33333" fill="currentColor"/> <path d="M10.6667 2L13.3334 4.66667L10.6667 7.33333" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 12V12.6667C14 13.4033 13.4033 14 12.6667 14H3.33333C2.59667 14 2 13.4033 2 12.6667V6" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M4.66675 11.3334C4.66675 7.65141 7.65141 4.66675 11.3334 4.66675H12.6667" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/> </svg> </div> </div> <div class="md:mb-[180px]"> <div class="relative overflow-hidden grid grid-cols-4 grid-rows-2 gap-4 w-full h-[520px] md:h-[450px]"> <div class="absolute z-[1] top-1/2 -translate-y-1/2 hidden items-center justify-between w-full px-1.5 pointer-events-none md:flex"> <div class="flex items-center justify-center rounded-md w-6 h-9 bg-white"> <svg class="fill-secondary-950" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="flex items-center justify-center rounded-md w-6 h-9 bg-white"> <svg class="fill-secondary-950 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> </div> <div class="linka relative flex cursor-pointer col-start-1 col-end-3 row-start-1 row-end-3 md:col-end-5 js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/9673/967356/967356430.JPEG" data-image-gallery="gallerygrand-hotel-de-cala-rossa-spa-nucca" data-image-number="0" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/1080x700w/9673/967356/967356430.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" src="https://images.touristvr.com/data/images/450x450w/9673/967356/967356430.JPEG" alt=""/> </picture> <span class="hidden md:block absolute top-1 right-1 text-base font-medium bg-black bg-opacity-50 p-1 rounded-md text-white ">All photos (100)</span> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463153.JPEG" data-image-gallery="gallerygrand-hotel-de-cala-rossa-spa-nucca" data-image-number="1" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463153.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463153.JPEG" alt=""/> </picture> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463113.JPEG" data-image-gallery="gallerygrand-hotel-de-cala-rossa-spa-nucca" data-image-number="2" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463113.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463113.JPEG" alt=""/> </picture> <div class="flex items-center justify-center w-full h-full cursor-pointer bg-gray-700 bg-opacity-50 absolute top-0 left-0 rounded-md"> <div> <svg class="fill-white mx-auto mb-1.5" width="24" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 22.75H9.5C4.07 22.75 1.75 20.43 1.75 15V9C1.75 3.57 4.07 1.25 9.5 1.25H15.5C20.93 1.25 23.25 3.57 23.25 9V15C23.25 20.43 20.93 22.75 15.5 22.75ZM9.5 2.75C4.89 2.75 3.25 4.39 3.25 9V15C3.25 19.61 4.89 21.25 9.5 21.25H15.5C20.11 21.25 21.75 19.61 21.75 15V9C21.75 4.39 20.11 2.75 15.5 2.75H9.5Z" /> <path d="M9.5 10.75C7.98 10.75 6.75 9.52 6.75 8C6.75 6.48 7.98 5.25 9.5 5.25C11.02 5.25 12.25 6.48 12.25 8C12.25 9.52 11.02 10.75 9.5 10.75ZM9.5 6.75C8.81 6.75 8.25 7.31 8.25 8C8.25 8.69 8.81 9.25 9.5 9.25C10.19 9.25 10.75 8.69 10.75 8C10.75 7.31 10.19 6.75 9.5 6.75Z" /> <path d="M3.17002 19.7001C2.93002 19.7001 2.69002 19.5801 2.55002 19.3701C2.32002 19.0301 2.41002 18.5601 2.76002 18.3301L7.69002 15.0201C8.77002 14.2901 10.26 14.3801 11.24 15.2101L11.57 15.5001C12.07 15.9301 12.92 15.9301 13.41 15.5001L17.57 11.9301C18.63 11.0201 20.3 11.0201 21.37 11.9301L23 13.3301C23.31 13.6001 23.35 14.0701 23.08 14.3901C22.81 14.7001 22.34 14.7401 22.02 14.4701L20.39 13.0701C19.89 12.6401 19.04 12.6401 18.54 13.0701L14.38 16.6401C13.32 17.5501 11.65 17.5501 10.58 16.6401L10.25 16.3501C9.79002 15.9601 9.03002 15.9201 8.52002 16.2701L3.59002 19.5801C3.46002 19.6601 3.31002 19.7001 3.17002 19.7001Z"/> </svg> <span class="text-white text-base font-medium">View all photos (100)</span> </div> </div> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463133.JPEG" data-image-gallery="gallerygrand-hotel-de-cala-rossa-spa-nucca" data-image-number="3" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463133.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463133.JPEG" alt=""/> </picture> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463179.JPEG" data-image-gallery="gallerygrand-hotel-de-cala-rossa-spa-nucca" data-image-number="4" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463179.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/15804/1580463/1580463179.JPEG" alt=""/> </picture> </div> <script type="text/javascript" class="js-gallery-data" data-gallery-name="gallerygrand-hotel-de-cala-rossa-spa-nucca" style="display:none;"> [ "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463199.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463221.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463227.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463317.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463359.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580466/1580466691.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580466/1580466781.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580467/1580467199.JPEG", "https://images.touristvr.com/data/images/1920x1080w/14129/1412967/1412967500.JPEG", "https://images.touristvr.com/data/images/1920x1080w/14129/1412969/1412969852.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463075.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463121.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463125.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463147.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463159.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463237.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580466/1580466631.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580466/1580466667.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463079.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13071/1307194/1307194735.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13071/1307195/1307195092.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13071/1307197/1307197216.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257149/1257149158.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257149/1257149878.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257149/1257149920.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257158/1257158755.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257158/1257158767.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257158/1257158779.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257166/1257166846.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12571/1257175/1257175201.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149632/1149632584.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149629/1149629719.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149631/1149631279.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149632/1149632554.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149633/1149633310.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149637/1149637687.JPEG", "https://images.touristvr.com/data/images/1920x1080w/14129/1412915/1412915045.JPEG", "https://images.touristvr.com/data/images/1920x1080w/14129/1412966/1412966147.JPEG", "https://images.touristvr.com/data/images/1920x1080w/14061/1406171/1406171987.JPEG", "https://images.touristvr.com/data/images/1920x1080w/14061/1406173/1406173436.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149637/1149637984.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13072/1307200/1307200216.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030811/1030811569.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030812/1030812091.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030814/1030814608.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580462/1580462953.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9826/982694/982694323.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149629/1149629836.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149630/1149630685.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149631/1149631405.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149636/1149636988.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149637/1149637993.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9673/967357/967357678.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9673/967357/967357831.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9673/967357/967357738.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9695/969563/969563596.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13071/1307197/1307197255.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13071/1307198/1307198254.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9177/917741/917741620.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9178/917860/917860468.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9178/917855/917855194.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9177/917738/917738119.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15903/1590344/1590344250.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9178/917859/917859673.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10289/1028997/1028997007.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10289/1028997/1028997055.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10289/1028997/1028997163.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030810/1030810564.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030812/1030812676.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030813/1030813981.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10308/1030814/1030814011.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9673/967357/967357222.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11496/1149629/1149629095.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15903/1590344/1590344245.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463245.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738859/738859555.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580463/1580463003.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9178/917859/917859592.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738859/738859888.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738858/738858982.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738859/738859492.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9177/917743/917743207.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10289/1028997/1028997229.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738859/738859954.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9826/982687/982687396.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738857/738857716.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738860/738860086.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9177/917737/917737945.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2553/255304/255304253.JPEG", "https://images.touristvr.com/data/images/1920x1080w/15804/1580466/1580466707.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9178/917855/917855209.JPEG", "https://images.touristvr.com/data/images/1920x1080w/3687/368728/368728477.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10289/1028997/1028997259.JPEG", "https://images.touristvr.com/data/images/1920x1080w/7388/738876/738876139.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9826/982694/982694293.JPEG" ] </script> </div> </div> <div class="absolute left-1/2 bottom-[-60px] -translate-x-1/2 w-full md:top-[530px]"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-5 md:w-[calc(100%-40px)]"> <div class="js-clk-open" data-type="form"> <p class="section-sub-title mb-2.5">Check Availability</p> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Dec 13, 2024 - Dec 14, 2024 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-600 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> <div class="container relative top-2.5"> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/france-hotels/'>France Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Grand Hotel De Cala Rossa & Spa Nucca</span> </div> </div> <div class="container"> <div class="flex items-start pb-14 lg:flex-wrap"> <div class="w-full"> <div class="section scroll-mt-16 js-hotel-block" data-id="overview" id="overview"> <style> .overview-toggle-block { max-height: 200px; } .overview-toggle-block.active { max-height: initial; } .overview-toggle-btn .overview-toggle-btn__more { display: block; } .overview-toggle-btn.active .overview-toggle-btn__more { display: none; } .overview-toggle-btn .overview-toggle-btn__less { display: none; } .overview-toggle-btn.active .overview-toggle-btn__less { display: block; } .overview-toggle-btn.active .overview-toggle-btn__icon { transform: rotate(180deg); } </style> <div class="flex flex-col gap-4 "> <h2 class="section-title">Overview</h2> <ul class="flex gap-2 flex-wrap"> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">indoor swimming pool</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">free parking</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">free wifi</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">spa and wellness centre</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">family rooms</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">restaurant</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">tea/coffee maker in all rooms</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">bar</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">private beach area</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">breakfast</li> </ul> <div class="overflow-hidden overview-toggle-block js-overview-toogle"> <div class="mb-4"> <p class="section-sub-title mb-2.5">Intro</p> <p class="trawell-hotel-overview__desc">Featuring a hammam, a sauna, and facials, Grand Hotel De Cala Rossa & Spa Nucca is located in Lecci district. The venue is 7 km away from Chapelle de la Sainte Croix de Porto Vecchio and 3.5 km from San Ciprianu Beach.</p> </div> <div class="mb-4"> <p class="section-sub-title mb-2.5">Rooms</p> <p class="trawell-hotel-overview__desc">The rooms have private bathrooms with a walk-in shower and a separate toilet. They offer views of the garden.</p> </div> <div class="mb-4"> <p class="section-sub-title mb-2.5">Relax</p> <p class="trawell-hotel-overview__desc">A sunbathing terrace and an indoor pool can be provided at a surcharge. You can unwind in steam baths, a traditional Hammam, and a treatment room as well as relax in a heated indoor pool. There is a fitness centre on site.</p> </div> <div class="mb-4"> <p class="section-sub-title mb-2.5">Location</p> <p class="trawell-hotel-overview__desc">The property is situated 1 km from Cala Rossa city centre and 35 km from Sud Corse airport. The hotel is 9 km from Sainte-Lucie de Porto-Vecchio.</p> </div> </div> <div class="flex justify-center items-center underline cursor-pointer overview-toggle-btn js-overview-toogle-btn js-clk-open" data-type="overview" data-open-once> <span class="text-base text-primary-600 font-medium underline overview-toggle-btn__more">Show more</span> <span class="text-base text-primary-600 font-medium underline overview-toggle-btn__less">Show less</span> <svg class="fill-primary-600 ml-2 overview-toggle-btn__icon" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block" data-id="rooms" id="rooms"> <div class="grid"> <h3 class="section-title mb-5">Rooms</h3> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1"> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images//450x450w/7388/738861/738861742.JPEG" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Standard Double/Twin Room (2 persons only)</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">22 m<sup>2</sup></b></div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images//450x450w/8001/800143/800143764.JPEG" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Comfort Double or Twin Room</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">30 m<sup>2</sup></b></div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images//450x450w/9826/982687/982687378.JPEG" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Family Junior Suite</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">50 m<sup>2</sup></b></div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <div class="mx-auto mt-5 flex items-center cursor-pointer js-clk-open" data-type="rooms"> <span class="text-base text-primary-600 font-medium underline">Show rooms</span> <svg class="fill-primary-600 ml-2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block" id="facilities" data-id="facilities"> <h3 class="section-title mb-5">Facitilies</h3> <div class="[columns:250px_3]"> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Facilities</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Flat-screen TV</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Rooms</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Free Wi-Fi in rooms</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Air conditioning</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Heating</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">In-room safe</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Mini-bar</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Sitting area</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Garden furniture</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Tea and coffee facilities</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Ironing facilities</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Dining facilities</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">In-room breakfast</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">A la carte restaurant</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Bar/ Lounge area</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Packed lunches</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Special diet menus</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Electric kettle</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Services</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Paid airport shuttle</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Valet parking</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Room service</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Housekeeping</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Car hire</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Laundry</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Dry cleaning</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Tours/Ticket assistance</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Shops/Commercial services</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Welcome drink</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Relax</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Indoor heated swimming pool</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Beach access</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Beach umbrellas</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Sun loungers</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Entertainment</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Sun terrace</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Garden area</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Spa & wellness centre</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Sauna</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Steam room</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Pedicure</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Manicure</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Waxing</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Body scrub</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Facial</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Treatment room</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Body wraps</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Back massage</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Full body massage</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Fitness centre</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Surfing</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Snorkelling</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Canoeing</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Sailing</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Boating</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Aqua fitness</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Cycling</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Tennis court</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Bowling</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Mini golf</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Sports trainer</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Activities for Kids</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Cots</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Babysitting/Child services</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Playpen</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Baby pushchair</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Children's buffet</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Board games</li> </ul> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block" data-id="reviews" id="reviews"> <div> <h3 class="section-title mb-5">Reviews</h3> <div class="flex items-center gap-5 mb-5 border-b border-neutral-200 border-solid"> <div class="grow text-secondary-950 font-normal text-sm pb-1 border-b-2 border-primary-600 border-solid"> <p class="font-bold whitespace-nowrap">Tourist VR</p> <div> <span class="font-medium text-lg">100</span> <span class="text-neutral-600">/100</span> <span class="text-neutral-600 md:hidden">(45 reviews)</span> </div> </div> <div class="grow text-secondary-950 font-normal text-sm pb-1"> <svg class="mb-1 h-4 w-auto" xmlns="http://www.w3.org/2000/svg" width="102" height="18" viewBox="0 0 102 18" fill="none"> <g clip-path="url(#clip0_5171_10717)"> <mask id="mask0_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.379332H101.786V17.3125H0.236328V0.379332Z" fill="white"/> </mask> <g mask="url(#mask0_5171_10717)"> <mask id="mask1_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 17.3125H101.786V0.379332H0.236328V17.3125Z" fill="white"/> </mask> <g mask="url(#mask1_5171_10717)"> <path d="M40.0605 2.23443C40.0605 1.83224 40.2231 1.44653 40.5125 1.16214C40.8019 0.877758 41.1944 0.717991 41.6037 0.717991C42.013 0.717991 42.4054 0.877758 42.6948 1.16214C42.9842 1.44653 43.1468 1.83224 43.1468 2.23443C43.1319 2.62682 42.9628 2.99825 42.675 3.27068C42.3873 3.54311 42.0033 3.69531 41.6037 3.69531C41.2041 3.69531 40.8201 3.54311 40.5323 3.27068C40.2446 2.99825 40.0755 2.62682 40.0605 2.23443Z" fill="#273B7D"/> <path d="M64.4062 12.3476C64.4062 11.5059 65.0961 10.8259 65.9461 10.8259C66.3565 10.8259 66.7501 10.9861 67.0403 11.2713C67.3305 11.5564 67.4936 11.9432 67.4936 12.3465C67.4936 12.7498 67.3305 13.1366 67.0403 13.4218C66.7501 13.707 66.3565 13.8672 65.9461 13.8672C65.0972 13.8672 64.4062 13.1861 64.4062 12.3465" fill="#499FDD"/> <path d="M14.7346 11.69C13.4064 11.69 12.4823 10.653 12.4823 9.17035C12.4823 7.68876 13.4064 6.65281 14.7357 6.65281C16.0714 6.65281 17.0052 7.68876 17.0052 9.17035C17.0052 10.6762 16.0919 11.69 14.7346 11.69ZM14.7346 4.43836C11.9235 4.43836 9.88281 6.42894 9.88281 9.17035C9.88281 11.9128 11.9246 13.9023 14.7346 13.9023C17.5576 13.9023 19.6058 11.9128 19.6058 9.1714C19.6058 6.42894 17.5565 4.43836 14.7346 4.43836ZM37.0712 9.40795C36.9734 9.222 36.8497 9.05033 36.7037 8.8979L36.6177 8.81025L36.708 8.72577C36.837 8.59165 36.9691 8.43325 37.0959 8.24951L39.5782 4.62527H36.5651L34.7006 7.46066C34.5953 7.61273 34.3826 7.68876 34.0635 7.68876H33.639V2.32844C33.639 1.25659 32.9588 1.11086 32.2248 1.11086H30.9675L30.9707 13.763H33.64V9.96764H33.8904C34.1945 9.96764 34.4008 10.0025 34.4965 10.1651L35.9687 12.896C36.3802 13.6373 36.7896 13.763 37.5612 13.763H39.6062L38.0824 11.2877L37.0723 9.40795M50.0288 4.41723C48.6705 4.41723 47.8043 5.01071 47.3186 5.51232L47.1574 5.67283L47.0994 5.45424C46.9575 4.91673 46.4761 4.6221 45.7529 4.6221H44.5569L44.5644 13.7598H47.2154V9.5484C47.2154 9.13656 47.2691 8.77962 47.3809 8.45332C47.6753 7.46594 48.4985 6.8524 49.5269 6.8524C50.3543 6.8524 50.6778 7.2822 50.6778 8.39101V12.3711C50.6778 13.3173 51.1237 13.7598 52.0876 13.7598H53.3492L53.345 7.94749C53.345 5.63904 52.1984 4.41723 50.0288 4.41723ZM41.635 4.62527H40.3788L40.3874 11.6911V13.763H41.7274L41.7747 13.7651L42.4002 13.763H43.0213V13.7598H43.0256L43.0309 6.01393C43.0309 5.07935 42.5764 4.62633 41.6361 4.62633M25.1464 11.69C23.8182 11.69 22.893 10.653 22.893 9.17035C22.893 7.68876 23.8182 6.65281 25.1475 6.65281C26.48 6.65281 27.4171 7.68876 27.4171 9.17035C27.4171 10.6762 26.5037 11.69 25.1475 11.69H25.1464ZM25.1464 4.43836C22.3331 4.43836 20.2913 6.42894 20.2913 9.17035C20.2913 11.9128 22.3331 13.9023 25.1475 13.9023C27.9662 13.9023 30.0186 11.9128 30.0186 9.1714C30.0186 6.42894 27.9662 4.43836 25.1475 4.43836" fill="#273B7D"/> </g> </g> <mask id="mask2_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.379332H101.786V17.3125H0.236328V0.379332Z" fill="white"/> </mask> <g mask="url(#mask2_5171_10717)"> <mask id="mask3_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.711771H101.764V17.2891H0.236328V0.711771Z" fill="white"/> </mask> <g mask="url(#mask3_5171_10717)"> <mask id="mask4_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 17.3125H101.786V0.379332H0.236328V17.3125Z" fill="white"/> </mask> <g mask="url(#mask4_5171_10717)"> <path d="M81.9653 11.69C80.6371 11.69 79.7107 10.653 79.7107 9.17035C79.7107 7.68876 80.6371 6.65281 81.9653 6.65281C83.2999 6.65281 84.2359 7.68876 84.2359 9.17035C84.2359 10.6762 83.3225 11.69 81.9653 11.69ZM81.9653 4.43836C79.152 4.43836 77.1113 6.42894 77.1113 9.17035C77.1113 11.9128 79.152 13.9023 81.9653 13.9023C84.785 13.9023 86.8364 11.9128 86.8364 9.1714C86.8364 6.42894 84.7839 4.43836 81.9653 4.43836Z" fill="#499FDD"/> <path d="M58.9337 11.2869C57.484 11.2869 56.9683 10.045 56.9683 8.88024C56.9683 8.36701 57.1004 6.69534 58.795 6.69534C59.6364 6.69534 60.7572 6.93189 60.7572 8.96577C60.7572 10.8845 59.7654 11.2869 58.9337 11.2869ZM62.1338 4.60022C61.6309 4.60022 61.2441 4.79769 61.0496 5.15779L60.9765 5.29718L60.854 5.19158C60.4263 4.82831 59.659 4.3964 58.4136 4.3964C55.9345 4.3964 54.2656 6.22648 54.2656 8.94782C54.2656 11.6681 55.9925 13.5689 58.463 13.5689C59.3066 13.5689 59.9738 13.3746 60.5025 12.9818L60.7067 12.8308V13.0842C60.7067 14.305 59.904 14.9787 58.4479 14.9787C57.7398 14.9787 57.0961 14.8097 56.6641 14.6556C56.1032 14.4887 55.7722 14.6271 55.5454 15.1815L55.3348 15.6926L55.0371 16.4402L55.2209 16.5363C56.1537 17.0221 57.3669 17.3125 58.463 17.3125C60.7197 17.3125 63.3567 16.1773 63.3567 12.9818L63.3664 4.60022H62.1338Z" fill="#273B7D"/> </g> </g> </g> <mask id="mask5_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.379332H101.786V17.3125H0.236328V0.379332Z" fill="white"/> </mask> <g mask="url(#mask5_5171_10717)"> <mask id="mask6_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 17.3125H101.786V0.379332H0.236328V17.3125Z" fill="white"/> </mask> <g mask="url(#mask6_5171_10717)"> <path d="M4.86247 11.5828L2.70468 11.5806V9.04621C2.70468 8.50342 2.91852 8.22252 3.39027 8.15705H4.86247C5.91235 8.15705 6.59148 8.80755 6.59256 9.8604C6.59148 10.9418 5.92954 11.5817 4.86247 11.5817V11.5828ZM2.70468 4.74402V4.07662C2.70468 3.49264 2.95614 3.21491 3.50741 3.179H4.61212C5.55884 3.179 6.12622 3.73552 6.12622 4.66798C6.12622 5.37762 5.7372 6.20659 4.64649 6.20659H2.70468V4.74402ZM7.61777 7.27422L7.22765 7.0588L7.56831 6.77262C7.96484 6.43786 8.62789 5.68492 8.62789 4.38603C8.62789 2.3965 7.05897 1.11239 4.6293 1.11239H1.54088C1.19337 1.12484 0.864072 1.2682 0.6212 1.51277C0.378328 1.75734 0.240513 2.08436 0.236328 2.42607V13.7148H4.68407C7.38453 13.7148 9.12754 12.2702 9.12754 10.0325C9.12754 8.82762 8.56449 7.798 7.61777 7.27422Z" fill="#273B7D"/> <path d="M98.6776 4.44415C98.1303 4.44613 97.5905 4.56891 97.0979 4.80341C96.6054 5.03792 96.1728 5.37817 95.832 5.79901L95.6408 6.03767L95.4903 5.7705C94.9981 4.89084 94.1535 4.44415 92.979 4.44415C91.7464 4.44415 90.9201 5.12 90.5364 5.52128L90.285 5.78845L90.1882 5.4368C90.0485 4.92991 89.5897 4.65218 88.8955 4.65218H87.7811L87.7704 13.755H90.3011V9.73689C90.3011 9.38418 90.3462 9.03675 90.4354 8.67242C90.6772 7.70089 91.3413 6.6565 92.4578 6.76104C93.1455 6.82651 93.483 7.34924 93.483 8.35879V13.755H96.0319V9.73689C96.0319 9.29653 96.0738 8.96705 96.1749 8.63758C96.379 7.7104 97.0732 6.75999 98.15 6.75999C98.9301 6.75999 99.2181 7.19295 99.2181 8.35879V12.4244C99.2181 13.3432 99.6351 13.755 100.571 13.755H101.762L101.764 7.94378C101.764 5.6216 100.724 4.44415 98.6776 4.44415ZM75.6446 10.5944C75.6371 10.6039 74.5485 11.7317 73.1139 11.7317C71.8072 11.7317 70.4877 10.9439 70.4877 9.18565C70.4877 7.6671 71.5107 6.60581 72.9764 6.60581C73.4514 6.60581 73.993 6.77266 74.0779 7.05461L74.0897 7.10213C74.1439 7.29625 74.2617 7.46738 74.4249 7.589C74.5881 7.71062 74.7875 7.77594 74.9923 7.77481L76.3786 7.77693V6.58574C76.3786 5.0144 74.3444 4.44415 72.9764 4.44415C70.0492 4.44415 67.9258 6.44635 67.9258 9.20465C67.9258 11.9608 70.0256 13.9609 72.9227 13.9609C75.4351 13.9609 76.802 12.3378 76.8149 12.322L76.888 12.2333L75.7897 10.4434L75.6446 10.5944Z" fill="#499FDD"/> </g> </g> </g> <defs> <clipPath id="clip0_5171_10717"> <rect width="102" height="17" fill="white" transform="translate(0 0.5)"/> </clipPath> </defs> </svg> <div> <span class="inline-block text-white rounded rounded-bl-none font-medium bg-[#003B95] p-0.5">9.2</span> <span class="text-neutral-600">9.2</span> <span class="text-neutral-600">/10</span> <span class="text-neutral-600 md:hidden">(63 reviews)</span> </div> </div> </div> <div class="flex items-center justify-between pb-5 md:flex-col md:items-start md:gap-5"> <div class="flex items-center gap-1.5 "> <span class="text-2xl font-bold text-secondary-950">9.3/10</span> <span class="text-sm text-neutral-600"> Excellent </span> <span class="text-sm text-neutral-600" >(69 reviews)</span> </div> <div class="flex items-center gap-1 cursor-pointer ml-auto md:ml-0 js-clk-open" data-type="review"> <span class="text-primary-600 underline">Write a review</span> <svg class="fill-primary-600 relative bottom-px" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.69332 13.5133C3.28666 13.5133 2.90666 13.3733 2.63332 13.1133C2.28666 12.7867 2.11999 12.2933 2.17999 11.76L2.42666 9.59999C2.47332 9.19333 2.71999 8.65333 3.00666 8.35999L8.47999 2.56666C9.84666 1.11999 11.2733 1.07999 12.72 2.44666C14.1667 3.81333 14.2067 5.23999 12.84 6.68666L7.36666 12.48C7.08666 12.78 6.56666 13.06 6.15999 13.1267L4.01332 13.4933C3.89999 13.5 3.79999 13.5133 3.69332 13.5133ZM10.62 2.43999C10.1067 2.43999 9.65999 2.75999 9.20666 3.23999L3.73332 9.03999C3.59999 9.17999 3.44666 9.51333 3.41999 9.70666L3.17332 11.8667C3.14666 12.0867 3.19999 12.2667 3.31999 12.38C3.43999 12.4933 3.61999 12.5333 3.83999 12.5L5.98666 12.1333C6.17999 12.1 6.49999 11.9267 6.63332 11.7867L12.1067 5.99333C12.9333 5.11333 13.2333 4.29999 12.0267 3.16666C11.4933 2.65333 11.0333 2.43999 10.62 2.43999Z" /> <path d="M11.56 7.79998C11.5466 7.79998 11.5266 7.79998 11.5133 7.79998C9.4333 7.59331 7.75996 6.01331 7.43996 3.94665C7.39996 3.67331 7.58663 3.41998 7.85996 3.37331C8.1333 3.33331 8.38663 3.51998 8.4333 3.79331C8.68663 5.40665 9.9933 6.64665 11.62 6.80665C11.8933 6.83331 12.0933 7.07998 12.0666 7.35331C12.0333 7.60665 11.8133 7.79998 11.56 7.79998Z" /> <path d="M14 15.6666H2C1.72667 15.6666 1.5 15.44 1.5 15.1666C1.5 14.8933 1.72667 14.6666 2 14.6666H14C14.2733 14.6666 14.5 14.8933 14.5 15.1666C14.5 15.44 14.2733 15.6666 14 15.6666Z" /> </svg> </div> </div> <div class="p-5 mb-5 rounded-md border border-solid border-neutral-200"> <p class="section-sub-title mb-2.5">Categories</p> <ul class="[columns:250px_3]"> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="9.7" > <div class="flex justify-between items-center"> <span class="text-sm">Cleanliness</span> <b class="text-base font-medium ">9.7</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="9.8" > <div class="flex justify-between items-center"> <span class="text-sm">Comfort</span> <b class="text-base font-medium ">9.8</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="9.3" > <div class="flex justify-between items-center"> <span class="text-sm">Facilities</span> <b class="text-base font-medium ">9.3</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="7.5" > <div class="flex justify-between items-center"> <span class="text-sm">Free WiFi</span> <b class="text-base font-medium ">7.5</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="9.7" > <div class="flex justify-between items-center"> <span class="text-sm">Location</span> <b class="text-base font-medium ">9.7</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="9.3" > <div class="flex justify-between items-center"> <span class="text-sm">Total</span> <b class="text-base font-medium ">9.3</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="8.2" > <div class="flex justify-between items-center"> <span class="text-sm">Value for money</span> <b class="text-base font-medium ">8.2</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> </ul> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> L </div> <p class="text-base font-bold "> Lewis </p> </div> <div class="text-2xl font-bold">9.8/10</div> </div> <div class="text-secondary-950 text-base"> I loved the location of the hotel, as it was directly at the private beach with a lovely garden, making it perfect to soak up the sun. The breakfast was delicious, and the staff were incredibly friendly, providing excellent service throughout my stay. The hotel facilities, including the gorgeous spa, made me feel pampered and relaxed. </div> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> J </div> <p class="text-base font-bold "> Johnny </p> </div> <div class="text-2xl font-bold">9.4/10</div> </div> <div class="text-secondary-950 text-base"> We loved the hotel鈥檚 stunning location right by the sea, providing a tranquil atmosphere perfect for lounging with a good book. The staff were exceptionally friendly and attentive, ensuring our stay felt extra special. the cleanliness throughout was impeccable, enhancing our comfort and relaxation during our visit. </div> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> L </div> <p class="text-base font-bold "> Leon </p> </div> <div class="text-2xl font-bold">9.8/10</div> </div> <div class="text-secondary-950 text-base"> We loved the location directly at the private beach. The staff were friendly and attentive, making our stay comfortable. The hotel facilities were top-notch, especially the gorgeous spa. We enjoyed relaxing in the lovely garden and the beach bar service was fantastic. </div> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> R </div> <p class="text-base font-bold "> Rhys </p> </div> <div class="text-2xl font-bold">9.4/10</div> </div> <div class="text-secondary-950 text-base"> The staff was incredibly friendly and attentive, making the experience feel special. Plus, the facilities were top-notch, with a gorgeous spa and delicious breakfast options that exceeded my expectations. </div> </div> <div class="flex justify-center items-center mt-5 underline cursor-pointer js-clk-open" data-type="reviews"> <span class="text-base text-primary-600 font-medium underline">Show more</span> <svg class="fill-primary-600 ml-2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block js-location" data-id="location" id="location"> <style> .location-tab.active { border-bottom: 2px solid #fa6b6b; } .location-tab-block { display: none; } .location-tab-block.active { display: block; } </style> <div class="flex items-center justify-between mb-5"> <h3 class="section-title">Location</h3> <div class="flex items-center gap-1"> <svg class="fill-secondary-950 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-950 text-sm font-medium underline">Route De Cala Rossa</span> </div> </div> <div class="w-full h-[400px] mb-5" id="mapbox" data-lat="41.62185085" data-lng="9.33875977"></div> <div class="flex items-center gap-1 mb-5 border-b border-neutral-200 border-solid overflow-x-auto js-location-tabs"> <div data-target=".js-location-landmarks" class="location-tab flex items-center px-5 py-2.5 text-base font-medium cursor-pointer border-b-2 border-solid border-transparent hover:border-primary-600 text-nowrap">Landmarks nearby</div> </div> <div class="location-tab-block js-location-landmarks"> <ul class="columns-2 md:columns-1 gap-10 list-item "> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="4333259"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">1. Petite plage de Cala Rossa</span> <span class="text-base font-medium text-primary-600">780 m (2559 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="861933"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">2. Etangs d'Arasu</span> <span class="text-base font-medium text-primary-600">2.64 km (1.64 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="4348102"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">3. Eglise de Saint Jean Baptiste</span> <span class="text-base font-medium text-primary-600">6.03 km (3.75 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="829506"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">4. Lighthouse at Punta Chiappa</span> <span class="text-base font-medium text-primary-600">3.70 km (2.30 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="861907"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">5. Domaine Prive de Calla Rossa</span> <span class="text-base font-medium text-primary-600">140 m (459 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="861945"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">6. Punta Capicciola</span> <span class="text-base font-medium text-primary-600">4.65 km (2.89 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="861911"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">7. Punta d'Arasu</span> <span class="text-base font-medium text-primary-600">2.93 km (1.82 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="391332"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">8. Site prehistorique de Castellu d'Araggio</span> <span class="text-base font-medium text-primary-600">6.99 km (4.34 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="2715500"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">9. Chapelle de la Sainte Croix de Porto Vecchio</span> <span class="text-base font-medium text-primary-600">6.04 km (3.75 mi.)</span> </li> </ul> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Cala Rossa</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </div> <div class="mt-4 sticky top-20 w-[350px] ml-5 flex-shrink-0 lg:w-full lg:ml-0 lg:mb-8 lg:static js-hotel-block" data-id="sidebar" id="sidebar"> <div class="rounded-md border border-secondary-700 bg-secondary-100 border-solid px-5 py-8"> <div class="mb-8"> <div class="flex justify-between mb-2.5"> <p class="section-sub-title">Address</p> <a href="#location" class="flex items-center"> <span class=" underline text-primary-600 text-base font-medium">View map</span> <svg class="fill-primary-600 ml-2" width="16" height="16" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.4333 14.7734C10.1466 14.7734 9.85994 14.7134 9.62661 14.6001L6.12661 12.8468C5.92661 12.7468 5.53328 12.7534 5.33994 12.8668L3.76661 13.7668C3.08661 14.1534 2.38661 14.2068 1.85994 13.8934C1.32661 13.5868 1.02661 12.9601 1.02661 12.1734V5.69344C1.02661 5.08677 1.42661 4.4001 1.95328 4.1001L4.83994 2.44677C5.32661 2.16677 6.06661 2.14677 6.56661 2.4001L10.0666 4.15344C10.2666 4.25344 10.6533 4.2401 10.8533 4.13344L12.4199 3.2401C13.0999 2.85344 13.7999 2.8001 14.3266 3.11344C14.8599 3.4201 15.1599 4.04677 15.1599 4.83344V11.3201C15.1599 11.9268 14.7599 12.6134 14.2333 12.9134L11.3466 14.5668C11.0933 14.7001 10.7599 14.7734 10.4333 14.7734ZM5.75994 11.7801C6.04661 11.7801 6.33328 11.8401 6.56661 11.9534L10.0666 13.7068C10.2666 13.8068 10.6533 13.7934 10.8533 13.6868L13.7399 12.0334C13.9533 11.9134 14.1599 11.5534 14.1599 11.3134V4.82677C14.1599 4.40677 14.0399 4.09344 13.8199 3.97344C13.6066 3.85344 13.2733 3.9001 12.9133 4.10677L11.3466 5.0001C10.8599 5.2801 10.1199 5.3001 9.61995 5.04677L6.11995 3.29344C5.91995 3.19344 5.53328 3.20677 5.33328 3.31344L2.44661 4.96677C2.23328 5.08677 2.02661 5.44677 2.02661 5.69344V12.1801C2.02661 12.6001 2.14661 12.9134 2.35994 13.0334C2.57328 13.1601 2.90661 13.1068 3.27328 12.9001L4.83994 12.0068C5.09995 11.8534 5.43328 11.7801 5.75994 11.7801Z" /> <path d="M5.70679 12.3334C5.43345 12.3334 5.20679 12.1067 5.20679 11.8334V3.16675C5.20679 2.89341 5.43345 2.66675 5.70679 2.66675C5.98012 2.66675 6.20679 2.89341 6.20679 3.16675V11.8334C6.20679 12.1067 5.98012 12.3334 5.70679 12.3334Z" /> <path d="M10.4866 14.3333C10.2132 14.3333 9.98657 14.1067 9.98657 13.8333V4.91333C9.98657 4.64 10.2132 4.41333 10.4866 4.41333C10.7599 4.41333 10.9866 4.64 10.9866 4.91333V13.8333C10.9866 14.1067 10.7599 14.3333 10.4866 14.3333Z" /> </svg> </a> </div> <p class="underline text-secondary-950 text-base">Route De Cala Rossa</p> </div> <div class="mb-8"> <p class="section-sub-title mb-2.5">Key Features</p> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Check-In:</p> <p class="text-base font-medium text-secondary-950 first-letter:uppercase">from 17:00 until 23:59</p> </div> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Check-Out:</p> <p class="text-base font-medium text-secondary-950 first-letter:uppercase">until 11:00</p> </div> </div> <p class="section-sub-title mb-2.5">Contact Information</p> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Contact phone</p> <p class="text-base font-medium text-secondary-950 underline">33495716151</p> </div> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Website</p> <p class="text-base font-medium text-secondary-950 underline cursor-pointer js-clk-open" data-type="website">Visit hotel website</p> </div> <button class="btn mt-5 gap-2 js-clk-open" data-type="sidebar"> <span>Book Now</span> <svg class="fill-white w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </button> </div> </div> </div> <div class="section" data-component="internal-extra-hotels"> <h3 class="section-title mb-5">Explore Global Hotels for Your Next Trip</h3> <div class="grid grid-cols-4 gap-4 justify-items-center lg:grid-cols-3 md:grid-cols-1"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-suites-cedar-falls-waterloo-an-ihg-hotel" data-bhotel-id="holiday-inn-express-suites-cedar-falls-waterloo-an-ihg-hotel" data-lat="42.47331" data-lng="-92.4647" data-price = "128US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9749/974946/974946985.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (46)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-suites-cedar-falls-waterloo-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express & Suites Cedar Falls - Waterloo, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">128US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="301461" data-dest-id="20040166" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-mornington-hotel-hyde-park" data-bhotel-id="best-western-mornington-hotel-hyde-park" data-lat="51.5119493" data-lng="-0.17826500000001033" data-price = "309US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12678/1267838/1267838941.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (946)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-mornington-hotel-hyde-park-london" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Mornington Hotel Hyde Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">309US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="104382" data-dest-id="-2601889" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thane" data-bhotel-id="thane" data-lat="19.20804" data-lng="72.97752" data-price = "57US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7189/718979/718979095.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (10)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/thane-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thane</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">57US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1369161" data-dest-id="-2112952" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-pamplona-plaza" data-bhotel-id="hotel-pamplona-plaza" data-lat="42.825928" data-lng="-1.655184" data-price = "135US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12077/1207728/1207728085.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (869)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-pamplona-plaza" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Pamplona Plaza</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">135US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="94293" data-dest-id="-395308" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="edgewater-west-25" data-bhotel-id="edgewater-west-25" data-lat="30.24419" data-lng="-87.70994" data-price = "246US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9677/967789/967789894.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/edgewater-west-25-apartment-gulf-shores" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Edgewater West #25</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">246US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6189353" data-dest-id="20001848" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-celeste-hotel-orlando-a-tribute-portfolio-hotel" data-bhotel-id="the-celeste-hotel-orlando-a-tribute-portfolio-hotel" data-lat="28.599136" data-lng="-81.207533" data-price = "269US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13588/1358851/1358851184.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (25)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-celeste-hotel-orlando-a-tribute-portfolio-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Celeste Hotel, Orlando, A Tribute Portfolio Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">269US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6186879" data-dest-id="20023488" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="green-class-hotel-astoria" data-bhotel-id="green-class-hotel-astoria" data-lat="45.06373" data-lng="7.67824" data-price = "47US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11804/1180474/1180474315.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (659)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/green-class-hotel-astoria-turin" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Green Class Hotel Astoria</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">47US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="187273" data-dest-id="-130938" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-picos-de-europa" data-bhotel-id="hotel-picos-de-europa" data-lat="43.46062611135081" data-lng="-3.817304563234498" data-price = "50US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6158/615861/615861765.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (444)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-picos-de-europa-santander" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Picos De Europa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">50US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="237372" data-dest-id="-401949" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-jal-city-nagoya-nishiki" data-bhotel-id="hotel-jal-city-nagoya-nishiki" data-lat="35.168836" data-lng="136.89283" data-price = "123US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15883/1588362/1588362030.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (65)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-jal-city-nagoya-nishiki" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Jal City Nagoya Nishiki</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">123US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3990488" data-dest-id="-237874" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="three-corners-sea-beach-resort" data-bhotel-id="three-corners-sea-beach-resort" data-lat="25.60719" data-lng="34.59908" data-price = "58US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16263/1626357/1626357214.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (52)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/three-corners-sea-beach-resort-coraya-bay" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Three Corners Sea Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">58US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="255277" data-dest-id="900040223" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="jetwing-colombo-seven" data-bhotel-id="jetwing-colombo-seven" data-lat="6.91633" data-lng="79.87028" data-price = "88US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9585/958570/958570786.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (143)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/jetwing-colombo-seven-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Jetwing Colombo Seven</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">88US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1833439" data-dest-id="-2214877" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="beach-house-hotel-at-hermosa-beach" data-bhotel-id="beach-house-hotel-at-hermosa-beach" data-lat="33.8629" data-lng="-118.4019" data-price = "429US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15936/1593647/1593647618.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (125)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/beach-house-hotel-at-hermosa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Beach House Hotel At Hermosa Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">路</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">429US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="183817" data-dest-id="20013450" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular 小ities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2024 路 All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"he1ozRhjBS2ejj0O"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"157863","dest_name":"Cala Rossa","city_id":80097,"pid":429408,"page":"hotel","hotel_id":67502,"bid":"249174"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-mCjnQ3rY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-mCjnQ3rY.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotel_1-9E1lCEAc.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotel_1-9E1lCEAc.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/title-Da6L9MNx.js" /><script type="module" src="https://touristvr.com/build/assets/title-Da6L9MNx.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/gallery-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/gallery-DcTp8v7h.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/overview-CApGP7Bc.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/overview-CApGP7Bc.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/reviews_1-BoEpGAju.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><script type="module" src="https://touristvr.com/build/assets/reviews_1-BoEpGAju.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/location-DBmnxsic.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><script type="module" src="https://touristvr.com/build/assets/location-DBmnxsic.js"></script> </body> </html>

CINXE.COM

Grand Hotel De Cala Rossa & Spa Nucca, France from 1144US$ | 2024