Hotel D'Urville Blenheim, New Zealand from 94US$

<!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>Hotel D'Urville Blenheim, New Zealand from 94US$ | 2024</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/hotel-d-urville-blenheim" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Hotel D'Urville Blenheim, New Zealand from 94US$ | 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/hotel-d-urville-blenheim" title="English"> <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/8383/838300/838300361.JPEG" media="(min-width: 768px)"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/8383/838300/838300361.JPEG" media="(max-width: 767px)"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12935/1293522/1293522037.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12935/1293522/1293522319.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12935/1293555/1293555904.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12664/1266427/1266427720.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": "52 Queen Street" }, "starRating": { "@type": "Rating", "ratingValue": "" }, "priceRange" : "1", "numberOfRooms": "10", "checkinTime": "from 14:00 until 20:00", "checkoutTime": "until 10:00", "name": "Hotel D'Urville Blenheim" } </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> </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> </div> <h1 class="text-[32px] leading-10 font-bold mb-2.5">Hotel D'Urville Blenheim</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">8.3</span> </div> <div class="text-sm text-secondary-950"> <span> Very good </span> <span>(443 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">Blenheim</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/8383/838300/838300361.JPEG" data-image-gallery="galleryhotel-durville-blenheim" 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/8383/838300/838300361.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/8383/838300/838300361.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/12935/1293522/1293522037.JPEG" data-image-gallery="galleryhotel-durville-blenheim" 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/12935/1293522/1293522037.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/12935/1293522/1293522037.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/12935/1293522/1293522319.JPEG" data-image-gallery="galleryhotel-durville-blenheim" 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/12935/1293522/1293522319.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/12935/1293522/1293522319.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/12935/1293555/1293555904.JPEG" data-image-gallery="galleryhotel-durville-blenheim" 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/12935/1293555/1293555904.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/12935/1293555/1293555904.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/12664/1266427/1266427720.JPEG" data-image-gallery="galleryhotel-durville-blenheim" 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/12664/1266427/1266427720.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/12664/1266427/1266427720.JPEG" alt=""/> </picture> </div> <script type="text/javascript" class="js-gallery-data" data-gallery-name="galleryhotel-durville-blenheim" style="display:none;"> [ "https://images.touristvr.com/data/images/1920x1080w/12707/1270703/1270703971.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181446/1181446144.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181446/1181446306.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181446/1181446384.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181446/1181446903.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449222.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449267.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449474.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449684.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449726.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181450/1181450053.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181450/1181450116.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181450/1181450239.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181450/1181450326.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449834.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181452/1181452132.JPEG", "https://images.touristvr.com/data/images/1920x1080w/524/52431/52431467.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10783/1078381/1078381678.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10783/1078382/1078382008.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10783/1078382/1078382104.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10838/1083889/1083889675.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10838/1083889/1083889744.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10838/1083889/1083889966.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9914/991446/991446778.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9907/990789/990789829.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9914/991446/991446220.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9907/990789/990789811.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9907/990789/990789928.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9907/990789/990789958.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9297/929750/929750194.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12707/1270703/1270703992.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181452/1181452039.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449210.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449990.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181450/1181450584.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181446/1181446369.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181446/1181446441.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449453.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181450/1181450569.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11795/1179599/1179599893.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12935/1293520/1293520567.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2456/245656/245656861.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2456/245656/245656873.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12935/1293526/1293526111.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9914/991444/991444288.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449642.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449861.JPEG", "https://images.touristvr.com/data/images/1920x1080w/524/52431/52431473.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10840/1084013/1084013914.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076731/1076731339.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076731/1076731009.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12935/1293555/1293555481.JPEG", "https://images.touristvr.com/data/images/1920x1080w/524/52431/52431470.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12935/1293528/1293528661.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2453/245382/245382293.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449351.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10838/1083888/1083888949.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10831/1083180/1083180874.JPEG", "https://images.touristvr.com/data/images/1920x1080w/524/52431/52431476.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10802/1080299/1080299935.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11796/1179600/1179600634.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12706/1270696/1270696822.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12706/1270684/1270684525.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12885/1288519/1288519681.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449801.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181449/1181449930.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181452/1181452021.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076731/1076731075.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10742/1074273/1074273199.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181452/1181452123.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693397/693397134.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076731/1076731237.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10803/1080307/1080307750.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11814/1181452/1181452546.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10783/1078381/1078381402.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10844/1084475/1084475107.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10193/1019313/1019313154.JPEG", "https://images.touristvr.com/data/images/1920x1080w/4945/494529/494529390.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10838/1083889/1083889114.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076729/1076729866.JPEG", "https://images.touristvr.com/data/images/1920x1080w/524/52431/52431461.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076731/1076731321.JPEG", "https://images.touristvr.com/data/images/1920x1080w/10767/1076730/1076730964.JPEG", "https://images.touristvr.com/data/images/1920x1080w/524/52431/52431482.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693396/693396417.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693396/693396687.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693396/693396882.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693396/693396939.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693397/693397041.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693393/693393309.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693392/693392754.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693392/693392814.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693396/693396642.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693392/693392940.JPEG", "https://images.touristvr.com/data/images/1920x1080w/904/90467/90467498.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/new-zealand-hotels/'>New Zealand 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> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/blenheim-hotels'>Blenheim 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">Hotel D'Urville Blenheim</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">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">2 restaurants</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">room service</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">non-smoking rooms</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">bar</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">Marlborough Farmers' Market is within 2.1 km away of the hotel and Millennium Public Art Gallery is also close by.</p> </div> <div class="mb-4"> <p class="section-sub-title mb-2.5">Rooms</p> <p class="trawell-hotel-overview__desc">An electric kettle, a fridge, and a toaster are provided and a walk-in shower and a separate toilet are included too.</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 5 minutes by car from the Regional Marlborough Heritage Museum. The city centre is close by, about 5 minutes' walk away.</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/9297/929750/929750194.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">King Room</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">7 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/11814/1181449/1181449252.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">Deluxe Double Room</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">6 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/9297/929750/929750194.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">Deluxe Triple Room</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">8 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> <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/10802/1080299/1080299935.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">Deluxe Apartment</span> </div> <div class="mt-2 text-sm text-secondary-950"><span>Room size:</span> <b class="font-bold">20 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> <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> <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> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">AM/FM alarm clock</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">Air conditioning</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">Dining table</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">Bar/ Lounge area</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">Tours/Ticket assistance</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Happy hour</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">Live entertainment</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> </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">93</span> <span class="text-neutral-600">/100</span> <span class="text-neutral-600 md:hidden">(392 reviews)</span> </div> </div> <div class="grow text-secondary-950 font-normal text-sm pb-1"> <div class="flex items-end gap-1 mb-1"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 16.5C12.4183 16.5 16 12.9183 16 8.5C16 4.08172 12.4183 0.5 8 0.5C3.58172 0.5 0 4.08172 0 8.5C0 12.9183 3.58172 16.5 8 16.5Z" fill="#34E0A1"/> <path d="M12.9413 6.93847L13.9066 5.88818H11.7658C10.6941 5.1561 9.3998 4.72974 8.00002 4.72974C6.60201 4.72974 5.31131 5.15702 4.24136 5.88818H2.09521L3.06058 6.93847C2.46886 7.47834 2.09791 8.25601 2.09791 9.11948C2.09791 10.749 3.41904 12.0701 5.04854 12.0701C5.82262 12.0701 6.52786 11.7715 7.05434 11.2835L8.00004 12.3132L8.94574 11.2844C9.47223 11.7724 10.1766 12.0701 10.9507 12.0701C12.5801 12.0701 13.9031 10.749 13.9031 9.11948C13.9039 8.25512 13.533 7.47747 12.9413 6.93847ZM5.04941 11.1163C3.94638 11.1163 3.05255 10.2225 3.05255 9.11948C3.05255 8.01645 3.9464 7.1226 5.04941 7.1226C6.15242 7.1226 7.04627 8.01645 7.04627 9.11948C7.04627 10.2225 6.15242 11.1163 5.04941 11.1163ZM8.00092 9.06138C8.00092 7.7474 7.0454 6.61936 5.78416 6.13756C6.46617 5.85241 7.21432 5.6942 8.00002 5.6942C8.78572 5.6942 9.53475 5.85241 10.2168 6.13756C8.95646 6.62026 8.00092 7.74742 8.00092 9.06138ZM10.9515 11.1163C9.84852 11.1163 8.95467 10.2225 8.95467 9.11948C8.95467 8.01645 9.84852 7.1226 10.9515 7.1226C12.0546 7.1226 12.9484 8.01645 12.9484 9.11948C12.9484 10.2225 12.0546 11.1163 10.9515 11.1163ZM10.9515 8.07186C10.3732 8.07186 9.90483 8.54025 9.90483 9.11858C9.90483 9.6969 10.3732 10.1653 10.9515 10.1653C11.5299 10.1653 11.9982 9.6969 11.9982 9.11858C11.9982 8.54114 11.5299 8.07186 10.9515 8.07186ZM6.09611 9.11948C6.09611 9.69779 5.62772 10.1662 5.04941 10.1662C4.4711 10.1662 4.00271 9.69779 4.00271 9.11948C4.00271 8.54114 4.4711 8.07276 5.04941 8.07276C5.62772 8.07186 6.09611 8.54114 6.09611 9.11948Z" fill="#0C1326"/> </svg> <svg width="76" height="14" viewBox="0 0 76 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.402 10.5V2.002H0.14V0.42H8.351V2.002H5.089V10.5H3.402ZM8.77297 10.5V2.94H10.264V4.781L10.082 4.543C10.1753 4.291 10.299 4.06233 10.453 3.857C10.6116 3.647 10.8006 3.47433 11.02 3.339C11.2066 3.213 11.412 3.115 11.636 3.045C11.8646 2.97033 12.098 2.926 12.336 2.912C12.574 2.89333 12.805 2.90267 13.029 2.94V4.515C12.805 4.44967 12.546 4.42867 12.252 4.452C11.9626 4.47533 11.7013 4.557 11.468 4.697C11.2346 4.823 11.0433 4.984 10.894 5.18C10.7493 5.376 10.642 5.6 10.572 5.852C10.502 6.09933 10.467 6.36767 10.467 6.657V10.5H8.77297ZM14.5048 1.792V0.245H16.1918V1.792H14.5048ZM14.5048 10.5V2.94H16.1918V10.5H14.5048ZM21.9216 10.71C21.1843 10.71 20.5659 10.535 20.0666 10.185C19.5673 9.835 19.1916 9.359 18.9396 8.757C18.6876 8.15033 18.5616 7.47133 18.5616 6.72C18.5616 5.95933 18.6876 5.278 18.9396 4.676C19.1916 4.074 19.5603 3.60033 20.0456 3.255C20.5356 2.905 21.1399 2.73 21.8586 2.73C22.5726 2.73 23.1909 2.905 23.7136 3.255C24.2409 3.60033 24.6493 4.074 24.9386 4.676C25.2279 5.27333 25.3726 5.95467 25.3726 6.72C25.3726 7.476 25.2303 8.155 24.9456 8.757C24.6609 9.359 24.2596 9.835 23.7416 10.185C23.2236 10.535 22.6169 10.71 21.9216 10.71ZM18.2746 13.86V2.94H19.7656V8.246H19.9756V13.86H18.2746ZM21.6626 9.198C22.1013 9.198 22.4629 9.08833 22.7476 8.869C23.0323 8.64967 23.2423 8.35333 23.3776 7.98C23.5176 7.602 23.5876 7.182 23.5876 6.72C23.5876 6.26267 23.5176 5.84733 23.3776 5.474C23.2376 5.096 23.0206 4.79733 22.7266 4.578C22.4326 4.354 22.0593 4.242 21.6066 4.242C21.1773 4.242 20.8273 4.347 20.5566 4.557C20.2859 4.76233 20.0853 5.05167 19.9546 5.425C19.8286 5.79367 19.7656 6.22533 19.7656 6.72C19.7656 7.21 19.8286 7.64167 19.9546 8.015C20.0853 8.38833 20.2883 8.68 20.5636 8.89C20.8436 9.09533 21.2099 9.198 21.6626 9.198ZM29.0295 10.71C28.4835 10.71 28.0215 10.6073 27.6435 10.402C27.2655 10.192 26.9785 9.91433 26.7825 9.569C26.5912 9.22367 26.4955 8.84333 26.4955 8.428C26.4955 8.064 26.5562 7.73733 26.6775 7.448C26.7989 7.154 26.9855 6.902 27.2375 6.692C27.4895 6.47733 27.8162 6.30233 28.2175 6.167C28.5209 6.069 28.8755 5.98033 29.2815 5.901C29.6922 5.82167 30.1355 5.74933 30.6115 5.684C31.0922 5.614 31.5939 5.53933 32.1165 5.46L31.5145 5.803C31.5192 5.28033 31.4025 4.89533 31.1645 4.648C30.9265 4.40067 30.5252 4.277 29.9605 4.277C29.6199 4.277 29.2909 4.35633 28.9735 4.515C28.6562 4.67367 28.4345 4.94667 28.3085 5.334L26.7685 4.851C26.9552 4.21167 27.3099 3.69833 27.8325 3.311C28.3599 2.92367 29.0692 2.73 29.9605 2.73C30.6325 2.73 31.2229 2.83967 31.7315 3.059C32.2449 3.27833 32.6252 3.63767 32.8725 4.137C33.0079 4.403 33.0895 4.676 33.1175 4.956C33.1455 5.23133 33.1595 5.53233 33.1595 5.859V10.5H31.6825V8.862L31.9275 9.128C31.5869 9.674 31.1879 10.0753 30.7305 10.332C30.2779 10.584 29.7109 10.71 29.0295 10.71ZM29.3655 9.366C29.7482 9.366 30.0749 9.29833 30.3455 9.163C30.6162 9.02767 30.8309 8.862 30.9895 8.666C31.1529 8.47 31.2625 8.28567 31.3185 8.113C31.4072 7.89833 31.4562 7.65333 31.4655 7.378C31.4795 7.098 31.4865 6.87167 31.4865 6.699L32.0045 6.853C31.4959 6.93233 31.0595 7.00233 30.6955 7.063C30.3315 7.12367 30.0189 7.182 29.7575 7.238C29.4962 7.28933 29.2652 7.34767 29.0645 7.413C28.8685 7.483 28.7029 7.56467 28.5675 7.658C28.4322 7.75133 28.3272 7.85867 28.2525 7.98C28.1825 8.10133 28.1475 8.24367 28.1475 8.407C28.1475 8.59367 28.1942 8.75933 28.2875 8.904C28.3809 9.044 28.5162 9.156 28.6935 9.24C28.8755 9.324 29.0995 9.366 29.3655 9.366ZM38.013 10.71C37.3176 10.71 36.711 10.535 36.193 10.185C35.675 9.835 35.2736 9.359 34.989 8.757C34.7043 8.155 34.562 7.476 34.562 6.72C34.562 5.95467 34.7043 5.27333 34.989 4.676C35.2783 4.074 35.6866 3.60033 36.214 3.255C36.7413 2.905 37.362 2.73 38.076 2.73C38.7946 2.73 39.3966 2.905 39.882 3.255C40.372 3.60033 40.743 4.074 40.995 4.676C41.247 5.278 41.373 5.95933 41.373 6.72C41.373 7.47133 41.247 8.15033 40.995 8.757C40.743 9.359 40.3673 9.835 39.868 10.185C39.3686 10.535 38.7503 10.71 38.013 10.71ZM38.272 9.198C38.7246 9.198 39.0886 9.09533 39.364 8.89C39.644 8.68 39.847 8.38833 39.973 8.015C40.1036 7.64167 40.169 7.21 40.169 6.72C40.169 6.22533 40.1036 5.79367 39.973 5.425C39.847 5.05167 39.6486 4.76233 39.378 4.557C39.1073 4.347 38.7573 4.242 38.328 4.242C37.8753 4.242 37.502 4.354 37.208 4.578C36.914 4.79733 36.697 5.096 36.557 5.474C36.417 5.84733 36.347 6.26267 36.347 6.72C36.347 7.182 36.4146 7.602 36.55 7.98C36.69 8.35333 36.9023 8.64967 37.187 8.869C37.4716 9.08833 37.8333 9.198 38.272 9.198ZM40.169 10.5V5.194H39.959V0.42H41.66V10.5H40.169ZM45.6666 10.5L42.9226 2.94H44.6096L46.5136 8.421L48.4106 2.94H50.1046L47.3606 10.5H45.6666ZM51.5009 1.792V0.245H53.1879V1.792H51.5009ZM51.5009 10.5V2.94H53.1879V10.5H51.5009ZM58.2037 10.71C57.2704 10.71 56.512 10.5 55.9287 10.08C55.3454 9.66 54.9907 9.06967 54.8647 8.309L56.5867 8.043C56.6754 8.41633 56.8714 8.71033 57.1747 8.925C57.478 9.13967 57.8607 9.247 58.3227 9.247C58.7287 9.247 59.0414 9.16767 59.2607 9.009C59.4847 8.84567 59.5967 8.624 59.5967 8.344C59.5967 8.17133 59.5547 8.03367 59.4707 7.931C59.3914 7.82367 59.214 7.721 58.9387 7.623C58.6634 7.525 58.241 7.40133 57.6717 7.252C57.037 7.084 56.533 6.90433 56.1597 6.713C55.7864 6.517 55.518 6.286 55.3547 6.02C55.1914 5.754 55.1097 5.432 55.1097 5.054C55.1097 4.58267 55.2334 4.172 55.4807 3.822C55.728 3.472 56.0734 3.20367 56.5167 3.017C56.96 2.82567 57.4827 2.73 58.0847 2.73C58.6727 2.73 59.193 2.821 59.6457 3.003C60.103 3.185 60.4717 3.444 60.7517 3.78C61.0317 4.116 61.2044 4.51033 61.2697 4.963L59.5477 5.271C59.5057 4.949 59.3587 4.69467 59.1067 4.508C58.8594 4.32133 58.528 4.21633 58.1127 4.193C57.716 4.16967 57.3964 4.23033 57.1537 4.375C56.911 4.515 56.7897 4.71333 56.7897 4.97C56.7897 5.11467 56.8387 5.23833 56.9367 5.341C57.0347 5.44367 57.2307 5.54633 57.5247 5.649C57.8234 5.75167 58.2667 5.87767 58.8547 6.027C59.4567 6.181 59.9374 6.35833 60.2967 6.559C60.6607 6.755 60.922 6.99067 61.0807 7.266C61.244 7.54133 61.3257 7.875 61.3257 8.267C61.3257 9.02767 61.048 9.625 60.4927 10.059C59.942 10.493 59.179 10.71 58.2037 10.71ZM66.1979 10.71C65.4419 10.71 64.7816 10.5397 64.2169 10.199C63.6522 9.85833 63.2136 9.38933 62.9009 8.792C62.5929 8.19 62.4389 7.49933 62.4389 6.72C62.4389 5.92667 62.5976 5.23133 62.9149 4.634C63.2322 4.03667 63.6732 3.57 64.2379 3.234C64.8026 2.898 65.4559 2.73 66.1979 2.73C66.9586 2.73 67.6212 2.90033 68.1859 3.241C68.7506 3.58167 69.1892 4.053 69.5019 4.655C69.8146 5.25233 69.9709 5.94067 69.9709 6.72C69.9709 7.504 69.8122 8.197 69.4949 8.799C69.1822 9.39633 68.7436 9.86533 68.1789 10.206C67.6142 10.542 66.9539 10.71 66.1979 10.71ZM66.1979 9.128C66.8699 9.128 67.3692 8.904 67.6959 8.456C68.0226 8.008 68.1859 7.42933 68.1859 6.72C68.1859 5.98733 68.0202 5.404 67.6889 4.97C67.3576 4.53133 66.8606 4.312 66.1979 4.312C65.7452 4.312 65.3719 4.41467 65.0779 4.62C64.7886 4.82067 64.5739 5.103 64.4339 5.467C64.2939 5.82633 64.2239 6.244 64.2239 6.72C64.2239 7.45267 64.3896 8.03833 64.7209 8.477C65.0569 8.911 65.5492 9.128 66.1979 9.128ZM71.5132 10.5V2.94H73.0042V4.781L72.8222 4.543C72.9155 4.291 73.0392 4.06233 73.1932 3.857C73.3519 3.647 73.5409 3.47433 73.7602 3.339C73.9469 3.213 74.1522 3.115 74.3762 3.045C74.6049 2.97033 74.8382 2.926 75.0762 2.912C75.3142 2.89333 75.5452 2.90267 75.7692 2.94V4.515C75.5452 4.44967 75.2862 4.42867 74.9922 4.452C74.7029 4.47533 74.4415 4.557 74.2082 4.697C73.9749 4.823 73.7835 4.984 73.6342 5.18C73.4895 5.376 73.3822 5.6 73.3122 5.852C73.2422 6.09933 73.2072 6.36767 73.2072 6.657V10.5H71.5132Z" fill="#2B0F66"/> </svg> </div> <div class="flex items-center gap-1"> <div class="flex items-center gap-px"> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.5C7.5 6.433 5.933 8 4 8C2.067 8 0.5 6.433 0.5 4.5C0.5 2.567 2.067 1 4 1C5.933 1 7.5 2.567 7.5 4.5Z" stroke="#20AA64"/> </svg> </div> <div> <span class="text-neutral-600">4</span> <span class="text-neutral-600">/5</span> <span class="text-neutral-600 md:hidden">(226 reviews)</span> </div> </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">8.3</span> <span class="text-neutral-600">8.3</span> <span class="text-neutral-600">/10</span> <span class="text-neutral-600 md:hidden">(489 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">8.3/10</span> <span class="text-sm text-neutral-600"> Very good </span> <span class="text-sm text-neutral-600" >(443 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" > <div class="flex justify-between items-center"> <span class="text-sm">Cleanliness</span> <b class="text-base font-medium ">9</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" > <div class="flex justify-between items-center"> <span class="text-sm">Comfort</span> <b class="text-base font-medium ">9</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.5" > <div class="flex justify-between items-center"> <span class="text-sm">Facilities</span> <b class="text-base font-medium ">8.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="8.9" > <div class="flex justify-between items-center"> <span class="text-sm">Free WiFi</span> <b class="text-base font-medium ">8.9</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">Location</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.3" > <div class="flex justify-between items-center"> <span class="text-sm">Total</span> <b class="text-base font-medium ">8.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"> H </div> <p class="text-base font-bold "> Hubert </p> </div> <div class="text-2xl font-bold">9.4/10</div> </div> <div class="text-secondary-950 text-base"> The staff were welcoming and attentive, making me feel right at home. I appreciated the cleanliness and comfort of my room, as well as the lovely amenities, like the complimentary port left to enjoy. Breakfast offered a great selection, perfect for fueling my day. </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"> C </div> <p class="text-base font-bold "> Christopher </p> </div> <div class="text-2xl font-bold">9.6/10</div> </div> <div class="text-secondary-950 text-base"> We loved the cleanliness and location of the hotel. It鈥檚 in the heart of a charming area with plenty of amenities nearby. The staff was very friendly and helpful. Our room was spacious, with lovely furnishings and excellent water pressure in the shower. The restaurant and bar on-site offered delicious food and drinks, especially during happy hour. </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"> S </div> <p class="text-base font-bold "> Sid </p> </div> <div class="text-2xl font-bold">9.6/10</div> </div> <div class="text-secondary-950 text-base"> I loved staying at this hotel, which is located in the heart of a charming city, and the historical building adds to its character. The staff were incredibly friendly and made me feel welcome from the moment I arrived. My room was beautifully decorated and impeccably clean, and I enjoyed a delicious continental breakfast that started my day off perfectly. </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">52 Queen Street</span> </div> </div> <div class="w-full h-[400px] mb-5" id="mapbox" data-lat="-41.5138" data-lng="173.95535"></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 data-target=".js-location-restaurants" 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">Restaurants 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="91264"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">1. Omaka Classic cars</span> <span class="text-base font-medium text-primary-600">3.35 km (2.08 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="175026"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">2. Upton Oaks Garden</span> <span class="text-base font-medium text-primary-600">3.80 km (2.36 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="4575777"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">3. Marlborough Brayshaw Park Museums</span> <span class="text-base font-medium text-primary-600">2.47 km (1.53 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="286321"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">4. Marlborough Museum</span> <span class="text-base font-medium text-primary-600">2.34 km (1.45 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="331799"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">5. Detour Art Gallery</span> <span class="text-base font-medium text-primary-600">210 m (689 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="1449823"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">6. Marlborough Farmers' Market</span> <span class="text-base font-medium text-primary-600">2.12 km (1.32 mi.)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="2890379"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">7. Millennium Public Art Gallery</span> <span class="text-base font-medium text-primary-600">410 m (1345 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="91262"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">8. Pollard Park</span> <span class="text-base font-medium text-primary-600">1.21 km (3970 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="91261"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">9. Omaka Aviation Heritage Centre</span> <span class="text-base font-medium text-primary-600">3.44 km (2.14 mi.)</span> </li> </ul> </div> <div class="location-tab-block js-location-restaurants"> <ul class="columns-2 md:columns-1 gap-10"> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="742724"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">1. Ritual Cafe</span> <span class="text-base font-medium text-primary-600">180 m (591 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="938797"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">2. Cbd cafe</span> <span class="text-base font-medium text-primary-600">180 m (591 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="743566"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">3. Mango Restaurant & Bar</span> <span class="text-base font-medium text-primary-600">200 m (656 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="742740"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">4. Watery Mouth Cafe</span> <span class="text-base font-medium text-primary-600">290 m (951 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="742727"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">5. Village India</span> <span class="text-base font-medium text-primary-600">130 m (427 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="858005"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">6. The Lemongrass</span> <span class="text-base font-medium text-primary-600">120 m (394 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="2748577"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">7. The Tamarind 2017</span> <span class="text-base font-medium text-primary-600">260 m (853 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="2321909"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">8. Thomas & Sons Coffee Bar & Eatery</span> <span class="text-base font-medium text-primary-600">240 m (787 ft)</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 Blenheim</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">52 Queen Street</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 14:00 until 20:00</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 10: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">64035779945</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="777-motor-inn" data-bhotel-id="777-motor-inn" data-lat="34.15739" data-lng="-118.46671" data-price = "101US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6333/633379/633379815.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> (56)</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/777-motor-inn-los-angeles" 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">777 Motor Inn</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">14.7 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 ">101US$</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="2862299" data-dest-id="20014181" > <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="dosso-dossi-hotels-spa-golden-horn" data-bhotel-id="dosso-dossi-hotels-spa-golden-horn" data-lat="41.05397" data-lng="28.949266" data-price = "58US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13315/1331555/1331555648.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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (168)</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/dosso-dossi-hotels-spa-golden-horn-istanbul" 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">Dosso Dossi Hotels & Spa Golden Horn</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">3.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 ">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="337149" data-dest-id="-755070" > <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="hyatt-house-charlestonmount-pleasant" data-bhotel-id="hyatt-house-charlestonmount-pleasant" data-lat="32.81663" data-lng="-79.84094" data-price = "134US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12854/1285412/1285412152.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> (68)</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/hyatt-house-charleston-mount-pleasant-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">Hyatt House Charleston/Mount Pleasant</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">6.0 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 ">134US$</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="4542342" data-dest-id="20115955" > <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="aonang-orchid-resort-sha-extra-plus" data-bhotel-id="aonang-orchid-resort-sha-extra-plus" data-lat="8.03215" data-lng="98.82362" data-price = "42US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15804/1580456/1580456403.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> (232)</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/aonang-orchid-resort-sha-extra-plus-ao-nang" 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">Aonang Orchid Resort - Sha Extra Plus</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.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 ">42US$</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="243801" data-dest-id="-3232620" > <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="dusitd2-davao" data-bhotel-id="dusitd2-davao" data-lat="7.115276" data-lng="125.6516" data-price = "146US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14580/1458017/1458017287.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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (50)</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/dusitd2-davao-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">Dusitd2 Davao</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">4.0 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 ">146US$</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="4136070" data-dest-id="-2424066" > <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="drei-kronen-hotel-wien-city" data-bhotel-id="drei-kronen-hotel-wien-city" data-lat="48.19836" data-lng="16.363985" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12169/1216998/1216998976.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.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1007)</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/drei-kronen-hotel-wien-city" 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">Drei Kronen Hotel Wien City</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 ">84US$</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="70098" data-dest-id="-1995499" > <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="sleep-inn" data-bhotel-id="sleep-inn" data-lat="39.80073" data-lng="-86.04439" data-price = "70US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16016/1601686/1601686370.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.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (62)</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/sleep-inn-indianapolis" 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">Sleep Inn</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">6.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 ">70US$</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="42834" data-dest-id="20037880" > <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="comfort-inn-warrensburg-station" data-bhotel-id="comfort-inn-warrensburg-station" data-lat="38.77296066" data-lng="-93.72544" data-price = "99US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12848/1284882/1284882610.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.6 </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/comfort-inn-warrensburg-station" 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">Comfort Inn Warrensburg Station</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.9 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 ">99US$</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="568934" data-dest-id="20075774" > <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="side-alegria-hotel-spa-adults-only" data-bhotel-id="side-alegria-hotel-spa-adults-only" data-lat="36.797737" data-lng="31.368883" data-price = "36US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5094/509464/509464269.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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (44)</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/side-alegria-hotel-spa-adults-only" 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">Side Alegria Hotel & Spa (Adults Only)</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">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 ">36US$</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="375554" data-dest-id="900039392" > <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="yogi-metropolitan" data-bhotel-id="yogi-metropolitan" data-lat="19.0682" data-lng="73.01087" data-price = "40US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12140/1214074/1214074882.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> (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/yogi-metropolitan-hotel-navi-mumbai" 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">Yogi Metropolitan</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">3.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 ">40US$</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="331725" data-dest-id="900048286" > <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="roca-blanca" data-bhotel-id="roca-blanca" data-lat="42.57661767726236" data-lng="1.08824875338917" data-price = "96US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11126/1112672/1112672739.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> (114)</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/roca-blanca-hotel-espot" 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">Roca Blanca</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.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 ">96US$</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="15849" data-dest-id="-381940" > <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-clan-hotel-singapore-by-far-east-hospitality" data-bhotel-id="the-clan-hotel-singapore-by-far-east-hospitality" data-lat="1.282542" data-lng="103.848499" data-price = "236US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12844/1284431/1284431218.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> (215)</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-clan-hotel-singapore-by-far-east-hospitality" 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 Clan Hotel Singapore By Far East Hospitality</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.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 ">236US$</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="5998811" data-dest-id="-73635" > <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":"he1RqnGEtvRKxh0Z"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"900039078","dest_name":"Blenheim","city_id":11240,"pid":496341,"page":"hotel","hotel_id":400757,"bid":"5467827"} </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

Hotel D'Urville Blenheim, New Zealand from 94US$ | 2024