Hanoi 5 Star Hotels: 11 Best Deals for Luxury Stays

<!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="Hanoi is a city that beautifully blends rich history with modern charm. With its bustling streets, captivating architecture, and world-renowned cuisine,"> <title>Hanoi 5 Star Hotels: 11 Best Deals for Luxury Stays</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/hanoi-5-star-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Hanoi 5 Star Hotels: 11 Best Deals for Luxury Stays" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/hanoi-5-star-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/hanoi-5-star-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/hanoi-5-star-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-ChUUBcCU.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-ChUUBcCU.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "112US$", "address": { "@type": "PostalAddress", "streetAddress": "54 Lieu Giai Street" }, "name": "Lotte Hotel Hanoi" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "153US$", "address": { "@type": "PostalAddress", "streetAddress": "136 Hang Trong" }, "name": "Apricot Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "109US$", "address": { "@type": "PostalAddress", "streetAddress": "K5 Nghi Tam, 11 Xuan Dieu Road" }, "name": "Sheraton Hanoi Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "120US$", "address": { "@type": "PostalAddress", "streetAddress": "05 Tu Hoa,Tay Ho" }, "name": "Intercontinental Hanoi Westlake, An IHG Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "126US$", "address": { "@type": "PostalAddress", "streetAddress": "44B Ly Thuong Kiet Street" }, "name": "Melia Hanoi" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "141US$", "address": { "@type": "PostalAddress", "streetAddress": "29 Trang Tien Street" }, "name": "Hotel De L'Opera Hanoi" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "92US$", "address": { "@type": "PostalAddress", "streetAddress": "10B Dang Thai Mai Street" }, "name": "Elegant Suites Westlake" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "190US$", "address": { "@type": "PostalAddress", "streetAddress": "92 & 94 Hang Trong Street" }, "name": "The Oriental Jade Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "197US$", "address": { "@type": "PostalAddress", "streetAddress": "No 8 Do Duc Duc Road, Me Tri Ward, South Tu Liem District" }, "name": "JW Marriott Hotel Hanoi" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "165US$", "address": { "@type": "PostalAddress", "streetAddress": "33 Duong Thanh" }, "name": "Peridot Grand Luxury Boutique Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "315US$", "address": { "@type": "PostalAddress", "streetAddress": "15 Ngo Quyen Street" }, "name": "Sofitel Legend Metropole Hanoi" } ] } </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/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/gb/hanoi-5-star-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/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/au/hanoi-5-star-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> </div> </div> </div> </div> </div> </div> </div> </header> <main class="trawell-post"> <div class="relative mb-8 z-[1] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-[#141312] after:opacity-40 after:z-[-1] md:mb-36"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1080x700/21.JPEG" media="(min-width: 767px)"> <img class="absolute top-0 left-0 w-full h-full object-cover z-[-2]" width="100%" height="100%" src="https://images.touristvr.com/data/images/city/450x450/21.JPEG" alt=""/> </picture> <div class="relative flex flex-col items-center justify-center h-[540px] md:items-start"> <h1 class="text-6xl text-white font-bold px-5 mb-5 md:text-4xl">Hanoi 5 Star Hotels</h1> <div class="absolute bottom-16 px-5 w-full md:bottom-[-100px] md:px-0"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-2 md:w-[calc(100%-40px)]"> <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">Hanoi</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"> Dec 05, 2024 - Dec 06, 2024 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-600 text-white w-[150px] px-8 flex-shrink-0 h-14 md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Search <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 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/vietnam-hotels/'>Vietnam 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">Hanoi 5 Star Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10 js-clk-open" data-type="filters"> <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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Up to 100$</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">$100 - 200</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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; } </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="hanoi-hotel" data-bhotel-id="hanoi-hotel" data-lat="21.027636" data-lng="105.821898" data-price = "36US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16191/1619166/1619166122.jpeg" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (40)</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/hanoi-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">Hanoi 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">36US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="184515" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="lotte-hotel-hanoi" data-bhotel-id="lotte-hotel-hanoi" data-lat="21.03195" data-lng="105.8127" data-price = "112US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11182/1118240/1118240550.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (81)</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/lotte-hotel-hanoi" 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">Lotte Hotel Hanoi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">112US$</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="1093646" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="jm-marvel-hotel-spa" data-bhotel-id="jm-marvel-hotel-spa" data-lat="21.0309906005859" data-lng="105.8466796875" data-price = "111US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/8047/804740/804740577.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (116)</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/jm-marvel-hotel-spa-hanoi" 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">Jm Marvel Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">111US$</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="3066066" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="jw-marriott-hotel-hanoi" data-bhotel-id="jw-marriott-hotel-hanoi" data-lat="21.007711" data-lng="105.78248" data-price = "197US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15409/1540991/1540991539.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (27)</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/jw-marriott-hotel-hanoi" 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">Jw Marriott Hotel Hanoi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.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 ">197US$</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="696696" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sheraton-hanoi-west" data-bhotel-id="sheraton-hanoi-west" data-lat="21.027401" data-lng="105.76754" data-price = "136US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12035/1203582/1203582496.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (23)</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/sheraton-hanoi-west-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">Sheraton Hanoi West</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">4.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 ">136US$</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="299326" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-royal-palace-hotel-2" data-bhotel-id="hanoi-royal-palace-hotel-2" data-lat="21.02997" data-lng="105.84671" data-price = "12US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5153/515308/515308902.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (187)</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/hanoi-royal-palace-hotel-2" 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">Hanoi Royal Palace Hotel 2</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">12US$</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="677895" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-media-hotel-spa" data-bhotel-id="hanoi-media-hotel-spa" data-lat="21.03188204593688" data-lng="105.85396244662705" data-price = "76US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10923/1092327/1092327030.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (347)</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/hanoi-media-hotel-spa" 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">Hanoi Media Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">76US$</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="338801" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="oriental-suites-hotel-spa" data-bhotel-id="oriental-suites-hotel-spa" data-lat="21.033202" data-lng="105.851069" data-price = "72US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15430/1543034/1543034371.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (191)</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/oriental-suites-hotel-spa-hanoi" 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">Oriental Suites Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">72US$</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="71603" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="dolce-by-wyndham-hanoi-golden-lake" data-bhotel-id="dolce-by-wyndham-hanoi-golden-lake" data-lat="21.029226" data-lng="105.821144" data-price = "91US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12957/1295719/1295719591.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (30)</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/dolce-by-wyndham-hanoi-golden-lake-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">Dolce By Wyndham Hanoi Golden Lake</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">91US$</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="6739744" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-amber-hotel" data-bhotel-id="hanoi-amber-hotel" data-lat="21.03533015" data-lng="105.85229516" data-price = "19US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7895/789572/789572280.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (275)</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/hanoi-amber-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">Hanoi Amber 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">19US$</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="275284" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ogallery-premier-hotel-spa" data-bhotel-id="ogallery-premier-hotel-spa" data-lat="21.02949" data-lng="105.84552" data-price = "125US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4334/433455/433455813.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/o-gallery-premier-hotel-spa-hanoi" 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">O'Gallery Premier Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">125US$</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="1810527" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-tirant-hotel" data-bhotel-id="hanoi-tirant-hotel" data-lat="21.03313" data-lng="105.85233" data-price = "75US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16247/1624756/1624756309.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (252)</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/hanoi-tirant-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">Hanoi Tirant 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">75US$</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="281696" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="dragon-pearl-hotel" data-bhotel-id="dragon-pearl-hotel" data-lat="21.03991" data-lng="105.8455" data-price = "19US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13703/1370367/1370367629.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (228)</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/dragon-pearl-hotel-hanoi" 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">Dragon Pearl 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">19US$</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="308730" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="conifer-boutique-hotel" data-bhotel-id="conifer-boutique-hotel" data-lat="21.02522" data-lng="105.85725" data-price = "81US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12777/1277719/1277719918.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/conifer-boutique-hotel-hanoi" 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">Conifer Boutique 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">81US$</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="244323" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-sky-hotel" data-bhotel-id="hanoi-sky-hotel" data-lat="21.0288484963849" data-lng="105.843221265012" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16191/1619176/1619176911.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (134)</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/hanoi-sky-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">Hanoi Sky 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">67US$</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="362430" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoian-central-hotel-spa" data-bhotel-id="hanoian-central-hotel-spa" data-lat="21.03755" data-lng="105.847095" data-price = "54US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15891/1589155/1589155080.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (228)</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/hanoian-central-hotel-spa" 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">Hanoian Central Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">54US$</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="360644" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="grande-collection-hotel-spa" data-bhotel-id="grande-collection-hotel-spa" data-lat="21.03466" data-lng="105.84751" data-price = "64US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9428/942883/942883666.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/grande-collection-hotel-spa-hanoi" 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">Grande Collection Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">64US$</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="300447" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="golden-rooster-hotel" data-bhotel-id="golden-rooster-hotel" data-lat="21.03585" data-lng="105.84714" data-price = "89US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6953/695372/695372931.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (200)</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/golden-rooster-hotel-hanoi" 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">Golden Rooster 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="2914849" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="grand-plaza-hanoi-hotel" data-bhotel-id="grand-plaza-hanoi-hotel" data-lat="21.00836" data-lng="105.79704" data-price = "96US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15433/1543351/1543351231.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (15)</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/grand-plaza-hanoi-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">Grand Plaza Hanoi 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">96US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="292225" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-marvellous-hotel-spa" data-bhotel-id="hanoi-marvellous-hotel-spa" data-lat="21.03116" data-lng="105.84718" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11270/1127085/1127085726.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (178)</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/hanoi-marvellous-hotel-spa" 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">Hanoi Marvellous Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</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="330129" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="luxury-old-quarter-hotel-gym" data-bhotel-id="luxury-old-quarter-hotel-gym" data-lat="21.03383" data-lng="105.84858" data-price = "35US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7151/715110/715110082.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (151)</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/luxury-old-quarter-hotel-gym-hanoi" 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">Luxury Old Quarter Hotel & Gym</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">35US$</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="2115208" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="queen-light-hotel" data-bhotel-id="queen-light-hotel" data-lat="21.034309387207" data-lng="105.847717285156" data-price = "9US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7156/715695/715695604.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (169)</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/queen-light-hotel-hanoi" 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 Light 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">9US$</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="2073025" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-du-parc-hanoi" data-bhotel-id="hotel-du-parc-hanoi" data-lat="21.01778521" data-lng="105.8419865" data-price = "76US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12779/1277923/1277923093.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (34)</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-du-parc-hanoi" 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 Du Parc Hanoi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76US$</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="184538" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="conifer-grand-hotel" data-bhotel-id="conifer-grand-hotel" data-lat="21.02876" data-lng="105.84818" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12221/1222188/1222188535.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (83)</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/conifer-grand-hotel-hanoi" 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">Conifer Grand 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</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="2954523" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-chi-boutique-hotel" data-bhotel-id="the-chi-boutique-hotel" data-lat="21.0283908843994" data-lng="105.849761962891" data-price = "43US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12837/1283709/1283709106.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (73)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-chi-boutique-hotel-hanoi" 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 Chi Boutique 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">43US$</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="1927870" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-ann-hanoi-hotel-spa" data-bhotel-id="the-ann-hanoi-hotel-spa" data-lat="21.015974" data-lng="105.857788" data-price = "68US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14993/1499326/1499326759.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (41)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-ann-hanoi-hotel-spa" 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 Ann Hanoi Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">68US$</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="1337736" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="bespoke-trendy-hotel-hanoi" data-bhotel-id="bespoke-trendy-hotel-hanoi" data-lat="21.03212" data-lng="105.84582" data-price = "215US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4346/434643/434643474.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (115)</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/bespoke-trendy-hotel-hanoi" 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">Bespoke Trendy Hotel Hanoi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">215US$</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="1352029" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-luxury-hotel" data-bhotel-id="hanoi-luxury-hotel" data-lat="21.029706" data-lng="105.848047" data-price = "41US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7734/773492/773492506.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (26)</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/hanoi-luxury-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">Hanoi Luxury 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">41US$</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="413519" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="splendid-holiday-hotel-spa" data-bhotel-id="splendid-holiday-hotel-spa" data-lat="21.0291013953816" data-lng="105.848582983017" data-price = "62US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4401/440147/440147583.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/splendid-holiday-hotel-spa-hanoi" 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">Splendid Holiday Hotel 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62US$</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="11596433" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-emerald-waters-hotel-spa" data-bhotel-id="hanoi-emerald-waters-hotel-spa" data-lat="21.03134" data-lng="105.85512" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5260/526009/526009767.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (102)</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/hanoi-emerald-waters-hotel-spa" 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">Hanoi Emerald Waters Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">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="1742647" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="blue-hanoi-inn-hotel" data-bhotel-id="blue-hanoi-inn-hotel" data-lat="21.03032" data-lng="105.84838" data-price = "24US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6783/678377/678377556.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (222)</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/blue-hanoi-inn-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">Blue Hanoi Inn 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">24US$</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="457134" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-eternity-hotel" data-bhotel-id="hanoi-eternity-hotel" data-lat="21.023149" data-lng="105.843515" data-price = "27US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13201/1320127/1320127522.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/hanoi-eternity-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">Hanoi Eternity 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">27US$</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="242288" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-light-hotel" data-bhotel-id="the-light-hotel" data-lat="21.02963" data-lng="105.84575" data-price = "61US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15846/1584697/1584697024.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (202)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-light-hotel-hanoi" 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 Light 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">61US$</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="2020163" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="aurora-premium-a-lifestyle-hotel" data-bhotel-id="aurora-premium-a-lifestyle-hotel" data-lat="21.032334" data-lng="105.853857" data-price = "73US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13136/1313685/1313685550.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (92)</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/aurora-premium-a-lifestyle-hotel-hanoi" 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">Aurora Premium - A Lifestyle 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">73US$</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="5174629" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="centre-point-hanoi-hotel" data-bhotel-id="centre-point-hanoi-hotel" data-lat="21.03143" data-lng="105.85045" data-price = "41US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15524/1552426/1552426528.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (187)</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/centre-point-hanoi-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">Centre Point Hanoi 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">41US$</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="1480854" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="san-grand-hotel-spa" data-bhotel-id="san-grand-hotel-spa" data-lat="21.03270172" data-lng="105.8529244" data-price = "64US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12600/1260035/1260035101.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (165)</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/san-grand-hotel-spa-hanoi" 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">San Grand Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">64US$</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="4332506" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="spoon-hotel" data-bhotel-id="spoon-hotel" data-lat="21.03141" data-lng="105.84537" data-price = "28US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5101/510193/510193155.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (366)</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/spoon-hotel-hanoi" 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">Spoon 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">28US$</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="362433" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-aria-central-hotel-spa" data-bhotel-id="hanoi-aria-central-hotel-spa" data-lat="21.02681" data-lng="105.84154" data-price = "57US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15896/1589631/1589631683.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (129)</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/hanoi-aria-central-hotel-spa" 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">Hanoi Aria Central Hotel & 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">57US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4501948" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="discovery-hotel" data-bhotel-id="discovery-hotel" data-lat="21.03475" data-lng="105.85268" data-price = "24US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10046/1004699/1004699589.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (24)</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/discovery-hotel-hanoi" 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">Discovery 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">1</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">24US$</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="3091178" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="matilda-boutique-hotel-spa" data-bhotel-id="matilda-boutique-hotel-spa" data-lat="21.0345993041992" data-lng="105.85343170166" data-price = "21US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16188/1618822/1618822797.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/matilda-boutique-hotel-spa-hanoi" 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">Matilda Boutique Hotel & 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">21US$</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="247595" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="golden-art-hotel" data-bhotel-id="golden-art-hotel" data-lat="21.03513" data-lng="105.84784" data-price = "47US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7042/704286/704286793.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (189)</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/golden-art-hotel-hanoi" 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">Golden Art 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">47US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="442619" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="babylon-premium-hotel-spa" data-bhotel-id="babylon-premium-hotel-spa" data-lat="21.032266" data-lng="105.848598" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16197/1619794/1619794681.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/babylon-premium-hotel-spa-hanoi" 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">Babylon Premium Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5174005" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="la-beaute-de-hanoi-hotel" data-bhotel-id="la-beaute-de-hanoi-hotel" data-lat="21.0335" data-lng="105.85257" data-price = "42US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4184/418455/418455021.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (150)</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/la-beaute-de-hanoi-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">La Beaute De Hanoi 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">42US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1005271" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="golden-lotus-hotel-spa" data-bhotel-id="golden-lotus-hotel-spa" data-lat="21.03377" data-lng="105.85331" data-price = "26US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6830/683000/683000358.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (148)</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/golden-lotus-hotel-spa-hanoi" 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">Golden Lotus Hotel & 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">26US$</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="247587" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-stella-hotel" data-bhotel-id="hanoi-stella-hotel" data-lat="21.032" data-lng="105.85553" data-price = "26US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/8288/828880/828880655.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (131)</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/hanoi-stella-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">Hanoi Stella 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">26US$</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="2508137" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-la-cascada-house-travel" data-bhotel-id="hanoi-la-cascada-house-travel" data-lat="21.039522" data-lng="105.849095" data-price = "27US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13272/1327250/1327250432.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (127)</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/hanoi-la-cascada-house-travel-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">Hanoi La Cascada House & Travel</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">27US$</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="5461991" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="intercontinental-hanoi-landmark72-an-ihg-hotel" data-bhotel-id="intercontinental-hanoi-landmark72-an-ihg-hotel" data-lat="21.016914" data-lng="105.784172" data-price = "216US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15194/1519411/1519411348.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (30)</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/intercontinental-hanoi-landmark72-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Intercontinental Hanoi Landmark72, 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">216US$</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="2672294" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="imperial-hotel-spa" data-bhotel-id="imperial-hotel-spa" data-lat="21.031218" data-lng="105.850006" data-price = "47US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9256/925685/925685602.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (118)</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/imperial-hotel-spa-hanoi" 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">Imperial Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">47US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="238147" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="elite-central-hotel-hanoi" data-bhotel-id="elite-central-hotel-hanoi" data-lat="21.03531" data-lng="105.85248" data-price = "33US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13482/1348227/1348227239.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (338)</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/elite-central-hotel-hanoi" 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">Elite Central Hotel Hanoi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">33US$</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="260400" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="oakwood-residence-hanoi" data-bhotel-id="oakwood-residence-hanoi" data-lat="21.062578" data-lng="105.825638" data-price = "90US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15847/1584770/1584770887.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (7)</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/oakwood-residence-hanoi" 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">Oakwood Residence Hanoi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="5169041" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="libra-hotel-residence" data-bhotel-id="libra-hotel-residence" data-lat="21.03223" data-lng="105.78696" data-price = "32US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16192/1619227/1619227458.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (41)</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/libra-hotel-residence-hanoi" 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">Libra Hotel Residence</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">32US$</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="5073238" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="s-central-hotel-and-spa" data-bhotel-id="s-central-hotel-and-spa" data-lat="21.02909" data-lng="105.84856" data-price = "41US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12222/1222238/1222238179.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (87)</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/s-central-hotel-and-spa-hanoi" 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">S Central Hotel And 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">41US$</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="4091447" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hanoi-elpis-grand-hotel" data-bhotel-id="hanoi-elpis-grand-hotel" data-lat="21.03166" data-lng="105.85554" data-price = "24US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15894/1589414/1589414104.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (22)</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/hanoi-elpis-grand-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">Hanoi Elpis Grand 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">24US$</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="5414679" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="splendid-star-grand-hotel-and-spa" data-bhotel-id="splendid-star-grand-hotel-and-spa" data-lat="21.0287758" data-lng="105.8485835" data-price = "61US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14406/1440695/1440695620.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (235)</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/splendid-star-grand-hotel-and-spa-hanoi" 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">Splendid Star Grand Hotel And 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">61US$</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="498154" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mercure-hanoi-la-gare-hotel" data-bhotel-id="mercure-hanoi-la-gare-hotel" data-lat="21.02609" data-lng="105.84165" data-price = "46US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12777/1277770/1277770213.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (73)</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/mercure-hanoi-la-gare-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">Mercure Hanoi La Gare 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">46US$</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="184526" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="acoustic-hotel-spa" data-bhotel-id="acoustic-hotel-spa" data-lat="21.027695" data-lng="105.844548" data-price = "33US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7918/791821/791821815.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/acoustic-hotel-spa-hanoi" 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">Acoustic Hotel & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">33US$</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="4438946" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="london-hanoi-hotel" data-bhotel-id="london-hanoi-hotel" data-lat="21.0334" data-lng="105.79171" data-price = "37US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12836/1283630/1283630821.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> 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/us/london-hanoi-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">London Hanoi 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="1916473" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cristina-boutique-hotel" data-bhotel-id="cristina-boutique-hotel" data-lat="21.03492" data-lng="105.8541" data-price = "31US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12947/1294782/1294782535.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/cristina-boutique-hotel-hanoi" 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">Cristina Boutique 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">31US$</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="9043521" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mk-premier-boutique-hotel" data-bhotel-id="mk-premier-boutique-hotel" data-lat="21.0357093811035" data-lng="105.851188659668" data-price = "39US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13815/1381570/1381570733.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (167)</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/mk-premier-boutique-hotel-hanoi" 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">Mk Premier Boutique 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39US$</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="1603281" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="luxury-backpakers-hotel" data-bhotel-id="luxury-backpakers-hotel" data-lat="21.02937" data-lng="105.84813" data-price = "56US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7235/723514/723514396.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (56)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/luxury-backpakers-hotel-hanoi" 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">Luxury Backpakers 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56US$</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="272545" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } </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.03195" data-lng="105.8127"></div> </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>Hanoi is a city that beautifully blends rich history with modern charm. With its bustling streets, captivating architecture, and world-renowned cuisine, it's no wonder that travelers flock to this cultural gem. To enhance your visit, choosing the right accommodation is key, and the city's splendid array of 5 star hotels in Hanoi offers luxury and comfort that perfectly complement your exploration.</p><p>Each 5 star hotel in Hanoi provides an oasis of elegance, ensuring you unwind after a day of sightseeing. From opulent spas to exquisite dining options featuring local and international cuisine, these hotels cater to the discerning traveler seeking both relaxation and adventure. Many properties are strategically located near iconic landmarks such as the Hoan Kiem Lake and the Old Quarter, allowing you to easily immerse yourself in the local culture.</p><p>As you embark on your journey, consider the unique amenities and experiences each of these luxurious hotels offers. Whether you're drawn to stunning rooftop bars with panoramic views of the city or lavish suites designed for ultimate comfort, Hanoi's 5 star hotels promise an unforgettable stay. Indulging in this level of hospitality not only elevates your visit but also provides a true taste of the Vietnamese spirit of warmth and generosity.</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-699260" data-langcode="en" data-bcity-id="-3714993" data-city-name="Hanoi" > <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>Booking Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#lotte-hotel-hanoi" class="js-clk-open" data-type="table" data-bhotel-id="1093646" data-open-once data-open-passive>Lotte Hotel Hanoi</a> </td> <td> <p> 9.0 / 10 </p> <p> (1019 Reviews)</p> </td> <td> <span>From 112US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1093646">Check Price</button> </td> </tr> <tr> <td> <a href="#apricot-hotel" class="js-clk-open" data-type="table" data-bhotel-id="1199533" data-open-once data-open-passive>Apricot Hotel</a> </td> <td> <p> 8.6 / 10 </p> <p> (272 Reviews)</p> </td> <td> <span>From 153US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1199533">Check Price</button> </td> </tr> <tr> <td> <a href="#sheraton-hanoi-hotel" class="js-clk-open" data-type="table" data-bhotel-id="380767" data-open-once data-open-passive>Sheraton Hanoi Hotel</a> </td> <td> <p> 8.4 / 10 </p> <p> (116 Reviews)</p> </td> <td> <span>From 109US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="380767">Check Price</button> </td> </tr> <tr> <td> <a href="#intercontinental-hanoi-westlake-an-ihg-hotel" class="js-clk-open" data-type="table" data-bhotel-id="71181" data-open-once data-open-passive>Intercontinental Hanoi Westlake, An IHG Hotel</a> </td> <td> <p> 8.5 / 10 </p> <p> (692 Reviews)</p> </td> <td> <span>From 120US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="71181">Check Price</button> </td> </tr> <tr> <td> <a href="#melia-hanoi" class="js-clk-open" data-type="table" data-bhotel-id="71048" data-open-once data-open-passive>Melia Hanoi</a> </td> <td> <p> 8.8 / 10 </p> <p> (897 Reviews)</p> </td> <td> <span>From 126US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="71048">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="lotte-hotel-hanoi" data-id="1302213" data-lat="21.03195" data-lng="105.8127"> <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/11182/1118240/1118240550.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11182/1118240/1118240550.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189340/1189340785.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190980/1190980183.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190985/1190985001.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189340/1189340194.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190980/1190980111.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190980/1190980903.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190981/1190981104.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190981/1190981815.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190982/1190982265.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190982/1190982352.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190984/1190984860.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190986/1190986498.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190986/1190986546.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190986/1190986780.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987215.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987473.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987599.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987857.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190988/1190988754.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190988/1190988880.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190988/1190988970.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11847/1184742/1184742233.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189343/1189343167.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189344/1189344406.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190986/1190986876.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190986/1190986903.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190986/1190986597.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189344/1189344721.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190981/1190981398.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987974.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190984/1190984806.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190985/1190985748.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12001/1200198/1200198961.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12002/1200208/1200208948.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189344/1189344799.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190990/1190990020.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190981/1190981116.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190980/1190980918.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190979/1190979292.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190982/1190982163.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987869.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190989/1190989159.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189344/1189344817.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987026.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190988/1190988001.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190982/1190982328.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190982/1190982964.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190981/1190981674.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190982/1190982496.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190985/1190985979.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816891/816891479.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441157/1441157209.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190979/1190979712.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441159/1441159975.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190983/1190983228.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441159/1441159543.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589177/1589177916.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190983/1190983495.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441157/1441157449.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441162/1441162246.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441165/1441165075.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441166/1441166095.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441166/1441166497.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441160/1441160833.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589177/1589177890.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441162/1441162042.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12133/1213362/1213362019.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12133/1213362/1213362265.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12133/1213364/1213364323.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441157/1441157677.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942285/942285277.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942285/942285349.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942285/942285820.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14411/1441157/1441157743.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10174/1017462/1017462805.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189340/1189340203.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942285/942285508.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942284/942284842.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5321/532158/532158537.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7262/726291/726291217.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12133/1213362/1213362493.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12133/1213362/1213362676.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190987/1190987449.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589177/1589177886.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515328/515328573.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515328/515328645.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515328/515328669.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12133/1213361/1213361947.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942284/942284632.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11909/1190980/1190980585.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4895/489595/489595542.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515328/515328567.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3918/391830/391830798.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4895/489595/489595554.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515328/515328639.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3416/341677/341677420.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3416/341677/341677435.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3416/341677/341677456.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1678/167876/167876208.JPEG" data-image-gallery="gallerylotte-hotel-hanoi" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="lotte-hotel-hanoi" > </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"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1019)</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="1093646">Lotte Hotel Hanoi</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">54 Lieu Giai Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Lotte Hotel Hanoi is a sanctuary for wellness enthusiasts among the 5 star hotels in Hanoi, offering a luxurious spa that focuses on serene and restorative treatments. The hotel's spa features an impressive range of services, including massages, facials, and beauty treatments designed to provide a comprehensive relaxation experience. Guests can also engage in wellness activities, such as yoga and fitness programs that enhance overall health during their stay. With its beautiful design, which incorporates tranquil elements, the spa creates an inviting atmosphere where guests can unwind. Lotte Hotel's focus on wellness complements its luxurious accommodations, making it a top choice for those prioritizing relaxation. This fusion of luxury and wellness creates an inviting haven for visitors to escape and rejuvenate. </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">112US$</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="1093646" > <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="apricot-hotel" data-id="1302214" data-lat="21.027978" data-lng="105.851227"> <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/6820/682086/682086735.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6820/682086/682086735.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863267.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15486/1548663/1548663259.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15486/1548663/1548663283.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15486/1548663/1548663304.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15486/1548663/1548663382.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574774/1574774573.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574774/1574774579.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574774/1574774585.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15473/1547301/1547301058.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865805.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15486/1548663/1548663277.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12878/1287805/1287805315.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10226/1022659/1022659480.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12878/1287801/1287801739.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4188/418872/418872252.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862985.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877407.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877410.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877419.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877422.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877428.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877449.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1889/188921/188921207.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1889/188921/188921237.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1889/188935/188935715.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1982/198296/198296782.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1908/190888/190888366.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1963/196330/196330186.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1908/190892/190892158.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1908/190892/190892164.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877074.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865205.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865574.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10226/1022657/1022657497.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865496.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864278.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864245.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862106.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862127.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862193.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864323.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864365.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863987.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588212/1588212187.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1888/188877/188877455.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865139.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865994.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865163.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1889/188921/188921198.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865532.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1258/125890/125890209.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1258/125890/125890176.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862085.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862787.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863885.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862163.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863426.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1908/190892/190892152.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15473/1547301/1547301136.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865253.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10041/1004145/1004145621.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864425.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864692.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863939.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864197.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864533.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1183/118397/118397158.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862922.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863858.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863753.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865088.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277865/1277865016.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277862/1277862865.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1889/188953/188953004.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863513.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864392.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233064.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233067.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233079.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7746/774675/774675724.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233097.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233106.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233109.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233094.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515319/515319684.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515319/515319690.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863969.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7746/774675/774675697.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587105/587105583.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587105/587105619.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587105/587105718.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515319/515319654.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277863/1277863447.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277864/1277864509.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233073.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233055.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587106/587106054.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3418/341883/341883937.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="apricot-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240233/1240233103.JPEG" data-image-gallery="galleryapricot-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="apricot-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.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (272)</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="1199533">Apricot 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">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">136 Hang Trong</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Apricot Hotel is a showcase of artistic flair and cultural sophistication among the 5 star hotels in Hanoi. This hotel features a stunning art gallery, displaying various works from local artists, serving as a visual tribute to Vietnam's vibrant creative scene. Its beautifully appointed rooms offer a perfect blend of contemporary comfort and traditional Vietnamese design, enhancing the guest experience through luxurious touches. Situated along the iconic Hoan Kiem Lake, Apricot Hotel provides not only scenic views but also easy access to many historic sites and attractions. With its exceptional dining options and dedicated service, the hotel ensures that guests enjoy a memorable stay. Experience Hanoi’s rich culture while wrapped in luxury at this remarkable establishment. </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">153US$</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="1199533" > <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="historical-elegance-in-5-star-hotels-hanoi">Historical Elegance in 5 Star Hotels Hanoi</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to enjoying a taste of Vietnam’s rich heritage, the historical elegance of certain 5 star hotels in Hanoi stands out. These hotels are not just places to rest; they encapsulate the essence of Hanoi’s culture, architecture, and history. Guests can appreciate the unique blend of traditional and modern design while discovering how many of these establishments have been preserved to honor their historical significance. Staying in these hotels provides a deeper understanding of the city's past and an exquisite experience of luxury. From colonial-style venues to modern masterpieces infused with local charm, each offers a unique connection to Hanoi's storied heritage. Here are three exceptional recommendations that embody this theme .</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="sheraton-hanoi-hotel" data-id="1302223" data-lat="21.05953" data-lng="105.83171"> <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/15222/1522238/1522238194.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15222/1522238/1522238194.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16153/1615389/1615389821.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967992.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15222/1522238/1522238131.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15222/1522238/1522238134.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546990/1546990141.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15589/1558914/1558914628.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546990/1546990171.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592894/1592894012.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15589/1558914/1558914565.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14019/1401948/1401948773.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14019/1401954/1401954065.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405441/1405441544.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405441/1405441583.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405441/1405441661.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405441/1405441685.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405472/1405472282.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405472/1405472300.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405474/1405474619.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405474/1405474649.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405474/1405474673.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405483/1405483331.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405483/1405483421.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405483/1405483463.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405498/1405498658.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405498/1405498808.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405472/1405472126.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405472/1405472174.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405474/1405474523.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14140/1414035/1414035980.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967991.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592894/1592894013.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008935.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010996.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278011/1278011146.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009544.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008374.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278011/1278011119.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405498/1405498640.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008989.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967987.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405472/1405472186.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405474/1405474487.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405474/1405474598.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405441/1405441673.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405472/1405472108.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14140/1414049/1414049027.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278011/1278011041.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405498/1405498754.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14019/1401945/1401945860.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14019/1401950/1401950810.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405483/1405483496.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14054/1405498/1405498688.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008884.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009112.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009259.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009604.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010903.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278011/1278011026.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008521.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009427.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008473.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010213.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010816.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009454.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008410.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009142.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009223.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010306.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010435.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010741.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010975.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278011/1278011065.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008608.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010012.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008698.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009772.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008581.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009826.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008752.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009985.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4564/456459/456459312.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009643.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010195.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009904.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6798/679834/679834221.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008545.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7020/702093/702093295.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010168.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008440.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008836.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10868/1086833/1086833563.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10868/1086833/1086833611.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009400.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010729.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278010/1278010708.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009022.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278008/1278008899.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12780/1278009/1278009364.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085441/1085441311.JPEG" data-image-gallery="gallerysheraton-hanoi-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-hanoi-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.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (116)</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="380767">Sheraton Hanoi 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">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">K5 Nghi Tam, 11 Xuan Dieu Road</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Sheraton Hanoi Hotel is beautifully situated along the shores of the picturesque Hoan Kiem Lake, providing a serene escape from the city buzz. As one of the premier 5 star hotels in Hanoi, it offers rooms that blend contemporary design with natural aesthetics, inviting guests to unwind comfortably. The extensive grounds include lush gardens where guests can stroll or enjoy a quiet moment surrounded by greenery. Guests are treated to an array of dining experiences that feature fresh, regional ingredients, enhancing their connection to Vietnam’s culinary heritage. Additionally, the hotel’s wellness center offers rejuvenating therapies that align with the natural beauty of its surroundings. This harmonious blend of luxury and nature makes Sheraton Hanoi Hotel a perfect sanctuary for travelers. </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">109US$</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="380767" > <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="intercontinental-hanoi-westlake-an-ihg-hotel" data-id="1302230" data-lat="21.05856336" data-lng="105.831888"> <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/13318/1331855/1331855948.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13318/1331855/1331855948.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725591.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725666.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723794.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723980.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725204.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724421.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725528.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725342.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724859.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724721.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724544.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724670.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724613.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724232.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725009.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725156.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723887.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580146/1580146854.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580146/1580146733.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723206.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724034.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724136.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722996.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722753.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723308.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723941.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724334.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723497.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277721/1277721367.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277721/1277721652.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722507.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722669.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722888.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723257.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723365.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723683.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723839.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724163.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724478.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724916.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725048.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725111.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723638.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725300.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516581/1516581100.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580146/1580146744.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580146/1580146747.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580146/1580146748.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516580/1516580926.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537496/1537496557.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15712/1571275/1571275169.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15427/1542798/1542798292.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15554/1555490/1555490320.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15399/1539956/1539956794.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722795.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608290/1608290460.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596014/1596014282.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277722/1277722831.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277725/1277725264.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277724/1277724808.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723050.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277723/1277723590.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334148/1334148965.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13336/1333687/1333687469.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13336/1333683/1333683872.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13336/1333683/1333683902.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13336/1333684/1333684397.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13336/1333684/1333684097.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13336/1333684/1333684439.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13403/1340368/1340368760.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12636/1263614/1263614848.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516581/1516581082.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123744/1123744230.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11569/1156973/1156973748.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11236/1123699/1123699293.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123734/1123734828.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11236/1123686/1123686345.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123734/1123734939.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122248/1122248691.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11236/1123686/1123686927.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123744/1123744143.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122253/1122253758.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122253/1122253575.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123713/1123713531.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122252/1122252165.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122253/1122253776.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122256/1122256266.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122261/1122261933.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122259/1122259317.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123741/1123741134.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122259/1122259860.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11236/1123699/1123699803.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123734/1123734858.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10808/1080863/1080863362.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122252/1122252084.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11222/1122252/1122252399.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123735/1123735836.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11237/1123713/1123713507.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9880/988038/988038028.JPEG" data-image-gallery="galleryintercontinental-hanoi-westlake-an-ihg-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-hanoi-westlake-an-ihg-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.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (692)</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="71181">Intercontinental Hanoi Westlake, An IHG 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">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">05 Tu Hoa,Tay Ho</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Overlooking the beautiful West Lake, Intercontinental Hanoi Westlake stands out among the 5 star hotels in Hanoi for its breathtaking natural setting. The hotel boasts spacious, elegantly designed rooms that each provide stunning views of the lake, creating a tranquil ambiance for guests. A variety of dining options are available, featuring both local and international cuisines, allowing guests to enjoy a culinary journey while immersed in stunning views. Guests can unwind at the infinity pool that sits right by the lakeside, offering an idyllic spot for relaxation and rejuvenation. Its dedicated spa services add to the hotel’s wellness offerings, ensuring a holistic experience during your stay. This hotel exemplifies the perfect retreat for both relaxation and celebration of nature. </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">120US$</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="71181" > <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="modern-luxury-in-5-star-hotels-hanoi">Modern Luxury in 5 Star Hotels Hanoi</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">In the ever-evolving landscape of Hanoi, modern luxury encapsulates a unique hospitality experience that impresses discerning travelers. These 5 star hotels in Hanoi represent contemporary design, innovative services, and a focus on guest comfort, providing an array of luxurious offerings. From spacious, technologically equipped rooms to vibrant social spaces, these hotels redefine luxury in the very heart of the city. They combine the traditional Vietnamese hospitality with modern amenities to create environments where guests can relax and rejuvenate. A stay in these hotels will offer a fresh perspective of Hanoi, showcasing the city’s drive towards modernity while still retaining its age-old charm. Here are three standout selections that embody modern luxury .</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="melia-hanoi" data-id="1302231" data-lat="21.02438" data-lng="105.84791"> <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/15163/1516312/1516312888.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15163/1516312/1516312888.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314538.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574678/1574678441.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063708.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314391.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314448.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314568.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314670.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516312/1516312945.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314430.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314472.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314484.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314190.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314349.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314403.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314409.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314541.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600555/1600555692.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314373.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314496.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314505.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314553.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440176/1440176236.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440159/1440159769.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314265.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314202.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063738.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574678/1574678420.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516312/1516312969.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314277.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371251/1371251927.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371239/1371239690.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371247/1371247238.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371247/1371247247.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371249/1371249989.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371250/1371250007.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371251/1371251945.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371254/1371254060.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371254/1371254078.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363861/1363861331.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868135.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13640/1364042/1364042933.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600555/1600555691.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063744.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063766.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063789.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440171/1440171271.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440172/1440172111.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371239/1371239723.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314394.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277855/1277855539.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440164/1440164131.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440164/1440164389.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314457.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314424.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440176/1440176491.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440167/1440167011.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063770.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440170/1440170293.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440176/1440176716.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440165/1440165889.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440164/1440164926.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440175/1440175225.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440176/1440176137.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063718.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440165/1440165385.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277857/1277857537.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440175/1440175942.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277857/1277857792.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440174/1440174904.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440161/1440161824.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277856/1277856328.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277857/1277857111.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440166/1440166234.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314325.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277856/1277856574.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440163/1440163846.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440167/1440167998.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440172/1440172546.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440175/1440175132.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2146/214604/214604510.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277855/1277855035.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596142/1596142346.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277855/1277855080.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277855/1277855011.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440162/1440162853.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277854/1277854978.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371249/1371249956.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440160/1440160567.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440160/1440160846.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440161/1440161131.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440169/1440169540.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596143/1596143021.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596143/1596143166.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596142/1596142923.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440162/1440162928.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12778/1277855/1277855158.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440168/1440168553.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516312/1516312891.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300620/1300620823.JPEG" data-image-gallery="gallerymelia-hanoi" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="melia-hanoi" > </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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (897)</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="71048">Melia Hanoi</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">44B Ly Thuong Kiet Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Melia Hanoi is a perfect choice for families seeking luxury and comfort among the 5 star hotels in Hanoi. The hotel offers spacious family rooms that come equipped with convenient amenities, allowing parents to relax while their children have room to play. Dedicated to family-oriented experiences, the hotel also features a variety of exciting activities such as guided tours tailored for families, making exploration easy and engaging for children. Guests can enjoy kid-friendly dining options on-site as well as a swimming pool that is perfect for family fun. With an excellent location close to local attractions, families love the ease of access to explore Hanoi together. Melia Hanoi's blend of comfort and thoughtful services ensures an enjoyable experience for families visiting the city. </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">126US$</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="71048" > <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="hotel-de-lopera-hanoi" data-id="1302260" data-lat="21.024565" data-lng="105.85562"> <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/6794/679476/679476972.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6794/679476/679476972.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616883/1616883237.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616883/1616883243.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542664/1542664960.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542665/1542665035.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542665/1542665047.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542665/1542665050.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542665/1542665056.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15440/1544001/1544001508.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875761.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875698.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875710.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875713.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875731.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15496/1549678/1549678141.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15496/1549678/1549678441.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563305/1563305206.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15712/1571295/1571295230.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15712/1571295/1571295233.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15496/1549678/1549678279.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15496/1549678/1549678372.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542664/1542664936.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542664/1542664954.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875692.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875701.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15496/1549678/1549678474.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592890/1592890151.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15440/1544001/1544001532.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440184/1440184630.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440186/1440186154.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440186/1440186376.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440186/1440186709.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440187/1440187279.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440187/1440187696.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440187/1440187924.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440188/1440188167.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440188/1440188422.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440188/1440188551.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440188/1440188929.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440189/1440189733.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440190/1440190981.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440191/1440191383.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440191/1440191620.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440192/1440192277.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440192/1440192787.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440193/1440193387.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440193/1440193894.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440194/1440194104.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440194/1440194605.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440194/1440194857.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440195/1440195088.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7287/728731/728731186.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7287/728733/728733106.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15496/1549678/1549678501.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440184/1440184078.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440189/1440189241.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2491/249103/249103649.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2491/249103/249103753.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2403/240328/240328653.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2403/240328/240328757.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2403/240328/240328769.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2403/240328/240328885.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2403/240328/240328941.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1294/129488/129488097.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440192/1440192034.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7287/728731/728731657.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440193/1440193147.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440194/1440194353.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875722.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15712/1571295/1571295224.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15428/1542875/1542875752.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440192/1440192535.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1803/180396/180396333.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440184/1440184213.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440186/1440186565.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440187/1440187402.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440191/1440191290.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5203/520326/520326708.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277771/1277771287.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277771/1277771536.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277772/1277772106.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9920/992047/992047162.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14646/1464676/1464676174.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14646/1464676/1464676180.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14646/1464676/1464676186.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14646/1464676/1464676192.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14401/1440193/1440193054.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515324/515324961.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515324/515324967.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5153/515325/515325063.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14646/1464676/1464676195.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4560/456072/456072462.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3913/391337/391337516.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10777/1077744/1077744697.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10777/1077744/1077744721.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3414/341420/341420260.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3414/341420/341420272.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2614/261426/261426913.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1309/130924/130924763.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9661/966199/966199561.JPEG" data-image-gallery="galleryhotel-de-lopera-hanoi" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-de-lopera-hanoi" > </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> (240)</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="273931">Hotel De L'Opera Hanoi</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">29 Trang Tien Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> A luxurious property that exudes opulence, Hotel De L'Opera Hanoi - Mgallery is a beacon among 5 star hotels in Hanoi. This hotel is known for its striking architecture that pays homage to the French colonial era while offering modern amenities and service. Guests can savor exquisite dishes at its on-site restaurant, indulging in traditional Vietnamese cuisine crafted with contemporary flair. The hotel's luxurious rooms are elegantly designed, providing a sense of grandeur and comfort that ensures a restful stay. It is within walking distance of the iconic Hanoi Opera House and other cultural landmarks, making it an ideal choice for those wishing to explore the city. The perfect blend of sophistication and history awaits guests who choose this fantastic hotel. </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">141US$</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="273931" > <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="nature-inspired-5-star-hotels-hanoi">Nature-Inspired 5 Star Hotels Hanoi</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Finding tranquility amidst the urban hustle can be a challenge, yet numerous 5 star hotels in Hanoi provide serene escapes anchored in nature. These hotels are designed to enhance the natural beauty surrounding them, from stunning views of lakes to lush gardens that offer a sense of peacefulness. Many of these accommodations integrate natural elements into their designs, creating soothing environments where guests can relax and meditate. These hotels emphasize wellness, providing holistic services that reconnect you with nature without compromising on luxury. The blend of nature and modern hospitality creates a rejuvenating experience for travelers seeking both relaxation and exploration. Here are three enchanting hotels that harmoniously marry luxury with nature .</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="elegant-suites-westlake" data-id="1302274" data-lat="21.062206" data-lng="105.824739"> <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/8280/828056/828056540.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/8280/828056/828056540.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586049.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586418.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586676.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586778.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586901.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586574.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586325.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586229.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586499.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589172/1589172680.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586988.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283585/1283585101.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10917/1091719/1091719005.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10917/1091719/1091719622.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922155.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922497.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922542.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922575.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922593.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922638.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922905.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922554.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7362/736285/736285036.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7362/736287/736287748.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4195/419542/419542869.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3988/398824/398824026.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586115.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9988/998875/998875017.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2534/253453/253453337.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2534/253454/253454793.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283586/1283586160.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2266/226647/226647821.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1157/115726/115726907.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14552/1455299/1455299605.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283587/1283587078.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14552/1455299/1455299356.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4440/444026/444026286.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14553/1455300/1455300619.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14552/1455299/1455299935.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222204/1222204432.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7362/736284/736284901.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222205/1222205941.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222206/1222206214.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222206/1222206754.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222207/1222207510.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222205/1222205707.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2677/267754/267754601.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222206/1222206670.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055094.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055775.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055700.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055226.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055253.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055499.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055520.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056141.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056162.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056279.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055121.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055361.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055472.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055727.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055751.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055829.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055874.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055904.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056063.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056234.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056444.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056498.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056519.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2534/253453/253453293.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222205/1222205350.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7989/798922/798922098.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055571.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056024.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056372.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14553/1455302/1455302953.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055340.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222204/1222204996.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283584/1283584654.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055448.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055850.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222207/1222207651.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055181.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056321.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12222/1222207/1222207714.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056084.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283584/1283584606.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14553/1455304/1455304765.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055238.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055646.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056531.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055322.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828055/828055202.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8280/828056/828056348.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12835/1283585/1283585038.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7734/773437/773437876.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3577/357719/357719602.JPEG" data-image-gallery="galleryelegant-suites-westlake" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="elegant-suites-westlake" > </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> (621)</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="1123472">Elegant Suites Westlake</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">10B Dang Thai Mai Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Elegant Suites Westlake embodies serenity and comfort, setting the stage for a tranquil escape among the 5 star hotels in Hanoi. Located near the West Lake, this hotel offers modern, well-appointed suites designed for both relaxation and functionality, perfect for both short and extended stays. The surrounding area boasts picturesque parks and walkways, encouraging guests to explore nature right at their doorstep. At the hotel, a commitment to guest satisfaction is further amplified by personalized service and a focus on individual needs. Each suite is equipped with upscale amenities, ensuring a luxurious and comfortable experience for visitors. With its exquisite ambiance and beautiful surroundings, Elegant Suites Westlake provides an alluring destination for relaxation and exploration. </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">92US$</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="1123472" > <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="the-oriental-jade-hotel" data-id="1302275" data-lat="21.029572496439" data-lng="105.85025435582"> <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/15392/1539277/1539277471.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15392/1539277/1539277471.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930587.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14996/1499633/1499633203.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977331.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977346.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977487.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977742.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977856.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977958.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978129.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978159.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978228.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978360.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14995/1499596/1499596432.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14995/1499596/1499596441.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14996/1499633/1499633269.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977409.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977427.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977550.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977577.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977733.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977736.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977844.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978219.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278512.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278566.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278608.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553926/1553926681.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553928/1553928304.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553928/1553928319.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930179.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930200.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930218.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930221.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930311.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14996/1499633/1499633386.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553926/1553926594.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978483.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553926/1553926771.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977334.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977376.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221510.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14995/1499596/1499596372.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14995/1499596/1499596438.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14996/1499633/1499633206.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221531.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221522.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221504.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278671.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977559.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977712.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14996/1499633/1499633227.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977358.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977700.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278551.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278554.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278581.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553928/1553928385.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15539/1553930/1553930128.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221507.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221513.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977433.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12607/1260774/1260774532.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977820.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977316.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15671/1567165/1567165379.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14177/1417777/1417777314.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14177/1417777/1417777368.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977694.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501978/1501978078.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977685.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977922.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278521.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9290/929030/929030734.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9290/929030/929030788.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9290/929031/929031211.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9290/929031/929031244.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9290/929032/929032351.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9406/940675/940675060.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9406/940677/940677868.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9119/911985/911985877.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9119/911985/911985676.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9133/913371/913371076.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9119/911983/911983915.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9119/911985/911985223.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9119/911985/911985844.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9121/912119/912119647.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9136/913639/913639921.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9136/913639/913639993.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9136/913640/913640122.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14996/1499633/1499633215.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15692/1569221/1569221534.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15392/1539278/1539278515.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977415.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977706.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15019/1501977/1501977835.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14177/1417756/1417756932.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15904/1590412/1590412232.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14178/1417816/1417816110.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7815/781593/781593624.JPEG" data-image-gallery="gallerythe-oriental-jade-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-oriental-jade-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"> 9.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (3081)</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="4857532">The Oriental Jade 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">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">92 & 94 Hang Trong Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Oriental Jade Hotel is a magnificent addition to the luxe fabric of 5 star hotels in Hanoi. Nestled conveniently in the very heart of the Old Quarter, it boasts sumptuous rooms that offer breathtaking views of Hoan Kiem Lake and the city. Guests can indulge in fine dining at their rooftop restaurant, which serves a fusion of Vietnamese and international cuisines, creating a sumptuous culinary experience. The hotel’s elegant blending of contemporary and traditional Vietnamese décor enhances the cultural ambiance, making every guest feel at home. Its state-of-the-art spa facilities promise relaxation and rejuvenation after a day of exploring. This hotel perfectly aligns with the charm and character that define the luxurious spirit of Hanoi. </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">190US$</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="4857532" > <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="boutique-charm-in-5-star-hotels-hanoi">Boutique Charm in 5 Star Hotels Hanoi</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Boutique hotels offer unique charm and personalized experiences that are distinct from traditional large hotels, making them a preferred choice for many travelers visiting Hanoi. Among the 5 star hotels in Hanoi, these boutique accommodations highlight individuality, offering customized services, vibrant decor, and a deep connection to the local culture. Each hotel showcases its personality through artistic designs, local craftsmanship, and intimate atmospheres that make every stay memorable. With an emphasis on personalized service, these hotels create lasting experiences that go beyond mere accommodation. Travelers can expect to find a sense of home away from home that showcases the cultural richness of Hanoi. Here are three boutique hotels that exemplify this heartwarming experience .</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="jw-marriott-hotel-hanoi" data-id="1302284" data-lat="21.007711" data-lng="105.78248"> <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/15409/1540991/1540991539.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15409/1540991/1540991539.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327110.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327112.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327113.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327114.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327115.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327116.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327117.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327119.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327121.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327122.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327123.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327124.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327126.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327127.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327129.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609327/1609327130.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600238/1600238448.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15319/1531997/1531997875.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15319/1531997/1531997947.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15319/1531997/1531997971.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534017/1534017220.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534017/1534017277.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536280/1536280738.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536280/1536280771.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536280/1536280795.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536280/1536280801.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536280/1536280864.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536280/1536280981.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536281/1536281020.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15362/1536281/1536281059.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546290/1546290928.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546290/1546290937.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546290/1546290949.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546290/1546290952.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546290/1546290985.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149000.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149006.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149042.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149072.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149090.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149096.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149108.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149114.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149150.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15471/1547149/1547149240.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15501/1550120/1550120998.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233474.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233534.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233540.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233558.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233579.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233645.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233687.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15502/1550233/1550233705.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550882/1550882896.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550882/1550882989.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333001.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333046.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333049.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333052.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333055.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333061.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333064.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333070.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333079.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333082.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333085.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333088.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333091.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333094.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333097.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333100.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333103.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333106.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333112.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333115.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333118.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333121.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333124.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333127.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333133.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333136.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333142.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333148.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333151.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333154.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333169.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333175.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333181.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333184.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333193.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333196.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333202.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333208.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333214.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333223.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333232.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333244.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15633/1563333/1563333388.JPEG" data-image-gallery="galleryjw-marriott-hotel-hanoi" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="jw-marriott-hotel-hanoi" > </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"> 9.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (224)</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="696696">JW Marriott Hotel Hanoi</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">No 8 Do Duc Duc Road, Me Tri Ward, South Tu Liem District</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> JW Marriott Hotel Hanoi is not just a symbol of modern luxury but also a culinary destination among the 5 star hotels in Hanoi. The hotel boasts award-winning restaurants that offer diverse culinary experiences, from authentic Vietnamese specialties to international cuisine prepared by top chefs. Guests can participate in cooking classes that give insights into Vietnamese flavors, enhancing their connection to the local culture. With its stylish atmosphere and exquisite dishes, dining at JW Marriott is both an elegant and immersive experience. Each meal focuses on high-quality ingredients, making it a favorite among food lovers. The hotel's commitment to culinary excellence ensures a memorable gastronomic journey. </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">197US$</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="696696" > <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="peridot-grand-luxury-boutique-hotel" data-id="1302294" data-lat="21.033082" data-lng="105.846272"> <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/12262/1226229/1226229554.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12262/1226229/1226229554.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605221/1605221009.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605220/1605220963.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605221/1605221003.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605221/1605221014.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16077/1607720/1607720626.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605221/1605221007.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15635/1563505/1563505438.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15635/1563505/1563505450.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15635/1563505/1563505459.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15635/1563505/1563505471.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15635/1563505/1563505456.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14210/1421025/1421025546.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14210/1421025/1421025795.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306421/1306421920.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306416/1306416250.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306416/1306416655.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306420/1306420153.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306421/1306421653.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306421/1306421014.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306419/1306419715.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12893/1289337/1289337373.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294103/1294103323.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306420/1306420411.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306420/1306420441.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306426/1306426111.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605221/1605221010.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306426/1306426069.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12385/1238528/1238528395.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306419/1306419673.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306416/1306416667.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226229/1226229542.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231402.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226210/1226210819.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226210/1226210840.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226210/1226210855.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226226/1226226452.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226226/1226226521.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226226/1226226542.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227640.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227649.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227724.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227733.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227766.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227775.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226229/1226229413.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226229/1226229482.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226229/1226229491.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226229/1226229503.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226229/1226229509.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231228.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231294.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231306.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231333.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231354.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226226/1226226314.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226227/1226227745.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226211/1226211047.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306419/1306419727.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306415/1306415797.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231312.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226210/1226210879.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12247/1224775/1224775808.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226210/1226210831.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226226/1226226473.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10254/1025447/1025447179.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10254/1025448/1025448922.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10262/1026239/1026239653.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10262/1026259/1026259618.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14210/1421031/1421031654.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975260/975260131.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9786/978637/978637654.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9786/978637/978637684.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9786/978640/978640768.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9786/978664/978664564.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257476.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257593.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257695.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975258/975258859.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975259/975259975.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975260/975260056.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975262/975262078.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975262/975262093.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257461.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9786/978637/978637459.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257398.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975262/975262213.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306426/1306426033.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306420/1306420981.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16077/1607720/1607720632.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306420/1306420066.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231342.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606622/1606622894.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13064/1306420/1306420129.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226231/1226231456.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12326/1232697/1232697116.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257383.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975262/975262243.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12262/1226226/1226226749.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9752/975257/975257665.JPEG" data-image-gallery="galleryperidot-grand-luxury-boutique-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="peridot-grand-luxury-boutique-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"> 9.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (3374)</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="6105345">Peridot Grand Luxury Boutique 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">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">33 Duong Thanh</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Peridot Grand Luxury Boutique Hotel enchants guests with its charming environment and unparalleled service, standing out amid the 5 star hotels in Hanoi. This hotel combines modern luxury with Vietnamese culture, showcasing exquisite design elements inspired by local art and craftsmanship. Rooms are thoughtfully appointed to provide a cozy yet sophisticated atmosphere, offering a perfect retreat after a day of exploration. Dining options range from local dishes to international fare, allowing guests to experience authentic flavors. With a focus on personalization, the hotel staff are dedicated to curating a unique experience for each guest. Peridot’s boutique charm and attention to detail make for an unforgettable stay in the heart of Hanoi. </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">165US$</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="6105345" > <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-friendly-5-star-hotels-hanoi">Family-Friendly 5 Star Hotels Hanoi</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family offers delightful opportunities for bonding, and choosing the right accommodation is essential for a pleasant experience. The family-friendly 5 star hotels in Hanoi are adept at catering to guests of all ages, providing amenities and services designed to engage and entertain. From spacious rooms to kid-friendly dining options, these hotels create an environment where families can relax and enjoy quality time together. Many also offer unique activities and excursions tailored for families, allowing for memorable adventures in and around the city. A stay here ensures that every family member, from parents to children, experiences a comfortable and enjoyable stay. Here are three family-oriented hotels that exemplify this welcoming atmosphere .</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="sofitel-legend-metropole-hanoi" data-id="1302295" data-lat="21.02558634" data-lng="105.8560181"> <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/16220/1622005/1622005739.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16220/1622005/1622005739.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277734/1277734807.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277733/1277733925.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277733/1277733637.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277735/1277735563.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277734/1277734180.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277734/1277734453.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16191/1619166/1619166295.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005449.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005651.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005654.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005657.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005671.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005681.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005689.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005706.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005710.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005712.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005725.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005738.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607656/1607656206.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600212/1600212820.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600212/1600212822.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600212/1600212837.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214244.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214262.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214306.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557577.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557581.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557582.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557583.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557584.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557587.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600557/1600557586.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516313/1516313188.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516313/1516313209.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314517.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314598.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314646.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314664.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314673.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314679.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314691.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314703.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314706.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314754.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314784.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314787.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314829.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314835.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314859.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314868.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314871.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314880.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314889.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314892.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314916.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314964.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314973.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314985.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516315/1516315024.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516315/1516315039.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516315/1516315045.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516315/1516315075.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516313/1516313017.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314433.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314460.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314487.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314550.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277735/1277735131.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314583.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10988/1098867/1098867504.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10988/1098848/1098848769.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314796.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314805.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314988.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005648.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005672.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277734/1277734402.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314574.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314625.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10988/1098855/1098855591.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607656/1607656215.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314694.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314652.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277733/1277733970.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277735/1277735008.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277733/1277733820.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314556.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314940.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516315/1516315036.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314613.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622005/1622005704.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314862.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516315/1516315018.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516314/1516314523.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13279/1327920/1327920989.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13279/1327921/1327921946.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13279/1327923/1327923575.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12777/1277734/1277734330.JPEG" data-image-gallery="gallerysofitel-legend-metropole-hanoi" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sofitel-legend-metropole-hanoi" > </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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (605)</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="71003">Sofitel Legend Metropole Hanoi</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">15 Ngo Quyen Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Sofitel Legend Metropole Hanoi is renowned for its culinary offerings, making it one of the premier 5 star hotels in Hanoi for food enthusiasts. The hotel features multiple dining venues, each presenting exceptional cuisine influenced by local and international flavors. Guests can experience a contemporary twist on Vietnamese classics at the renowned Le Club Bar or enjoy French gourmet cuisine at the elegant Spices Garden. The hotel regularly hosts culinary events, workshops, and tastings that invite guests to explore fine wines and local dishes creatively. With a historic setting and attentive service, dining at Sofitel Legend creates unforgettable experiences that deepen appreciation for Vietnamese culture. This hotel is an excellent choice for those eager to indulge their taste buds in a culinary adventure. </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">315US$</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="71003" > <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/ho-chi-minh-city-5-star-hotels">Ho Chi Minh City</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/hoi-an-5-star-hotels">Hoi An</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/da-nang-5-star-hotels">Da Nang</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/las-vegas-5-star-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/myrtle-beach-5-star-hotels">Myrtle Beach</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/charlotte-5-star-hotels">Charlotte</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-5-star-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/baton-rouge-5-star-hotels">Baton Rouge</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/dallas-5-star-hotels">Dallas</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/montreal-5-star-hotels">Montreal</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/columbus-5-star-hotels">Columbus</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/kansas-city-5-star-hotels">Kansas City</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/sedona-5-star-hotels">Sedona</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/copenhagen-5-star-hotels">Copenhagen</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/newport-5-star-hotels">Newport</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/hanoi-hotels-near-the-opera-night-club">The Opera Night Club</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/hanoi-hotels-old-quarter">Old Quarter</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/hanoi-hotels-hoan-kiem">Hoan Kiem</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 Hanoi</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">View 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/us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Hanoi</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/hanoi-resorts">hanoi resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-hotels">hotels in hanoi</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-family-hotels">family hanoi hotel</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-spa-hotels">spa hotels in hanoi</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-4-star-hotels">4 star hotels in hanoi</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-hotels-with-pool">hanoi hotels with pool</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-boutique-hotels">hanoi boutique hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-hotels-near-han">airport hotels hanoi</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/hanoi-beach-hotels">hanoi beach resorts</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2024 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"9e1PWdXr0bybDBPO"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-3714993","dest_name":"Hanoi","city_id":19487,"pid":699260,"page":"post","bid":"-3714993"} </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--K_dQ_kW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DDhuUMHr.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--K_dQ_kW.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/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

Hanoi 5 Star Hotels: 11 Best Deals for Luxury Stays