Where to Stay in Honolulu with Kids: Top 10 Family Hotels

<!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"> <meta name="description" content="Honolulu is a paradise that offers families a delightful blend of adventure, culture, and relaxation. With its pristine beaches, lush landscapes, and an"> <title>Where to Stay in Honolulu with Kids: Top 10 Family Hotels</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/honolulu-family-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Where to Stay in Honolulu with Kids: Top 10 Family Hotels" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/honolulu-family-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/honolulu-family-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/honolulu-family-hotels" 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: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/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-9_dDuI1Z.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-9_dDuI1Z.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "219US$", "address": { "@type": "PostalAddress", "streetAddress": "2424 Kalakaua Ave" }, "name": "Hyatt Regency Waikiki Beach Resort & Spa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "89US$", "address": { "@type": "PostalAddress", "streetAddress": "150 Kapahulu Avenue" }, "name": "Queen Kapiolani Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "111US$", "address": { "@type": "PostalAddress", "streetAddress": "2500 Kuhio Avenue" }, "name": "Hilton Waikiki Beach" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "119US$", "address": { "@type": "PostalAddress", "streetAddress": "3401 North Nimitz Highway" }, "name": "Airport Honolulu Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "195US$", "address": { "@type": "PostalAddress", "streetAddress": "2490 Kalakaua Avenue" }, "name": "Alohilani Resort Waikiki Beach" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "144US$", "address": { "@type": "PostalAddress", "streetAddress": "2552 Kalakaua Avenue" }, "name": "Waikiki Beach Marriott Resort & Spa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "189US$", "address": { "@type": "PostalAddress", "streetAddress": "2005 Kalia Road" }, "name": "Hilton Hawaiian Village Waikiki Beach Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "104US$", "address": { "@type": "PostalAddress", "streetAddress": "2425 Kuhio Avenue" }, "name": "Castle Bamboo Waikiki Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "74US$", "address": { "@type": "PostalAddress", "streetAddress": "2070 Kalakaua Avenue" }, "name": "Waikiki Gateway Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "179US$", "address": { "@type": "PostalAddress", "streetAddress": "2169 Kalia Road" }, "name": "Outrigger Reef Waikiki Beach Resort" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right 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/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/au/honolulu-family-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/au.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AU</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/honolulu-family-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images/1920x1080/15895/1589580/1589580534.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/data/images/450x450/15895/1589580/1589580534.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Family Hotels in Honolulu</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Family Hotels in Honolulu, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <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 w-6 h-6" 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> <div class="text-base text-secondary-950">Honolulu</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-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"> Mar 03, 2025 - Mar 04, 2025 </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-500 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> </div> <div class="w-full px-9 pb-5 md:px-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/united-states-hotels/'>United States 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/hotels-hawaii/'>Hawaii 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">Family Hotels in Honolulu</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" 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 gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" 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 gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" 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 gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="aqua-palms-waikiki" data-bhotel-id="aqua-palms-waikiki" data-name = "Aqua Palms Waikiki" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8860/886089/886089067.JPEG" data-lat="21.284855784805735" data-lng="-157.83653408288956" data-price = "71US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="58551" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8860/886089/886089067.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13735/1373532/1373532026.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12758/1275825/1275825727.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (253)</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/aqua-palms-waikiki-aparthotel-honolulu" 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">Aqua Palms Waikiki</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">71US$</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="58551" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-malia" data-bhotel-id="waikiki-malia" data-name = "Waikiki Malia" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275598/1275598015.JPEG" data-lat="21.281132" data-lng="-157.828133" data-price = "74US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="506425" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275598/1275598015.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16236/1623668/1623668386.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16236/1623668/1623668389.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (201)</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/en-us/waikiki-malia-hotel-honolulu" 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">Waikiki Malia</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">74US$</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="506425" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ramada-plaza-by-wyndham-waikiki" data-bhotel-id="ramada-plaza-by-wyndham-waikiki" data-name = "Ramada Plaza By Wyndham Waikiki" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275587/1275587560.JPEG" data-lat="21.284982" data-lng="-157.837119" data-price = "135US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="343699" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275587/1275587560.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275586/1275586060.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275586/1275586471.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (294)</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/en-us/ramada-plaza-by-wyndham-waikiki-hotel-honolulu" 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">Ramada Plaza By Wyndham Waikiki</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">135US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="343699" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="luana-waikiki-hotel-suites" data-bhotel-id="luana-waikiki-hotel-suites" data-name = "Luana Waikiki Hotel & Suites" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15960/1596045/1596045971.JPEG" data-lat="21.283776" data-lng="-157.831856" data-price = "128US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="803798" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15960/1596045/1596045971.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14386/1438675/1438675828.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14386/1438674/1438674229.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (208)</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/en-us/luana-waikiki-hotel-suites-honolulu" 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">Luana Waikiki Hotel & Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">128US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="803798" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-la-croix" data-bhotel-id="hotel-la-croix" data-name = "Hotel La Croix" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11553/1155353/1155353823.JPEG" data-lat="21.2834" data-lng="-157.8312" data-price = "90US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2917425" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11553/1155353/1155353823.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15414/1541446/1541446903.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15414/1541446/1541446924.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (198)</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/en-us/hotel-la-croix-honolulu" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel La Croix</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">90US$</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="2917425" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="oasis-hotel-waikiki" data-bhotel-id="oasis-hotel-waikiki" data-name = "Oasis Hotel Waikiki" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275580/1275580429.JPEG" data-lat="21.280714" data-lng="-157.829239" data-price = "135US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="465940" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275580/1275580429.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14996/1499676/1499676310.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14988/1498859/1498859128.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (343)</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/en-us/oasis-hotel-waikiki-honolulu" 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">Oasis Hotel Waikiki</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">135US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="465940" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="stay-hotel-waikiki" data-bhotel-id="stay-hotel-waikiki" data-name = "Stay Hotel Waikiki" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15466/1546674/1546674634.JPEG" data-lat="21.276220886658763" data-lng="-157.82456955952455" data-price = "117US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="343694" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15466/1546674/1546674634.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15466/1546674/1546674640.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15466/1546674/1546674652.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (223)</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/en-us/stay-hotel-waikiki-honolulu" 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">Stay Hotel Waikiki</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 ">117US$</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="343694" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="courtyard-by-marriott-waikiki-beach" data-bhotel-id="courtyard-by-marriott-waikiki-beach" data-name = "Courtyard By Marriott Waikiki Beach" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15469/1546924/1546924708.JPEG" data-lat="21.28109" data-lng="-157.82769" data-price = "144US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="181109" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15469/1546924/1546924708.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12756/1275673/1275673126.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12756/1275672/1275672259.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (128)</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/en-us/courtyard-by-marriott-waikiki-beach-hotel-honolulu" 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">Courtyard By Marriott Waikiki Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">144US$</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="181109" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-beach-marriott-resort-spa" data-bhotel-id="waikiki-beach-marriott-resort-spa" data-name = "Waikiki Beach Marriott Resort & Spa" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14990/1499033/1499033407.JPEG" data-lat="21.27349" data-lng="-157.82251" data-price = "144US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="236396" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14990/1499033/1499033407.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641014/1641014528.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641014/1641014529.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (190)</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/en-us/waikiki-beach-marriott-resort-spa-honolulu" 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">Waikiki Beach Marriott Resort & Spa</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">3.5 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 ">144US$</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="236396" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-garden-inn-waikiki-beach" data-bhotel-id="hilton-garden-inn-waikiki-beach" data-name = "Hilton Garden Inn Waikiki Beach" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14989/1498920/1498920508.JPEG" data-lat="21.278929" data-lng="-157.8251" data-price = "79US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="506418" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14989/1498920/1498920508.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14997/1499774/1499774812.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14989/1498920/1498920418.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (286)</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/en-us/hilton-garden-inn-waikiki-beach-honolulu" 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">Hilton Garden Inn Waikiki Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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.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 ">79US$</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="506418" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="wayfinder-waikiki" data-bhotel-id="wayfinder-waikiki" data-name = "Wayfinder Waikiki" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13362/1336213/1336213448.JPEG" data-lat="21.279001" data-lng="-157.823192" data-price = "174US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="56856" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13362/1336213/1336213448.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13362/1336213/1336213385.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13362/1336213/1336213388.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (286)</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/en-us/wayfinder-waikiki-voted-top-10-best-hotels-in-hawaii-honolulu" 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">Wayfinder Waikiki</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">3.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 ">174US$</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="56856" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="kaimana-beach-hotel" data-bhotel-id="kaimana-beach-hotel" data-name = "Kaimana Beach Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12642/1264234/1264234903.JPEG" data-lat="21.26335" data-lng="-157.82103" data-price = "265US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="47772" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12642/1264234/1264234903.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16350/1635080/1635080964.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16350/1635080/1635080968.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (195)</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/en-us/kaimana-beach-hotel-honolulu" 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">Kaimana Beach Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">265US$</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="47772" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="aston-waikiki-sunset" data-bhotel-id="aston-waikiki-sunset" data-name = "Aston Waikiki Sunset" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15391/1539120/1539120754.JPEG" data-lat="21.2745094299316" data-lng="-157.820724487305" data-price = "164US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="302409" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15391/1539120/1539120754.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15372/1537294/1537294420.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15988/1598899/1598899847.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (217)</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/en-us/aston-waikiki-sunset-aparthotel-honolulu" 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">Aston Waikiki Sunset</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">3.5 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 ">164US$</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="302409" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="kuhio-banyan-hotel" data-bhotel-id="kuhio-banyan-hotel" data-name = "Kuhio Banyan Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7032/703231/703231924.JPEG" data-lat="21.27954" data-lng="-157.82585" data-price = "116US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="261763" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7032/703231/703231924.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/2754/275416/275416409.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/2754/275416/275416421.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (322)</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/kuhio-banyan-hotel-honolulu" 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">Kuhio Banyan Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">3.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 ">116US$</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="261763" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="alohilani-resort-waikiki-beach" data-bhotel-id="alohilani-resort-waikiki-beach" data-name = "'Alohilani Resort Waikiki Beach" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275576/1275576478.JPEG" data-lat="21.27466" data-lng="-157.82357" data-price = "225US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="58497" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275576/1275576478.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16456/1645652/1645652114.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/185/18506/18506544.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (669)</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/en-us/alohilani-resort-waikiki-beach-honolulu" 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">'Alohilani Resort Waikiki Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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.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 ">225US$</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="58497" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-monarch-hotel" data-bhotel-id="waikiki-monarch-hotel" data-name = "Waikiki Monarch Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9257/925713/925713994.JPEG" data-lat="21.28678" data-lng="-157.83267" data-price = "69US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="45644" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9257/925713/925713994.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9678/967801/967801030.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9257/925772/925772980.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (157)</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/waikiki-monarch-hotel-honolulu" 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">Waikiki Monarch Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">2.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 ">69US$</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="45644" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="romer-waikiki-at-the-ambassador" data-bhotel-id="romer-waikiki-at-the-ambassador" data-name = "Romer Waikiki At The Ambassador" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14688/1468864/1468864754.JPEG" data-lat="21.284405" data-lng="-157.830901" data-price = "178US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="398516" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14688/1468864/1468864754.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14688/1468864/1468864748.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14688/1468864/1468864685.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (217)</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/en-us/romer-waikiki-at-the-ambassador-hotel-honolulu" 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">Romer Waikiki At The Ambassador</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 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 ">178US$</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="398516" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-waikiki-an-ihg-hotel" data-bhotel-id="holiday-inn-express-waikiki-an-ihg-hotel" data-name = "Holiday Inn Express Waikiki, An Ihg Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5655/565518/565518090.JPEG" data-lat="21.2837" data-lng="-157.83102" data-price = "203US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="180617" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5655/565518/565518090.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12756/1275692/1275692839.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14384/1438416/1438416772.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (317)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-waikiki-an-ihg-hotel-honolulu" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Waikiki, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">203US$</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="180617" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="park-shore-waikiki" data-bhotel-id="park-shore-waikiki" data-name = "Park Shore Waikiki" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7284/728494/728494438.JPEG" data-lat="21.271774" data-lng="-157.82254" data-price = "173US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="76719" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7284/728494/728494438.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12787/1278783/1278783505.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12787/1278783/1278783478.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (273)</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/en-us/park-shore-waikiki-hotel-honolulu" 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">Park Shore Waikiki</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">3.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">173US$</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="76719" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-heritage-hotel" data-bhotel-id="waikiki-heritage-hotel" data-name = "Waikiki Heritage Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15634/1563443/1563443881.JPEG" data-lat="21.28044" data-lng="-157.83125" data-price = "98US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="5208732" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15634/1563443/1563443881.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15634/1563443/1563443575.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15634/1563443/1563443611.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (63)</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/en-us/waikiki-heritage-hotel-honolulu" 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">Waikiki Heritage Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">2.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 ">98US$</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="5208732" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="royal-kuhio-resort" data-bhotel-id="royal-kuhio-resort" data-name = "Royal Kuhio Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9968/996868/996868995.JPEG" data-lat="21.28086" data-lng="-157.82708" data-price = "208US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6428504" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9968/996868/996868995.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9968/996869/996869649.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9968/996869/996869664.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (42)</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/royal-kuhio-resort-honolulu" 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">Royal Kuhio Resort</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">2.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 ">208US$</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="6428504" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="coconut-waikiki-hotel" data-bhotel-id="coconut-waikiki-hotel" data-name = "Coconut Waikiki Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7428/742862/742862035.JPEG" data-lat="21.282589" data-lng="-157.827454" data-price = "130US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="59697" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7428/742862/742862035.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12756/1275673/1275673999.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7428/742861/742861825.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (221)</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/en-us/coconut-waikiki-hotel-honolulu" 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">Coconut Waikiki Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">130US$</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="59697" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="polynesian-hostel-beach-club" data-bhotel-id="polynesian-hostel-beach-club" data-name = "Polynesian Hostel Beach Club" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9959/995971/995971684.JPEG" data-lat="21.27216" data-lng="-157.82157" data-price = "37US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="265969" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9959/995971/995971684.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11472/1147234/1147234417.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9959/995971/995971855.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (136)</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/polynesian-hostel-beach-club-honolulu" 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">Polynesian Hostel Beach Club</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">3.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">37US$</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="265969" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-twin-fin-hotel" data-bhotel-id="the-twin-fin-hotel" data-name = "The Twin Fin Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5741/574126/574126356.JPEG" data-lat="21.27227" data-lng="-157.8228" data-price = "177US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="302362" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5741/574126/574126356.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275513/1275513712.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275513/1275513631.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (398)</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/en-us/the-twin-fin-hotel-honolulu" 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 Twin Fin Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 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 ">177US$</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="302362" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="outrigger-waikiki-paradise-hotel" data-bhotel-id="outrigger-waikiki-paradise-hotel" data-name = "Outrigger Waikiki Paradise Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5035/503578/503578329.JPEG" data-lat="21.277697" data-lng="-157.824738" data-price = "115US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="506411" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5035/503578/503578329.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16247/1624769/1624769494.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16247/1624769/1624769495.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (208)</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/en-us/outrigger-waikiki-paradise-hotel-honolulu" 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">Outrigger Waikiki Paradise Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">115US$</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="506411" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="vive-hotel-waikiki" data-bhotel-id="vive-hotel-waikiki" data-name = "Vive Hotel Waikiki" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8410/841023/841023146.JPEG" data-lat="21.27678" data-lng="-157.82346" data-price = "208US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="484917" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8410/841023/841023146.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12782/1278215/1278215854.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12782/1278216/1278216184.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (173)</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/en-us/vive-hotel-waikiki-honolulu" 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">Vive Hotel Waikiki</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 ">208US$</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="484917" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-beach-walk" data-bhotel-id="waikiki-beach-walk" data-name = "Waikiki Beach Walk" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/8935/893540/893540491.JPEG" data-lat="21.279243" data-lng="-157.83083" data-price = "647US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="12295839" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8935/893540/893540491.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16435/1643574/1643574789.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16435/1643574/1643574795.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (53)</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/wyndham-waikiki-beach-walk-hotel-honolulu" 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">Waikiki Beach Walk</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">647US$</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="12295839" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="castle-waikiki-shore" data-bhotel-id="castle-waikiki-shore" data-name = "Castle Waikiki Shore" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/1755/175597/175597194.JPEG" data-lat="21.278745" data-lng="-157.832885" data-price = "163US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="180615" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/1755/175597/175597194.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16037/1603733/1603733983.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16037/1603733/1603733989.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (106)</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/en-us/castle-waikiki-shore-aparthotel-honolulu" 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">Castle Waikiki Shore</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">163US$</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="180615" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="manoa-valley-inn" data-bhotel-id="manoa-valley-inn" data-name = "Manoa Valley Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6868/686883/686883555.JPEG" data-lat="21.30101" data-lng="-157.822556" data-price = "231US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2180142" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6868/686883/686883555.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16083/1608317/1608317234.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16083/1608317/1608317237.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (98)</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/en-us/manoa-valley-inn-honolulu" 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">Manoa Valley 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">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">231US$</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="2180142" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="royal-grove-waikiki" data-bhotel-id="royal-grove-waikiki" data-name = "Royal Grove Waikiki" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16263/1626387/1626387672.JPEG" data-lat="21.276325" data-lng="-157.823759" data-price = "114US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="513758" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16263/1626387/1626387672.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16263/1626387/1626387676.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16263/1626387/1626387684.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (176)</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/en-us/royal-grove-waikiki-hotel-honolulu" 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">Royal Grove Waikiki</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">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 ">114US$</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="513758" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-central-hotel-no-resort-fees" data-bhotel-id="waikiki-central-hotel-no-resort-fees" data-name = "Waikiki Central Hotel - No Resort Fees" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7985/798507/798507174.JPEG" data-lat="21.27631" data-lng="-157.82426" data-price = "169US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="5030898" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7985/798507/798507174.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7983/798371/798371523.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7983/798371/798371568.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (149)</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/en-us/waikiki-central-hotel-no-resort-fees-honolulu" 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">Waikiki Central Hotel - No Resort Fees</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">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 ">169US$</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="5030898" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="pacific-marina-inn" data-bhotel-id="pacific-marina-inn" data-name = "Pacific Marina Inn" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6892/689207/689207283.JPEG" data-lat="21.332523" data-lng="-157.900491" data-price = "98US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="238130" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6892/689207/689207283.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5490/549058/549058800.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5035/503576/503576901.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (369)</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/en-us/pacific-marina-inn-honolulu" 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">Pacific Marina 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">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 ">98US$</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="238130" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="pacific-monarch-hotel" data-bhotel-id="pacific-monarch-hotel" data-name = "Pacific Monarch Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13677/1367768/1367768795.JPEG" data-lat="21.276493" data-lng="-157.823876" data-price = "152US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="741602" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13677/1367768/1367768795.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13677/1367768/1367768777.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13677/1367768/1367768798.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (145)</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/en-us/pacific-monarch-hotel-honolulu" 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">Pacific Monarch Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">152US$</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="741602" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="pagoda-hotel" data-bhotel-id="pagoda-hotel" data-name = "Pagoda Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275581/1275581410.JPEG" data-lat="21.29572" data-lng="-157.84036" data-price = "109US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="58496" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275581/1275581410.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/3398/339862/339862978.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275581/1275581599.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (268)</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/en-us/pagoda-hotel-honolulu" 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">Pagoda Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">1.5 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 ">109US$</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="58496" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="palms-waikiki-412" data-bhotel-id="palms-waikiki-412" data-name = "Palms Waikiki #412" data-rating = "6.6" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450w/4621/462170/462170958.JPEG" data-lat="21.28501" data-lng="-157.83658" data-price = "135US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1952662" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4621/462170/462170958.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7917/791796/791796699.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7917/791797/791797281.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 6.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (3)</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/en-us/palms-waikiki-412-apartment-honolulu" 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">Palms Waikiki #412</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">2.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 ">135US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1952662" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="stay-condominiums-waikiki" data-bhotel-id="stay-condominiums-waikiki" data-name = "Stay Condominiums Waikiki" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6830/683067/683067762.JPEG" data-lat="21.276928" data-lng="-157.82443" data-price = "162US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1475662" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6830/683067/683067762.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11428/1142888/1142888515.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11428/1142888/1142888755.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (47)</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/en-us/stay-condominiums-waikiki-honolulu" 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">Stay Condominiums Waikiki</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 ">162US$</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="1475662" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ilima-hotel" data-bhotel-id="ilima-hotel" data-name = "Ilima Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12534/1253400/1253400940.JPEG" data-lat="21.28045" data-lng="-157.82548" data-price = "167US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="76932" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12534/1253400/1253400940.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12756/1275696/1275696673.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12756/1275696/1275696793.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (303)</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/ilima-hotel-honolulu" 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">Ilima Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">167US$</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="76932" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="sheraton-princess-kaiulani" data-bhotel-id="sheraton-princess-kaiulani" data-name = "Sheraton Princess Kaiulani" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6990/699069/699069552." data-lat="21.27717" data-lng="-157.82578" data-price = "141US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="180679" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6990/699069/699069552." alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16437/1643758/1643758649.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16437/1643758/1643758657.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (213)</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/en-us/sheraton-princess-kaiulani-hotel-honolulu" 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">Sheraton Princess Kaiulani</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.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 ">141US$</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="180679" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="shoreline-hotel-waikiki" data-bhotel-id="shoreline-hotel-waikiki" data-name = "Shoreline Hotel Waikiki" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8310/831058/831058523.JPEG" data-lat="21.2797" data-lng="-157.82772" data-price = "132US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="389277" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8310/831058/831058523.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6656/665628/665628009.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8310/831058/831058751.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (166)</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/en-us/shoreline-hotel-waikiki-honolulu" 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">Shoreline Hotel Waikiki</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">132US$</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="389277" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="moana-surfrider-a-westin-resort-spa-waikiki-beach" data-bhotel-id="moana-surfrider-a-westin-resort-spa-waikiki-beach" data-name = "Moana Surfrider, A Westin Resort & Spa, Waikiki Beach" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13741/1374193/1374193349.JPEG" data-lat="21.27666" data-lng="-157.82653" data-price = "285US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="180677" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13741/1374193/1374193349.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641013/1641013247.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641013/1641013249.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (156)</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/en-us/moana-surfrider-a-westin-resort-spa-waikiki-beach-honolulu" 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">Moana Surfrider, A Westin Resort & Spa, Waikiki Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">285US$</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="180677" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="aston-waikiki-circle-hotel" data-bhotel-id="aston-waikiki-circle-hotel" data-name = "Aston Waikiki Circle Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275516/1275516154.JPEG" data-lat="21.274874" data-lng="-157.824509" data-price = "114US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="305409" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275516/1275516154.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275516/1275516217.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600571/1600571403.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (281)</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/en-us/aston-waikiki-circle-hotel-honolulu" 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">Aston Waikiki Circle Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">114US$</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="305409" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hawaiian-sun-holidays" data-bhotel-id="hawaiian-sun-holidays" data-name = "Hawaiian Sun Holidays" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6328/632870/632870175.JPEG" data-lat="21.27496" data-lng="-157.82153" data-price = "138US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1150125" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6328/632870/632870175.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6328/632889/632889036.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6328/632874/632874993.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (5)</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/en-us/hawaiian-sun-holidays-hotel-honolulu" 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">Hawaiian Sun Holidays</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.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 ">138US$</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="1150125" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="queen-kapiolani-hotel" data-bhotel-id="queen-kapiolani-hotel" data-name = "Queen Kapiolani Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12103/1210390/1210390366.JPEG" data-lat="21.27183" data-lng="-157.82103" data-price = "89US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="180624" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12103/1210390/1210390366.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12787/1278784/1278784297.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12787/1278784/1278784552.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (464)</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/en-us/queen-kapiolani-hotel-honolulu" 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">Queen Kapiolani Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">89US$</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="180624" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-vacation-club-the-modern-honolulu" data-bhotel-id="hilton-vacation-club-the-modern-honolulu" data-name = "Hilton Vacation Club The Modern Honolulu" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14987/1498735/1498735264.JPEG" data-lat="21.28498" data-lng="-157.83905" data-price = "152US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="333760" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14987/1498735/1498735264.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275486/1275486235.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275485/1275485833.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (251)</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/en-us/hilton-vacation-club-the-modern-honolulu-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">Hilton Vacation Club The Modern Honolulu</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">152US$</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="333760" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="polynesian-residences-waikiki-beach" data-bhotel-id="polynesian-residences-waikiki-beach" data-name = "Polynesian Residences Waikiki Beach" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5624/562450/562450224.JPEG" data-lat="21.28144" data-lng="-157.8307" data-price = "180US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="304489" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5624/562450/562450224.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10374/1037416/1037416189.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7213/721351/721351912.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (143)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/polynesian-residences-waikiki-beach-honolulu" 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">Polynesian Residences Waikiki Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">180US$</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="304489" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="halepuna-waikiki-by-halekulani" data-bhotel-id="halepuna-waikiki-by-halekulani" data-name = "Halepuna Waikiki By Halekulani" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15458/1545800/1545800446.JPEG" data-lat="21.2782482493623" data-lng="-157.830612435937" data-price = "337US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="47242" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15458/1545800/1545800446.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15457/1545798/1545798781.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15458/1545800/1545800386.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (216)</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/en-us/halepuna-waikiki-by-halekulani-hotel-honolulu" 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">Halepuna Waikiki By Halekulani</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">337US$</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="47242" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ka-lai-waikiki-beach-lxr-hotels-resorts" data-bhotel-id="ka-lai-waikiki-beach-lxr-hotels-resorts" data-name = "Ka La'i Waikiki Beach, LXR Hotels & Resorts" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16164/1616417/1616417435.JPEG" data-lat="21.27950479739625" data-lng="-157.83238984645777" data-price = "458US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="183249" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16164/1616417/1616417435.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16164/1616417/1616417438.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16164/1616417/1616417439.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (225)</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/en-us/ka-la-i-waikiki-beach-lxr-hotels-resorts-honolulu" 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">Ka La'i Waikiki Beach, LXR Hotels & Resorts</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.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 ">458US$</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="183249" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-equus" data-bhotel-id="the-equus" data-name = "The Equus" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6945/694533/694533834.JPEG" data-lat="21.28656" data-lng="-157.83921" data-price = "151US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="3843659" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6945/694533/694533834.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10791/1079192/1079192974.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9477/947757/947757361.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (88)</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/en-us/the-equus-hotel-honolulu" 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 Equus</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">151US$</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="3843659" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="white-sands-hotel" data-bhotel-id="white-sands-hotel" data-name = "White Sands Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15844/1584443/1584443057.JPEG" data-lat="21.28023" data-lng="-157.82552" data-price = "93US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="263006" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15844/1584443/1584443057.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15374/1537466/1537466716.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15374/1537466/1537466860.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (258)</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/en-us/white-sands-hotel-honolulu" 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">White Sands Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">93US$</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="263006" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="prince-waikiki" data-bhotel-id="prince-waikiki" data-name = "Prince Waikiki" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275589/1275589372.JPEG" data-lat="21.286167" data-lng="-157.840149" data-price = "320US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="57445" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275589/1275589372.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275589/1275589135.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275589/1275589423.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (141)</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/en-us/prince-waikiki-hotel-honolulu" 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">Prince Waikiki</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">320US$</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="57445" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ohia-waikiki-studio-suites" data-bhotel-id="ohia-waikiki-studio-suites" data-name = "Ohia Waikiki Studio Suites" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13825/1382517/1382517410.JPEG" data-lat="21.2798004150391" data-lng="-157.82649230957" data-price = "77US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1407380" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13825/1382517/1382517410.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13825/1382517/1382517356.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13825/1382517/1382517401.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (226)</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/ohia-waikiki-studio-suites-honolulu" 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">Ohia Waikiki Studio Suites</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.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 ">77US$</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="1407380" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="waikiki-marina-resort-at-the-ilikai" data-bhotel-id="waikiki-marina-resort-at-the-ilikai" data-name = "Waikiki Marina Resort At The Ilikai" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/5685/568546/568546848.JPEG" data-lat="21.28447" data-lng="-157.83834" data-price = "172US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="56973" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5685/568546/568546848.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275516/1275516757.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11851/1185135/1185135235.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/waikiki-marina-resort-at-the-ilikai-honolulu" 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">Waikiki Marina Resort At The Ilikai</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">172US$</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="56973" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="aston-at-the-executive-centre-hotel" data-bhotel-id="aston-at-the-executive-centre-hotel" data-name = "Aston At The Executive Centre Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16051/1605199/1605199288.JPEG" data-lat="21.30923" data-lng="-157.86064" data-price = "180US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="302627" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16051/1605199/1605199288.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16051/1605199/1605199273.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16051/1605199/1605199276.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (126)</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/en-us/aston-at-the-executive-centre-hotel-honolulu" 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">Aston At The Executive Centre Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 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 ">180US$</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="302627" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="embassy-suites-by-hilton-waikiki-beach-walk" data-bhotel-id="embassy-suites-by-hilton-waikiki-beach-walk" data-name = "Embassy Suites By Hilton Waikiki Beach Walk" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5035/503592/503592126.JPEG" data-lat="21.279031" data-lng="-157.831827" data-price = "247US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="41798" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5035/503592/503592126.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15516/1551652/1551652612.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15516/1551652/1551652642.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (186)</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/en-us/embassy-suites-by-hilton-waikiki-beach-walk-honolulu" 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">Embassy Suites By Hilton Waikiki Beach Walk</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">247US$</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="41798" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ilikai-hotel-luxury-suites" data-bhotel-id="ilikai-hotel-luxury-suites" data-name = "Ilikai Hotel & Luxury Suites" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8860/886093/886093648.JPEG" data-lat="21.284674" data-lng="-157.838242" data-price = "199US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="237253" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8860/886093/886093648.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15996/1599646/1599646925.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15996/1599646/1599646933.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (184)</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/en-us/ilikai-hotel-luxury-suites-honolulu" 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">Ilikai Hotel & Luxury Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">199US$</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="237253" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-surf-hotel" data-bhotel-id="holiday-surf-hotel" data-name = "Holiday Surf Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5078/507813/507813492.JPEG" data-lat="21.2808" data-lng="-157.82493" data-price = "95US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="58501" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5078/507813/507813492.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15803/1580356/1580356279.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15803/1580356/1580356391.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (417)</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/en-us/holiday-surf-hotel-honolulu" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Surf Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">95US$</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="58501" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="doubletree-by-hilton-alana-waikiki-beach" data-bhotel-id="doubletree-by-hilton-alana-waikiki-beach" data-name = "Doubletree By Hilton Alana - Waikiki Beach" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15524/1552443/1552443301.JPEG" data-lat="21.28561" data-lng="-157.83411" data-price = "203US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="41780" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552443/1552443301.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552443/1552443289.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552443/1552443295.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (61)</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/doubletree-by-hilton-alana-waikiki-beach-hotel-honolulu" 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">Doubletree By Hilton Alana - Waikiki Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">203US$</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="41780" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-hawaiian-village-waikiki-beach-resort" data-bhotel-id="hilton-hawaiian-village-waikiki-beach-resort" data-name = "Hilton Hawaiian Village Waikiki Beach Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15968/1596866/1596866775.JPEG" data-lat="21.2828663699031" data-lng="-157.836928367615" data-price = "314US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="28887" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15968/1596866/1596866775.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275510/1275510271.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16228/1622869/1622869598.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (1600)</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/en-us/hilton-hawaiian-village-waikiki-beach-resort-honolulu" 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">Hilton Hawaiian Village Waikiki Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">314US$</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="28887" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-kahala-hotel-and-resort" data-bhotel-id="the-kahala-hotel-and-resort" data-name = "The Kahala Hotel And Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14180/1418011/1418011038.JPEG" data-lat="21.271797" data-lng="-157.774285" data-price = "595US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="56797" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14180/1418011/1418011038.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16360/1636005/1636005248.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16360/1636005/1636005250.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (107)</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/en-us/the-kahala-hotel-and-resort-honolulu" 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 Kahala Hotel And Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">5.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 ">595US$</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="56797" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-renew" data-bhotel-id="hotel-renew" data-name = "Hotel Renew" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/13899/1389908/1389908357.JPEG" data-lat="21.272778" data-lng="-157.822259" data-price = "175US$" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="59696" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13899/1389908/1389908357.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16298/1629891/1629891546.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16298/1629891/1629891552.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (483)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-renew-honolulu" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Renew</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.5 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 ">175US$</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="59696" > <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> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="21.276138" data-lng="-157.825091"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Honolulu is a paradise that offers families a delightful blend of adventure, culture, and relaxation. With its pristine beaches, lush landscapes, and an array of family-friendly activities, it's no wonder that many parents seek the best hotels in Honolulu for families. Whether you're looking to explore the natural beauty of Diamond Head or immerse yourself in the rich history of Pearl Harbor, finding the right accommodations can elevate your trip from good to unforgettable.</p><p>When considering the best hotels in Honolulu for families, it’s essential to look for properties that offer both comfort and convenience. Options such as resorts with kid-friendly amenities, spacious suites, and proximity to local attractions can significantly enhance your family getaway. Hotels like the Hilton Hawaiian Village and the Embassy Suites provide a range of services that cater to both adults and children, ensuring that everyone has a memorable experience.</p><p>Ultimately, the right hotel can serve as a home base for your family’s Hawaiian adventure, allowing you to create lasting memories. With excellent dining options, engaging activities, and inviting pools, the best hotels in Honolulu for families ensure that your time on the island is both fun and relaxing. As you plan your trip, consider these family-oriented hotels that promise not only comfort but also the excitement of discovering all that Honolulu has to offer together.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-454319" data-langcode="en" data-bcity-id="20030916" data-city-name="Honolulu" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#hyatt-regency-waikiki-beach-resort-spa" class="js-clk-open" data-type="table" data-bhotel-id="522921" data-open-once data-open-passive>Hyatt Regency Waikiki Beach Resort & Spa</a> </td> <td> <p> 8.2 / 10 </p> <p> (1354 Reviews)</p> </td> <td> <span>From 219US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="522921">Check Price</button> </td> </tr> <tr> <td> <a href="#queen-kapiolani-hotel" class="js-clk-open" data-type="table" data-bhotel-id="180624" data-open-once data-open-passive>Queen Kapiolani Hotel</a> </td> <td> <p> 8.3 / 10 </p> <p> (3017 Reviews)</p> </td> <td> <span>From 89US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="180624">Check Price</button> </td> </tr> <tr> <td> <a href="#hilton-waikiki-beach" class="js-clk-open" data-type="table" data-bhotel-id="41766" data-open-once data-open-passive>Hilton Waikiki Beach</a> </td> <td> <p> 7.8 / 10 </p> <p> (713 Reviews)</p> </td> <td> <span>From 111US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="41766">Check Price</button> </td> </tr> <tr> <td> <a href="#airport-honolulu-hotel" class="js-clk-open" data-type="table" data-bhotel-id="48448" data-open-once data-open-passive>Airport Honolulu Hotel</a> </td> <td> <p> 7.3 / 10 </p> <p> (3097 Reviews)</p> </td> <td> <span>From 119US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="48448">Check Price</button> </td> </tr> <tr> <td> <a href="#alohilani-resort-waikiki-beach" class="js-clk-open" data-type="table" data-bhotel-id="58497" data-open-once data-open-passive>Alohilani Resort Waikiki Beach</a> </td> <td> <p> 7.9 / 10 </p> <p> (4159 Reviews)</p> </td> <td> <span>From 195US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="58497">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hyatt-regency-waikiki-beach-resort-spa" data-id="873969" data-lat="21.276138" data-lng="-157.825091"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434557/1434557002.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14345/1434557/1434557002.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580429.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580440.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580562.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580628.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580534.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580542.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580535.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580536.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580560.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580561.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580571.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580580.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580599.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580563.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580509.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580514.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580516.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580520.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580522.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580525.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580529.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580543.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580546.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580611.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580605.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580609.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14998/1499882/1499882203.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580510.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580531.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580521.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580523.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580570.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434553/1434553612.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434553/1434553903.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434558/1434558733.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434555/1434555412.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434555/1434555847.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434558/1434558763.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434557/1434557218.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434557/1434557257.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434560/1434560209.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434560/1434560434.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434554/1434554890.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434554/1434554641.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434561/1434561436.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580621.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278786/1278786928.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278786/1278786994.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787096.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787114.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787144.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787336.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787084.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787627.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787855.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278788/1278788098.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278788/1278788158.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278788/1278788107.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580575.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580426.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580526.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580528.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434555/1434555517.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434554/1434554446.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434555/1434555979.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580430.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787756.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434560/1434560038.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787867.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434560/1434560800.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434557/1434557098.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580581.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278787/1278787918.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580625.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580513.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434554/1434554137.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6652/665284/665284383.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434561/1434561301.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434553/1434553369.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434556/1434556438.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278788/1278788116.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580431.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580532.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580629.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434556/1434556177.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434561/1434561685.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278786/1278786433.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278788/1278788029.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580617.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434555/1434555445.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278786/1278786322.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580564.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8957/895722/895722757.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15935/1593571/1593571514.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434555/1434555151.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434554/1434554506.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15935/1593571/1593571525.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589580/1589580533.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938555/938555422.JPEG" data-image-gallery="galleryhyatt-regency-waikiki-beach-resort-spa" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hyatt-regency-waikiki-beach-resort-spa" > </div> <div class="absolute top-1.5 left-1.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> (1354)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="522921">Hyatt Regency Waikiki Beach Resort & Spa</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2424 Kalakaua Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hyatt Regency Waikiki Beach Resort & Spa presents family-friendly dining that enhances your stay in Honolulu. The hotel's on-site restaurant serves a variety of options that include local fare and international cuisine, with special children's menus available for younger guests. Families can enjoy breakfast buffets that cater to a range of tastes, providing an excellent start to their day of exploration. Relaxing dining settings, with stunning ocean views, create the perfect backdrop for family meals where both parents and kids can unwind and socialize. Overall, the Hyatt Regency's diverse dining options and commitment to hospitality make it one of the best hotels in Honolulu for families. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">219US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="522921" > <span>Check rates</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 class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="queen-kapiolani-hotel" data-id="873974" data-lat="21.27183" data-lng="-157.82103"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210390/1210390366.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12103/1210390/1210390366.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784297.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784552.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784582.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784702.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784729.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784621.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784678.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784738.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784270.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784771.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784750.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14989/1498913/1498913896.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784600.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784570.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645541/645541314.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498513/1498513819.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498485/1498485214.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498485/1498485226.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498485/1498485229.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14989/1498913/1498913932.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8127/812707/812707689.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8127/812708/812708757.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8127/812713/812713293.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7844/784495/784495146.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753333/753333893.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7698/769881/769881739.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7698/769877/769877872.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7698/769888/769888462.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753340/753340148.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336065.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753331/753331532.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753332/753332396.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753333/753333017.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753335/753335906.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336239.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336359.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336695.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336716.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753339/753339617.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753340/753340262.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753333/753333242.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753332/753332042.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336431.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753332/753332306.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753333/753333803.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336083.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753340/753340001.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753333/753333002.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14989/1498913/1498913812.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645524/645524481.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645764/645764094.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336446.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645534/645534603.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753335/753335729.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7698/769888/769888459.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753331/753331259.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645523/645523878.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645534/645534612.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645524/645524487.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6455/645523/645523788.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753333/753333227.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753331/753331520.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336089.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753336/753336587.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434363/1434363961.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7844/784499/784499277.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498485/1498485220.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434364/1434364186.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784435.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311607/311607157.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784447.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210390/1210390603.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391107.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210393/1210393054.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210390/1210390462.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391008.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391296.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391842.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210392/1210392643.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210392/1210392718.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210392/1210392871.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210393/1210393366.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391605.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210392/1210392586.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391443.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210391/1210391200.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210393/1210393156.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784081.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784333.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784348.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278784/1278784471.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7698/769877/769877866.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7533/753335/753335711.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278783/1278783865.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830212/830212442.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830212/830212559.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830213/830213690.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830213/830213702.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9721/972110/972110170.JPEG" data-image-gallery="galleryqueen-kapiolani-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="queen-kapiolani-hotel" > </div> <div class="absolute top-1.5 left-1.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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (3017)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="180624">Queen Kapiolani Hotel</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">150 Kapahulu Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Located near the stunning Kapiolani Park, the Queen Kapiolani Hotel is a fantastic family-friendly option that emphasizes outdoor adventures. Families can engage in various outdoor activities such as horseback riding on the beach or guided eco-tours offered in the nearby park. With easy access to Diamond Head Crater, families can enjoy hiking trails that provide a scenic view of the shoreline and surrounding area. The hotel's spacious rooms ensure that family members can relax comfortably after their adventures, while an inviting swimming pool provides space for relaxation. For families eager to explore the excitement that Hawaii has to offer, the Queen Kapiolani Hotel is unequivocally one of the best hotels in Honolulu for families. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">89US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="180624" > <span>Check rates</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 class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="beachfront-bliss-at-the-best-hotels-in-honolulu-for-families">Beachfront Bliss at the Best Hotels in Honolulu for Families</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to enjoying the sun and surf, there’s nothing quite like a beachfront hotel in Honolulu, making it an ideal choice for families looking to create lasting memories. These hotels offer easy access to beautiful beaches where children can play in the sand while parents relax in the sun. The best hotels in Honolulu for families not only provide stunning views but also a plethora of water activities that the whole family can enjoy. From snorkeling to paddle boarding, the beachfront locations create an exciting atmosphere for family adventures. Additionally, many of these hotels boast family-friendly pools and dining options that cater to younger guests. Below are some exceptional beachfront properties that exemplify the best hotels in Honolulu for families.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hilton-waikiki-beach" data-id="873975" data-lat="21.27531" data-lng="-157.82213"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681183.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16016/1601681/1601681183.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019802.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019912.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019914.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019916.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019920.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681166.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681184.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681215.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681176.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019925.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019889.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019902.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019910.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019801.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019928.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069859.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374375.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681165.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681168.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681169.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681171.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681172.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681175.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681179.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670369.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019808.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980470.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15287/1528777/1528777105.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15287/1528777/1528777129.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15466/1546691/1546691728.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980305.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980368.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980248.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980611.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980272.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613667/1613667501.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613667/1613667508.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613667/1613667511.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613667/1613667514.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15001/1500144/1500144994.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15466/1546691/1546691641.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668383.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275669/1275669055.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980416.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374371.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374381.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374386.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374389.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980260.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019909.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668266.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670690.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275664/1275664654.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668104.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275667/1275667660.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275667/1275667831.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668341.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668821.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275669/1275669562.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275669/1275669661.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670594.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275669/1275669100.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980485.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275664/1275664942.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069891.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019923.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275667/1275667741.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980452.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019899.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275664/1275664132.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668866.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275665/1275665689.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275667/1275667963.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670207.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670642.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681197.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668425.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668044.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670513.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668491.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374380.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980428.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275669/1275669967.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374388.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670456.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670477.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980425.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668449.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374382.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551980/1551980446.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668749.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670012.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670057.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374372.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605374/1605374376.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601681/1601681170.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275668/1275668002.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622019/1622019915.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9721/972112/972112876.JPEG" data-image-gallery="galleryhilton-waikiki-beach" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hilton-waikiki-beach" > </div> <div class="absolute top-1.5 left-1.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> (713)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="41766">Hilton Waikiki Beach</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2500 Kuhio Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hilton Waikiki Beach is perfectly situated for families who want to dive into outdoor adventures while enjoying comfortable accommodations. This hotel provides access to some of the best snorkeling spots in Oahu within close proximity, making it an excellent home base for underwater exploration. Families can also take advantage of organized excursions like guided hiking tours, which offer breathtaking views and a chance to witness Hawaii's unique flora and fauna. After a day full of activities, families can return to the hotel pool or relaxing beachfront to unwind. Offering an adventurous spirit without compromising on comfort, the Hilton Waikiki Beach shines as one of the best hotels in Honolulu for families. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">111US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="41766" > <span>Check rates</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 class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="airport-honolulu-hotel" data-id="873979" data-lat="21.337138" data-lng="-157.91797"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591727.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12755/1275591/1275591727.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591778.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591886.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591940.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592000.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592084.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592123.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592234.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592342.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592390.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592435.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592480.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592564.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592645.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592750.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592792.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592927.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591613.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592603.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592183.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591673.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591832.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323555/1323555154.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323567/1323567232.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323557/1323557935.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323557/1323557899.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13121/1312104/1312104388.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13174/1317468/1317468460.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13174/1317471/1317471259.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13174/1317480/1317480202.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13174/1317490/1317490195.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13121/1312105/1312105558.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13174/1317468/1317468223.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12519/1251988/1251988192.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12520/1252023/1252023754.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323557/1323557029.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13121/1312108/1312108177.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11540/1154054/1154054676.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004015/1004015829.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6699/669983/669983229.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6699/669990/669990207.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13174/1317468/1317468517.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210324/1210324996.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210325/1210325344.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275592/1275592699.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210324/1210324855.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596000/1596000117.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210324/1210324285.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589266/1589266202.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589266/1589266216.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210325/1210325308.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4564/456443/456443388.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4564/456443/456443418.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4564/456443/456443406.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210326/1210326280.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311611/311611533.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11539/1153917/1153917381.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1029/102962/102962975.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11565/1156542/1156542576.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311611/311611549.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5882/588210/588210204.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4797/479741/479741481.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1029/102963/102963002.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4797/479740/479740428.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4797/479741/479741721.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1029/102962/102962987.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4797/479741/479741451.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11538/1153825/1153825386.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5559/555920/555920040.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5559/555919/555919953.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1029/102963/102963059.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4523/452377/452377725.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323567/1323567403.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5559/555919/555919926.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1029/102962/102962993.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1892/189254/189254006.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323557/1323557980.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6880/688084/688084023.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323557/1323557995.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5559/555919/555919878.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8389/838956/838956500.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8389/838956/838956833.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6880/688084/688084527.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2871/287183/287183244.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589266/1589266207.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210325/1210325038.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210324/1210324231.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210325/1210325989.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6880/688084/688084461.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210324/1210324051.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7941/794191/794191026.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7941/794191/794191074.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7941/794190/794190978.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11565/1156534/1156534518.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4523/452377/452377701.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10176/1017641/1017641686.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7941/794191/794191122.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6880/688083/688083132.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2443/244351/244351689.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/909/90993/90993884.JPEG" data-image-gallery="galleryairport-honolulu-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="airport-honolulu-hotel" > </div> <div class="absolute top-1.5 left-1.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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (3097)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="48448">Airport Honolulu Hotel</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">3401 North Nimitz Highway</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Airport Honolulu Hotel provides an affordable option for families looking to balance practicality with comfort. Because this hotel is designed for easy access to the airport, families can enjoy a hassle-free check-in and check-out experience. Rooms are spacious and well-appointed, featuring amenities that children will appreciate, such as swimming pools and easy access to outdoor spaces. Conveniently located near major attractions and local dining, families can still venture out to explore the beautiful city. The hotel also offers complimentary shuttle services to nearby areas, making excursions simple and stress-free. For budget-conscious families searching for beneficial amenities, the Airport Honolulu Hotel proves to be among the best hotels in Honolulu for families. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">119US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="48448" > <span>Check rates</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 class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="family-activities-galore-at-the-best-hotels-in-honolulu-for-families">Family Activities Galore at the Best Hotels in Honolulu for Families</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Not only do families want comfort in their accommodations, but they also seek hotels that offer a wealth of activities that keep children entertained and engaged. The best hotels in Honolulu for families provide a variety of recreational options right at their doorstep, from educational programs to exciting excursions. These hotels often feature children's clubs, which allow kids to participate in supervised activities while giving parents some relaxing time. From nature walks to cultural workshops, these options ensure that family members of all ages can make the most of their stay. Discover some hotels where the focus is on fun and adventure for the whole family.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="alohilani-resort-waikiki-beach" data-id="873980" data-lat="21.27466" data-lng="-157.82357"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275576/1275576478.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12755/1275576/1275576478.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/185/18506/18506544.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497596.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434498/1434498070.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275578/1275578515.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434496/1434496348.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434496/1434496282.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076423.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434494/1434494791.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275578/1275578395.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497884.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275578/1275578122.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894022/894022042.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894023/894023167.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894024/894024859.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894022/894022417.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894023/894023725.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497692.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696863/696863412.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696866/696866019.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577894.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6533/653309/653309574.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645766/645766314.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645766/645766662.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645767/645767148.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645775/645775020.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645766/645766308.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5204/520463/520463874.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434496/1434496519.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894021/894021757.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696865/696865641.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645767/645767058.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495793.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894021/894021235.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696865/696865647.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894021/894021232.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6537/653711/653711286.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434496/1434496399.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577744.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495310.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434494/1434494983.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495757.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434496/1434496612.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3203/320370/320370881.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577681.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434496/1434496441.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577489.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275576/1275576856.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696863/696863559.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275576/1275576442.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696863/696863427.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577600.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645774/645774768.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5204/520463/520463460.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275576/1275576334.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645767/645767154.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495253.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497356.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577153.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645764/645764226.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434494/1434494758.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497032.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275576/1275576886.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495520.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311618/311618889.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497095.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5204/520458/520458918.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495925.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577639.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497302.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495433.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13586/1358692/1358692301.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13586/1358692/1358692325.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938559/938559601.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434497/1434497566.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311618/311618869.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311618/311618873.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10176/1017645/1017645130.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577975.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938447/938447620.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8940/894022/894022045.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13586/1358692/1358692280.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495862.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4564/456444/456444579.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275576/1275576658.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6968/696865/696865629.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275577/1275577111.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645764/645764223.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6457/645764/645764220.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938447/938447404.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434495/1434495055.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13586/1358692/1358692292.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13586/1358692/1358692304.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503588/503588208.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503588/503588103.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6136/613656/613656430.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503588/503588172.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503588/503588193.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503588/503588217.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11089/1108953/1108953972.JPEG" data-image-gallery="galleryalohilani-resort-waikiki-beach" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="alohilani-resort-waikiki-beach" > </div> <div class="absolute top-1.5 left-1.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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (4159)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="58497">Alohilani Resort Waikiki Beach</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2490 Kalakaua Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The 'Alohilani Resort Waikiki Beach stands out not only for its luxurious amenities but also for its commitment to showcasing Hawaiian culture. This resort hosts a variety of cultural programs designed for families, allowing children to learn traditional Hawaiian crafts such as lei-making and painting. The hotel's unique Oceanarium features local marine life, which can engage kids while educating them about Hawaii's stunning underwater ecosystem. Families will find spacious accommodations that allow for a comfortable stay along with access to beach activities where they can practice their new skills. With its dedicated focus on Hawaiian culture and tradition, the 'Alohilani Resort is an excellent representation of the best hotels in Honolulu for families looking to enrich their family vacation with learning and fun. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">195US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="58497" > <span>Check rates</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 class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="waikiki-beach-marriott-resort-spa" data-id="873983" data-lat="21.27349" data-lng="-157.82251"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14990/1499033/1499033362.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14990/1499033/1499033362.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347434/1347434399.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608784/1608784989.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608784/1608784991.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608784/1608784996.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608784/1608784992.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600221/1600221559.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576714/1576714427.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576714/1576714430.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576714/1576714433.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576714/1576714439.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576714/1576714442.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576714/1576714448.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14990/1499033/1499033407.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030302.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030311.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030326.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030341.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030347.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030359.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030362.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030365.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030368.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030371.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030374.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030383.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030392.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030398.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030404.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030407.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030410.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030416.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030431.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030443.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030446.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030449.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030452.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030458.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030464.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030467.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030473.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030476.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030491.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030497.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030500.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030503.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030506.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030509.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030512.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030515.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030539.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030545.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030554.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030560.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030566.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030587.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030590.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030593.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030641.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030644.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030656.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030665.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030683.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030695.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030698.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030704.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030707.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030713.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030722.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030734.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030743.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030758.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030764.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030785.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030794.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030815.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030833.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030836.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030884.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030899.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517030/1517030923.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517031/1517031052.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15170/1517032/1517032183.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521701/1521701995.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702019.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702046.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702052.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702055.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702064.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702073.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702082.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702085.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702091.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702103.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702109.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702112.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702157.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702163.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15217/1521702/1521702223.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15240/1524051/1524051838.JPEG" data-image-gallery="gallerywaikiki-beach-marriott-resort-spa" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-beach-marriott-resort-spa" > </div> <div class="absolute top-1.5 left-1.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.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (565)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="236396">Waikiki Beach Marriott Resort & Spa</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2552 Kalakaua Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Waikiki Beach Marriott Resort & Spa provides a luxurious experience that the whole family can enjoy, reinforcing its reputation as one of the best hotels in Honolulu for families. Offering spacious accommodations with stunning views of the Pacific Ocean, this hotel ensures families have plenty of space to relax and unwind. The hotel's on-site spa provides opportunities for adults to pamper themselves while the kids enjoy the pool or beach activities nearby. With direct access to the beach, children can indulge in swimming, paddle boarding, and other fun water activities. Additionally, the hotel offers diverse dining options which include child-friendly menus, ensuring that everyone finds something they love. Elevating the family vacation experience with its luxurious yet comfortable atmosphere, the Waikiki Beach Marriott is perfect for families seeking the best of both worlds. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">144US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="236396" > <span>Check rates</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 class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="luxury-and-comfort-at-the-best-hotels-in-honolulu-for-families">Luxury and Comfort at the Best Hotels in Honolulu for Families</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For families who prefer a touch of luxury in their accommodations, Honolulu offers plenty of upscale options that still cater to younger guests. The best hotels in Honolulu for families also include luxurious resorts that provide spacious rooms, exquisite dining, and exceptional service tailored for families. Many of these properties include thrilling activities while ensuring that children feel welcomed with special amenities and programs. When seeking refined comfort along with family-oriented fun, consider these luxurious hotels that excel in blending elegance with family-friendly offerings.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hilton-hawaiian-village-waikiki-beach-resort" data-id="873984" data-lat="21.282866369903" data-lng="-157.83692836762"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866775.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15968/1596866/1596866775.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275510/1275510271.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622869/1622869598.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866781.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620981/1620981812.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985463.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270789.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270791.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270794.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270795.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270804.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270840.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620981/1620981810.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618270/1618270815.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613665/1613665766.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613665/1613665806.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613665/1613665808.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617458/1617458844.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652444.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616420/1616420563.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616420/1616420564.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617458/1617458838.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617458/1617458841.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617458/1617458842.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652435.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069523.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292843.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292847.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292848.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292850.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292859.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292861.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292864.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292865.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292866.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292867.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292868.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292855.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292857.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866767.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866768.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866770.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866772.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866773.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866776.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866777.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866778.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866780.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588067/1588067959.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588067/1588067988.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069194.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069221.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069239.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069245.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069251.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069252.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069253.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069254.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069270.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069283.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069288.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069295.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069313.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069323.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069335.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069350.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069351.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069354.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069391.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069410.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069348.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069384.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069390.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069403.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069240.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985352.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498865/1498865881.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498865/1498865944.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985526.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985598.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15261/1526139/1526139886.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15261/1526139/1526139889.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985115.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985340.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985346.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985385.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985418.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985433.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985439.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985457.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985499.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15479/1547985/1547985484.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275507/1275507049.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275510/1275510187.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275511/1275511594.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275508/1275508780.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275507/1275507823.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596866/1596866783.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588069/1588069238.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13108/1310840/1310840902.JPEG" data-image-gallery="galleryhilton-hawaiian-village-waikiki-beach-resort" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hilton-hawaiian-village-waikiki-beach-resort" > </div> <div class="absolute top-1.5 left-1.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.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (3311)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="28887">Hilton Hawaiian Village Waikiki Beach Resort</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2005 Kalia Road</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hilton Hawaiian Village Waikiki Beach Resort is a sprawling oasis that promises an unforgettable family vacation. This resort features a private stretch of beach, making it easy for families to spend days enjoying the sun and surf. With multiple pools, including a kid-friendly pool and a sandy lagoon, children can have fun while adults unwind in comfortable cabanas. The resort also boasts various on-site dining options, from casual eateries to fine dining, catering to every family's taste. Additionally, the resort offers numerous activities, including hula and lei-making classes, ensuring that your family learns about Hawaiian culture during your stay. This combination of fun, relaxation, and education solidifies its place among the best hotels in Honolulu for families. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">189US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="28887" > <span>Check rates</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 class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="castle-bamboo-waikiki-hotel" data-id="873989" data-lat="21.27694" data-lng="-157.82378"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706733/706733101.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7067/706733/706733101.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954381.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954383.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954386.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954413.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954423.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954426.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954427.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954454.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954456.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954459.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954489.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954399.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954429.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954463.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954465.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9690/969030/969030829.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9690/969031/969031183.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954467.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954462.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6424/642480/642480393.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7278/727883/727883917.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591325.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7278/727883/727883590.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434526/1434526471.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434526/1434526720.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434526/1434526312.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1186/118644/118644121.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1186/118644/118644175.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210320/1210320979.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321156.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321279.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210322/1210322089.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210320/1210320310.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321588.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434526/1434526498.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591292.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954451.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321501.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321423.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954391.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434528/1434528064.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434528/1434528274.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210323/1210323550.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321324.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210322/1210322032.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942279/942279754.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942279/942279940.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942280/942280075.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591367.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591505.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591571.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591259.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275591/1275591445.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10176/1017644/1017644866.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6424/642492/642492939.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580390/1580390157.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210321/1210321021.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938555/938555263.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938555/938555335.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938555/938555431.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938555/938555170.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503581/503581665.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503581/503581677.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3091/309153/309153573.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3091/309153/309153589.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3091/309153/309153581.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9617/961791/961791574.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9617/961791/961791571.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6101/610145/610145304.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466292/466292745.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706733/706733263.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466292/466292520.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706734/706734070.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1209/120986/120986115.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1209/120986/120986094.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3091/309153/309153597.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503581/503581686.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1050/105023/105023177.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/886/88666/88666379.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706734/706734358.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706733/706733908.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706734/706734493.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706734/706734277.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954402.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954452.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706733/706733695.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1050/105023/105023183.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954466.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14345/1434526/1434526585.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942279/942279856.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3034/303484/303484944.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706733/706733173.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954397.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954394.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954387.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7067/706734/706734577.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602954/1602954455.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210322/1210322500.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/513/51308/51308902.JPEG" data-image-gallery="gallerycastle-bamboo-waikiki-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="castle-bamboo-waikiki-hotel" > </div> <div class="absolute top-1.5 left-1.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.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (397)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="76717">Castle Bamboo Waikiki Hotel</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2425 Kuhio Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Castle Bamboo Waikiki Hotel combines affordability with a distinctive Hawaiian vibe, aligning perfectly with the best hotels in Honolulu for families. This hotel features family-friendly accommodations with spacious suites designed to comfortably host larger families. Located just a short walk from Waikiki Beach, guests can easily enjoy sun-filled days on the sand or partake in various water sports. The hotel's welcoming atmosphere and friendly service make it an inviting spot for families seeking a homey feel during vacation. Additionally, on-site amenities like a swimming pool and barbecue grill facilities facilitate enjoyable family afternoons at the hotel. This budget-friendly option offers plenty of value while maintaining the spirit of Aloha, making it a wonderful choice for your family getaway in Honolulu. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">104US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="76717" > <span>Check rates</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 class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-friendly-options-at-the-best-hotels-in-honolulu-for-families">Budget-Friendly Options at the Best Hotels in Honolulu for Families</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with a family can often mean budgeting wisely, but that doesn’t mean compromising quality and enjoyment during your stay. Fortunately, Honolulu is home to several budget-friendly hotels that still provide exceptional value and family-friendly amenities. The best hotels in Honolulu for families also include affordable options with convenient locations, allowing for easy access to major attractions without breaking the bank. These properties often feature essential amenities helping ensure that families have everything they need for a fun and comfortable vacation. Here are some budget-conscious hotels that remain committed to family enjoyment and comfort.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="waikiki-gateway-hotel" data-id="873991" data-lat="21.28323" data-lng="-157.83132"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720983/720983659.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7209/720983/720983659.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720982/720982933.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984085.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720983/720983701.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984274.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984445.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467722.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467782.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467965.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720982/720982969.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984166.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984109.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720982/720982939.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720983/720983251.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984067.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984010.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4031/403154/403154427.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467944.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467929.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434482/1434482719.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434481/1434481174.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434481/1434481210.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434481/1434481960.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434481/1434481996.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434484/1434484774.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483484.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483730.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434484/1434484747.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434485/1434485017.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483862.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434480/1434480991.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275673/1275673147.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434482/1434482449.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3392/339285/339285784.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483760.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227174/1227174404.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483811.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467914.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720983/720983203.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434482/1434482776.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483991.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275670/1275670069.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984091.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434481/1434481156.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434484/1434484330.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434485/1434485293.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488869.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467935.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3267/326779/326779972.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434485/1434485263.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434484/1434484966.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434482/1434482989.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984454.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11919/1191967/1191967660.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434487/1434487906.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488602.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227174/1227174077.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434484/1434484270.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488668.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434487/1434487615.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434487/1434487837.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488122.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488413.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488581.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488851.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275672/1275672718.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275673/1275673117.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227175/1227175070.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275673/1275673177.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275672/1275672589.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275672/1275672445.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275672/1275672694.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275672/1275672244.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004098/1004098521.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004098/1004098611.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004098/1004098701.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227174/1227174731.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488698.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227176/1227176231.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434484/1434484015.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483355.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434487/1434487381.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720983/720983350.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275672/1275672877.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434485/1434485071.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227175/1227175982.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7209/720984/720984523.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004098/1004098797.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503591/503591643.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503591/503591700.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434480/1434480904.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11919/1191967/1191967561.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004098/1004098431.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12756/1275673/1275673024.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5035/503591/503591709.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12271/1227176/1227176471.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434488/1434488374.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4044/404467/404467950.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14344/1434483/1434483466.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2976/297678/297678184.JPEG" data-image-gallery="gallerywaikiki-gateway-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="waikiki-gateway-hotel" > </div> <div class="absolute top-1.5 left-1.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> (1222)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="56857">Waikiki Gateway Hotel</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2070 Kalakaua Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Waikiki Gateway Hotel positions itself as a budget-friendly alternative for families seeking quality accommodations in Honolulu. Families can enjoy spacious rooms equipped with kitchenettes, offering convenience for meal prep during the stay. The hotel's location allows easy access to local attractions, beaches, and shopping venues, making it a great base for your family's Hawaiian adventures. The outdoor pool caters to children while providing ample space for families to relax together. Guests appreciate the friendly staff and supportive hospitality that make their stay even more enjoyable. With its affordable rates and close proximity to everything Honolulu has to offer, Waikiki Gateway Hotel aligns perfectly with the best hotels in Honolulu for families. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">74US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="56857" > <span>Check rates</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 class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="outrigger-reef-waikiki-beach-resort" data-id="873998" data-lat="21.27877" data-lng="-157.83242"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3115/311597/311597389.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/3115/311597/311597389.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345764/1345764719.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13426/1342616/1342616978.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345760/1345760492.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345760/1345760561.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345760/1345760576.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762175.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762355.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762376.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762439.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762448.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762910.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762940.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762952.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762970.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345763/1345763003.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345763/1345763021.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765067.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765112.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765340.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765700.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765808.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765826.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345775/1345775693.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345775/1345775720.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345776/1345776605.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345776/1345776923.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345776/1345776992.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777001.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777010.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777016.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777028.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777037.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777100.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345779/1345779926.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345780/1345780748.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345780/1345780763.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345794/1345794581.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795007.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795037.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795064.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795097.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795136.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795178.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795202.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795244.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345795/1345795277.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345796/1345796015.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345796/1345796579.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345797/1345797977.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345809/1345809965.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345809/1345809983.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345810/1345810004.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345810/1345810496.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811180.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811198.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811207.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811273.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811291.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811381.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811453.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811498.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811537.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811552.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345811/1345811663.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345812/1345812077.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345812/1345812122.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345817/1345817276.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345828/1345828139.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345828/1345828178.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345828/1345828298.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829081.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829093.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829228.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829246.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829336.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829354.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829384.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829435.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829504.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829714.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829729.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345829/1345829738.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345831/1345831817.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345832/1345832738.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345832/1345832756.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13483/1348353/1348353284.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345763/1345763120.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345765/1345765100.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345777/1345777082.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345794/1345794245.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345796/1345796003.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345796/1345796498.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13458/1345828/1345828247.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345760/1345760528.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345762/1345762367.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345764/1345764704.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345776/1345776980.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13457/1345794/1345794224.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13115/1311516/1311516055.JPEG" data-image-gallery="galleryoutrigger-reef-waikiki-beach-resort" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="outrigger-reef-waikiki-beach-resort" > </div> <div class="absolute top-1.5 left-1.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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1001)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="505682">Outrigger Reef Waikiki Beach Resort</h3> <div class="flex items-center gap-1"> <svg class="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 items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 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-normal">2169 Kalia Road</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Outrigger Reef Waikiki Beach Resort is a fantastic choice for families seeking a blend of relaxation and adventure, bolstering its reputation as one of the best hotels in Honolulu for families. Families can enjoy direct beach access, making it easy for kids to play while parents soak up the sun. The hotel also offers a range of cultural experiences, including Hawaiian music and hula shows, immersing families in vibrant local culture. Spacious rooms with ocean views ensure comfort and relaxation after a day of exploring. The resort features a family-friendly restaurant where children can enjoy special menus tailored for them. With a focus on creating memorable family experiences, the Outrigger Reef is a premier choice for vacationers in Honolulu. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">179US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="505682" > <span>Check rates</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> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/las-vegas-family-hotels">Las Vegas</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/key-west-family-hotels">Key West</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/palm-springs-family-hotels">Palm Springs</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/san-diego-family-hotels">San Diego</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/new-york-family-hotels">New York</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/los-angeles-family-hotels">Los Angeles</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/destin-family-hotels">Destin</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chicago-family-hotels">Chicago</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/nashville-family-hotels">Nashville</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/seattle-family-hotels">Seattle</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/key-largo-family-hotels">Key Largo</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/orlando-family-hotels">Orlando</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/london-family-hotels">London</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/rome-family-hotels">Rome</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carcassonne-family-hotels">Carcassonne</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/punta-cana-family-hotels">Punta Cana</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/paris-family-hotels">Paris</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/cancun-family-hotels">Cancun</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/tokyo-family-hotels">Tokyo</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-family-hotels">Barcelona</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/amsterdam-family-hotels">Amsterdam</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/bangkok-family-hotels">Bangkok</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/dublin-family-hotels">Dublin</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/venice-family-hotels">Venice</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-pearl-harbor-national-memorial">Pearl Harbor National Memorial</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-uss-arizona-memorial">USS Arizona Memorial</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-diamond-head-leahi">Diamond Head (Leahi)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-hawaii-pacific-university">Hawaii Pacific University</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-neal-s-blaisdell-center">Neal S. Blaisdell Center</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-kapiolani-park">Kapiolani Park</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-iolani-palace">Iolani Palace</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-aloha-stadium">Aloha Stadium</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-ala-moana-center">Ala Moana Center</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-near-sea-life-park-hawaii">Sea Life Park Hawaii</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-kahala">Kahala</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-hotels-downtown-honolulu">Downtown Honolulu</a> </div> </div> </div> </div> </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 Honolulu</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> </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/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Honolulu</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-resorts">hawaii all inclusive resorts honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-motels">motels honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-hotels">honolulu hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-hostels">hostels in honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-beach-hotels">honolulu hotels on the beach</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-pet-friendly-hotels">pet friendly hotels in honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-spa-hotels">spa hotels in honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-cheap-hotels">cheapest hotel in honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-romantic-hotels">romantic hotels honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-hotels-with-pool">honolulu hotels with pools</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/en-us/honolulu-boutique-hotels">boutique hotels honolulu</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-hotels-near-hnl">honolulu airport hotel</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/honolulu-5-star-hotels">5 star hotels in honolulu</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 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"zf13NCy3w4GEaf1X"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20030916","dest_name":"Honolulu","city_id":18726,"pid":454319,"page":"post","bid":"20030916"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.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-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.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" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.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="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-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/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

Where to Stay in Honolulu with Kids: Top 10 Family Hotels