{"id":574,"date":"2025-08-27T23:14:25","date_gmt":"2025-08-27T16:14:25","guid":{"rendered":"https:\/\/hanopalais.com\/home\/"},"modified":"2026-05-25T14:58:17","modified_gmt":"2026-05-25T07:58:17","slug":"home","status":"publish","type":"page","link":"https:\/\/hanopalais.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"574\" class=\"elementor elementor-574\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd24d76 hero-section e-flex e-con-boxed e-con e-parent\" data-id=\"cd24d76\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ac7220f e-con-full e-flex e-con e-child\" data-id=\"ac7220f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5abaae7 elementor-widget__width-auto animated-fast hero-title elementor-widget elementor-widget-heading\" data-id=\"5abaae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">HANOPALAIS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cabc9c7 elementor-widget elementor-widget-heading\" data-id=\"cabc9c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">live the palais life<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ead726f elementor-align-center open-booking elementor-widget elementor-widget-button\" data-id=\"ead726f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-mouse-pointer\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book Your Stay<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9357e3 e-con-full e-flex e-con e-parent\" data-id=\"f9357e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84e2d66 elementor-widget elementor-widget-html\" data-id=\"84e2d66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* === B\u1ea2NG M\u00c0U WARM LUXURY (\u0110\u1ed2NG B\u1ed8 AMENITIES STYLE) === *\/\n    :root {\n        --about-gold: #D1B286;\n        --about-brown: #5D4037; \/* N\u00e2u tr\u1ea7m sang tr\u1ecdng *\/\n        --about-cream: #fdfcf9; \/* N\u1ec1n kem \u1ea5m *\/\n        --about-white: #ffffff;\n        --about-text: #666666;\n        \n        \/* Gradient ch\u1eef v\u00e0ng gi\u1ed1ng Amenities *\/\n        --text-gradient-gold: linear-gradient(to right, #D1B286 0%, #F9F1E0 50%, #D1B286 100%);\n    }\n\n    .hano-about-section {\n        background-color: var(--about-cream);\n        \/* H\u1ecda ti\u1ebft n\u1ec1n v\u00e2n gi\u1ea5y m\u1edd r\u1ea5t nh\u1eb9 *\/\n        background-image: radial-gradient(circle at 50% 0%, #fff 0%, var(--about-cream) 100%);\n        padding: 100px 20px;\n        font-family: 'Montserrat', sans-serif;\n        overflow: hidden;\n    }\n\n    .hano-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* === 1. HEADER (STYLE AMENITIES: ALATA + SHINE) === *\/\n    .about-header {\n        text-align: center; margin-bottom: 80px; position: relative;\n    }\n\n    .about-title {\n        font-family: 'Alata', sans-serif; \/* Ph\u00f4ng gi\u1ed1ng Amenities *\/\n        font-size: 60px;\n        font-weight: 900;\n        text-transform: uppercase;\n        margin: 0;\n        letter-spacing: 3px;\n        line-height: 1.1;\n        \n        \/* HI\u1ec6U \u1ee8NG \u00c1NH KIM CH\u1ea0Y *\/\n        background: var(--text-gradient-gold);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: shineText 4s linear infinite;\n        \n        \/* B\u00f3ng \u0111\u1ed5 nh\u1eb9 t\u1ea1o \u0111\u1ed9 n\u1ed5i *\/\n        filter: drop-shadow(0 4px 10px rgba(93, 64, 55, 0.15));\n    }\n\n    @keyframes shineText { to { background-position: 200% center; } }\n\n    .about-subtitle {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 16px;\n        color: var(--about-brown);\n        margin-top: 20px;\n        font-weight: 500;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        opacity: 0.8;\n    }\n    \n    \/* \u0110\u01b0\u1eddng k\u1ebb trang tr\u00ed *\/\n    .about-divider {\n        width: 80px; height: 3px; background-color: var(--about-gold);\n        margin: 25px auto 0; border-radius: 2px;\n    }\n\n    \/* === 2. B\u1ed0 C\u1ee4C X\u1ebeP L\u1edaP (WARM & CLASSIC) === *\/\n    .about-wrapper {\n        display: flex; align-items: center; position: relative; padding: 20px 0;\n    }\n\n    \/* --- KHUNG \u1ea2NH --- *\/\n    .about-frame {\n        flex: 0 0 45%; height: 520px;\n        position: relative; z-index: 1;\n        \n        \/* N\u1ec1n khung m\u00e0u kem \u0111\u1eadm h\u01a1n n\u1ec1n web 1 ch\u00fat \u0111\u1ec3 n\u1ed5i b\u1eadt *\/\n        background-color: #f4f0e6; \n        \n        \/* Vi\u1ec1n k\u00e9p sang tr\u1ecdng *\/\n        border: 1px solid rgba(209, 178, 134, 0.5);\n        outline: 10px solid #fff;\n        \n        border-radius: 4px; \/* Bo g\u00f3c r\u1ea5t nh\u1eb9 ki\u1ec3u c\u1ed5 \u0111i\u1ec3n *\/\n        box-shadow: 0 20px 50px rgba(93, 64, 55, 0.1);\n        \n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    \/* Logo b\u00ean trong *\/\n    .about-frame img {\n        width: 70%; height: auto; object-fit: contain;\n        filter: drop-shadow(0 10px 20px rgba(93, 64, 55, 0.15)); \/* B\u00f3ng \u0111\u1ed5 logo m\u00e0u n\u00e2u *\/\n        transition: transform 0.8s ease;\n        animation: floatLogo 6s ease-in-out infinite; \/* Logo th\u1edf nh\u1eb9 *\/\n    }\n\n    \/* Hover Effects *\/\n    .about-frame:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 30px 60px rgba(93, 64, 55, 0.2);\n        border-color: var(--about-brown);\n    }\n    .about-frame:hover img { transform: scale(1.08); }\n\n    @keyframes floatLogo { \n        0%, 100% { transform: translateY(0); } \n        50% { transform: translateY(-10px); } \n    }\n\n    \/* --- TH\u1eba N\u1ed8I DUNG --- *\/\n    .about-content {\n        flex: 1; \n        margin-left: -80px; \/* \u0110\u00e8 l\u00ean khung \u1ea3nh *\/\n        z-index: 2;\n        \n        background-color: var(--about-white);\n        padding: 60px 50px;\n        \n        border-radius: 8px;\n        \/* Vi\u1ec1n tr\u00e1i m\u00e0u V\u00e0ng \u0111\u1eb7c tr\u01b0ng *\/\n        border-left: 5px solid var(--about-gold);\n        \n        box-shadow: 0 15px 40px rgba(0,0,0,0.05);\n        transition: transform 0.5s ease;\n    }\n\n    .about-content:hover { transform: translateY(-5px); }\n\n    .brand-name {\n        font-family: 'Alata', sans-serif;\n        font-size: 36px; \n        color: var(--about-brown);\n        margin: 0 0 10px 0; \n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .brand-slogan {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 14px; letter-spacing: 3px;\n        color: var(--about-gold);\n        margin-bottom: 30px; font-weight: 600;\n    }\n\n    .about-desc {\n        font-size: 16px; \n        line-height: 1.9; \n        color: var(--about-text); \n        text-align: justify; \/* C\u0103n \u0111\u1ec1u l\u1ecbch s\u1ef1 *\/\n        font-weight: 400;\n    }\n\n    \/* Drop Cap: Ch\u1eef c\u00e1i \u0111\u1ea7u to m\u00e0u V\u00e0ng *\/\n    .about-desc::first-letter {\n        font-family: 'Alata', sans-serif;\n        font-size: 3.5em;\n        float: left;\n        line-height: 0.8;\n        margin-right: 15px;\n        color: var(--about-gold);\n    }\n\n    .about-signature {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 15px; \n        color: var(--about-brown);\n        margin-top: 30px; text-align: right;\n        font-weight: 600; \n        font-style: italic;\n    }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width: 1024px) {\n        .about-wrapper { flex-direction: column; }\n        .about-frame {\n            flex: unset; width: 100%; height: 400px;\n            margin-bottom: -60px; \/* V\u1eabn gi\u1eef hi\u1ec7u \u1ee9ng \u0111\u00e8 *\/\n        }\n        .about-content {\n            flex: unset; width: 90%; margin-left: 0;\n            padding: 40px 30px;\n        }\n        .about-title { font-size: 42px; }\n        .about-desc { text-align: left; }\n    }\n<\/style>\n\n<div class=\"hano-about-section\">\n    <div class=\"hano-container\">\n        \n        <div class=\"about-header\">\n            <h2 class=\"about-title\">Gi\u1edbi thi\u1ec7u<\/h2>\n            <div class=\"about-divider\"><\/div>\n            <div class=\"about-subtitle\">G\u00ecn gi\u1eef gi\u00e1 tr\u1ecb truy\u1ec1n th\u1ed1ng<\/div>\n        <\/div>\n\n        <div class=\"about-wrapper\">\n            \n            <div class=\"about-frame\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/nau.png\" alt=\"HanoPalais Emblem\">\n            <\/div>\n\n            <div class=\"about-content\">\n                <h3 class=\"brand-name\">HanoPalais<\/h3>\n                <div class=\"brand-slogan\">live the palais life...<\/div>\n                \n                <p class=\"about-desc\">\n                    T\u1ecda l\u1ea1c t\u1ea1i trung t\u00e2m v\u0103n h\u00f3a c\u1ee7a th\u1ee7 \u0111\u00f4 H\u00e0 N\u1ed9i, HanoPalais mang \u0111\u1ebfn s\u1ef1 giao thoa ho\u00e0n h\u1ea3o gi\u1eefa kh\u00f4ng gian s\u1ed1ng \u1ea5m c\u00fang, ri\u00eang t\u01b0 v\u00e0 ti\u00eau chu\u1ea9n tinh t\u1ebf c\u1ee7a m\u1ed9t kh\u00e1ch s\u1ea1n cao c\u1ea5p. M\u1ed7i c\u0103n h\u1ed9 \u0111\u1ec1u \u0111\u01b0\u1ee3c trang b\u1ecb \u0111\u1ea7y \u0111\u1ee7 ti\u1ec7n nghi hi\u1ec7n \u0111\u1ea1i v\u1edbi internet t\u1ed1c \u0111\u1ed9 cao, h\u1ec7 th\u1ed1ng gi\u1ea3i tr\u00ed th\u00f4ng minh, ch\u0103n ga cao c\u1ea5p c\u00f9ng khu v\u1ef1c b\u1ebfp ti\u00eau chu\u1ea9n. \u0110\u1eb7c bi\u1ec7t, quy tr\u00ecnh check-in t\u1ef1 \u0111\u1ed9ng 24\/7 linh ho\u1ea1t mang l\u1ea1i s\u1ef1 thu\u1eadn ti\u1ec7n tuy\u1ec7t \u0111\u1ed1i, s\u1eb5n s\u00e0ng m\u1edf ra cho b\u1ea1n m\u1ed9t h\u00e0nh tr\u00ecnh tr\u1ea3i nghi\u1ec7m th\u01b0 th\u00e1i v\u00e0 tr\u1ecdn v\u1eb9n.\n                <\/p>\n\n                <div class=\"about-signature\">\n                    ~ Welcome Home!\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c57e49 e-con-full e-flex e-con e-parent\" data-id=\"4c57e49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c086feb elementor-widget elementor-widget-html\" data-id=\"c086feb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* === C\u1ea4U H\u00ccNH M\u00c0U S\u1eaeC (LUXURY PALETTE) === *\/\n    :root {\n        --ame-gold: #D1B286;\n        --ame-shine: #F9E8D0; \n        --ame-brown: #5D4037;\n        --ame-brown-dark: #3e2b24;\n        --ame-bg: #F9F8F4;\n        --ame-text: #555555;\n        --ame-overlay: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);\n    }\n\n    .hano-amenities-section {\n        background-color: var(--ame-bg);\n        background-image: radial-gradient(#D1B286 0.5px, transparent 0.5px);\n        background-size: 30px 30px;\n        padding: 100px 20px;\n        font-family: 'Montserrat', sans-serif;\n        overflow: hidden; \n    }\n\n    .hano-container-ame {\n        max-width: 1200px;\n        margin: 0 auto;\n        perspective: 1000px;\n    }\n\n    \/* === 1. HEADER === *\/\n    .ame-header {\n        text-align: center; margin-bottom: 70px;\n    }\n\n    .ame-title {\n        font-family: 'Alata', sans-serif;\n        font-size: 56px;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin: 0 0 15px 0;\n        letter-spacing: 2px;\n        line-height: 1.1;\n        background: linear-gradient(to right, var(--ame-gold) 0%, var(--ame-shine) 50%, var(--ame-gold) 100%);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: shineTextAme 5s linear infinite;\n        filter: drop-shadow(0 2px 5px rgba(209, 178, 134, 0.3));\n    }\n\n    @keyframes shineTextAme { to { background-position: 200% center; } }\n\n    .ame-subtitle {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 16px; color: var(--ame-text);\n        letter-spacing: 1px; font-weight: 500;\n        opacity: 0.9;\n    }\n\n    \/* === 2. ICON BAR - \u00c9P TR\u00caN C\u00d9NG 1 H\u00c0NG N\u1eb0M NGANG === *\/\n    .ame-icon-bar {\n        display: flex; \n        justify-content: space-between; \/* T\u1ef1 \u0111\u1ed9ng chia \u0111\u1ec1u kho\u1ea3ng c\u00e1ch *\/\n        flex-wrap: nowrap; \/* KH\u00d4NG CHO PH\u00c9P NH\u1ea2Y H\u00c0NG *\/\n        gap: 15px; \/* Thu h\u1eb9p kho\u1ea3ng c\u00e1ch g\u1ed1c \u0111\u1ec3 v\u1eeba 1 h\u00e0ng *\/\n        margin-bottom: 70px;\n        width: 100%;\n    }\n\n    .icon-item {\n        display: flex; flex-direction: column; align-items: center; gap: 12px;\n        cursor: pointer;\n        perspective: 1000px;\n        flex: 1; \/* Chia \u0111\u1ec1u \u0111\u1ed9 r\u1ed9ng cho c\u1ea3 8 icon *\/\n        min-width: 0; \/* Ch\u1ed1ng v\u1ee1 kh\u1ed1i layout *\/\n    }\n\n    \/* V\u00f2ng tr\u00f2n Icon *\/\n    .icon-circle {\n        width: 80px; height: 80px;\n        border-radius: 50%;\n        background: #fff;\n        border: 1px solid var(--ame-gold);\n        display: flex; align-items: center; justify-content: center;\n        font-size: 26px; color: var(--ame-gold); \n        transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.5s, color 0.5s, box-shadow 0.5s;\n        box-shadow: 0 10px 20px rgba(93, 64, 55, 0.05);\n        position: relative; z-index: 2;\n        animation: floatIconAme 3s ease-in-out infinite;\n        transform-style: preserve-3d;\n    }\n\n    @keyframes floatIconAme {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-6px); }\n    }\n\n    .icon-label {\n        font-size: 12px; font-weight: 600; color: var(--ame-text);\n        text-transform: uppercase; letter-spacing: 0.5px;\n        transition: 0.3s;\n        margin-top: 5px;\n        text-align: center;\n        white-space: nowrap; \/* Gi\u1eef ch\u1eef tr\u00ean 1 d\u00f2ng cho \u0111\u1eb9p *\/\n    }\n\n    \/* HOVER EFFECTS *\/\n    .icon-item:hover .icon-circle {\n        animation: none; \n        transform: rotateY(360deg) scale(1.1);\n        background: linear-gradient(135deg, var(--ame-gold), var(--ame-shine));\n        border-color: transparent;\n        color: var(--ame-brown-dark);\n        box-shadow: 0 15px 30px rgba(209, 178, 134, 0.4);\n    }\n\n    .icon-item:hover .icon-label { \n        color: var(--ame-brown); \n        transform: translateY(2px);\n        font-weight: 700;\n    }\n\n    \/* === 3. IMAGE GRID === *\/\n    .ame-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n    }\n\n    .ame-card {\n        position: relative; height: 320px; border-radius: 12px; overflow: hidden; cursor: pointer;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.5s;\n    }\n\n    .ame-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); }\n\n    .ame-overlay {\n        position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;\n        background: var(--ame-overlay);\n        display: flex; flex-direction: column; justify-content: flex-end; padding: 25px;\n        transition: opacity 0.4s;\n    }\n\n    .card-title {\n        font-family: 'Alata', sans-serif; font-size: 20px; color: #fff; margin: 0 0 5px 0;\n        text-shadow: 0 2px 4px rgba(0,0,0,0.6); transform: translateY(15px); \n        transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .card-desc {\n        font-size: 13px; color: var(--ame-gold); opacity: 0; transform: translateY(20px);\n        transition: all 0.5s 0.1s cubic-bezier(0.25, 0.8, 0.25, 1); font-weight: 500; letter-spacing: 0.5px;\n    }\n\n    .ame-card::after {\n        content: ''; position: absolute; inset: 0; border: 2px solid var(--ame-gold); opacity: 0; \n        transform: scale(0.95); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        pointer-events: none; z-index: 2; border-radius: 12px;\n    }\n\n    .ame-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(10, 21, 37, 0.15); }\n    .ame-card:hover img { transform: scale(1.15); }\n    .ame-card:hover .card-title { transform: translateY(0); }\n    .ame-card:hover .card-desc { opacity: 1; transform: translateY(0); }\n    .ame-card:hover::after { opacity: 1; transform: scale(1); inset: 10px; }\n\n    \/* === RESPONSIVE T\u1ed0I \u01afU CHO MOBILE === *\/\n    @media (max-width: 1024px) {\n        .ame-grid { grid-template-columns: repeat(2, 1fr); }\n        .ame-title { font-size: 42px; }\n        \n        \/* Tr\u00ean m\u00e1y t\u00ednh b\u1ea3ng cho ph\u00e9p vu\u1ed1t ngang thay v\u00ec v\u1ee1 d\u00f2ng *\/\n        .ame-icon-bar {\n            overflow-x: auto;\n            padding-bottom: 15px;\n            justify-content: flex-start;\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n        .ame-icon-bar::-webkit-scrollbar { display: none; }\n        .icon-item { flex: 0 0 110px; } \/* Gi\u1eef k\u00edch th\u01b0\u1edbc icon c\u1ed1 \u0111\u1ecbnh khi vu\u1ed1t *\/\n    }\n    \n    @media (max-width: 600px) {\n        .ame-grid { grid-template-columns: 1fr; }\n        .icon-circle { width: 65px; height: 65px; font-size: 22px; }\n        .icon-label { font-size: 11px; }\n        .icon-item { flex: 0 0 95px; }\n    }\n<\/style>\n\n<div class=\"hano-amenities-section\">\n    <div class=\"hano-container-ame\">\n        \n        <div class=\"ame-header\">\n            <h2 class=\"ame-title\">Ti\u1ec7n Nghi<\/h2>\n            <div class=\"ame-subtitle\">Tr\u1ea3i nghi\u1ec7m d\u1ecbch v\u1ee5 chu\u1ea9n phong c\u00e1ch HanoPalais<\/div>\n        <\/div>\n\n        <div class=\"ame-icon-bar\">\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-door-open\"><\/i><\/div>\n                <div class=\"icon-label\">T\u1ef1 nh\u1eadn ph\u00f2ng<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-key\"><\/i><\/div>\n                <div class=\"icon-label\">Kh\u00f3a th\u00f4ng minh<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-wifi\"><\/i><\/div>\n                <div class=\"icon-label\">Wi-Fi B\u1ea3o m\u1eadt<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-tv\"><\/i><\/div>\n                <div class=\"icon-label\">M\u00e1y chi\u1ebfu phim<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-utensils\"><\/i><\/div>\n                <div class=\"icon-label\">B\u1ebfp ti\u1ec7n nghi<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-glass-cheers\"><\/i><\/div>\n                <div class=\"icon-label\">\u0110\u1ed3 u\u1ed1ng mi\u1ec5n ph\u00ed<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-tshirt\"><\/i><\/div>\n                <div class=\"icon-label\">Gi\u1eb7t s\u1ea5y<\/div>\n            <\/div>\n            <div class=\"icon-item\">\n                <div class=\"icon-circle\"><i class=\"fas fa-headset\"><\/i><\/div>\n                <div class=\"icon-label\">H\u1ed7 tr\u1ee3 24\/7<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"ame-grid\">\n            \n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/2.png\" alt=\"Self Check-in\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">T\u1ef1 nh\u1eadn ph\u00f2ng<\/h3>\n                    <p class=\"card-desc\">Quy tr\u00ecnh nh\u1eadn ph\u00f2ng nhanh ch\u00f3ng<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/Keyless-scaled.jpg\" alt=\"Keyless Entry\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">Kh\u00f3a \u0111i\u1ec7n t\u1eed th\u00f4ng minh<\/h3>\n                    <p class=\"card-desc\">Ra v\u00e0o b\u1ea3o m\u1eadt b\u1eb1ng m\u1eadt m\u00e3 ri\u00eang<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/3.png\" alt=\"Secure Wi-Fi\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">Wi-Fi T\u1ed1c \u0111\u1ed9 cao<\/h3>\n                    <p class=\"card-desc\">K\u1ebft n\u1ed1i m\u01b0\u1ee3t m\u00e0, \u0111\u1ed9c l\u1eadp t\u1eebng ph\u00f2ng<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/Film-project-scaled.jpg\" alt=\"Film Projector\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">M\u00e1y chi\u1ebfu phim<\/h3>\n                    <p class=\"card-desc\">Tr\u1ea3i nghi\u1ec7m \u0111i\u1ec7n \u1ea3nh s\u1ed1ng \u0111\u1ed9ng t\u1ea1i ph\u00f2ng<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/Bep-scaled.jpg\" alt=\"Kitchenette\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">B\u1ebfp n\u1ea5u ti\u1ec7n nghi<\/h3>\n                    <p class=\"card-desc\">Trang b\u1ecb \u0111\u1ea7y \u0111\u1ee7 d\u1ee5ng c\u1ee5 n\u1ea5u n\u01b0\u1edbng<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/Refreshment-scaled.jpg\" alt=\"Refreshments\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">\u0110\u1ed3 u\u1ed1ng ch\u00e0o m\u1eebng<\/h3>\n                    <p class=\"card-desc\">Ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed khi nh\u1eadn ph\u00f2ng<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/May-giat-scaled.jpg\" alt=\"Washer Dryer\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">Ti\u1ec7n \u00edch gi\u1eb7t s\u1ea5y<\/h3>\n                    <p class=\"card-desc\">Khu v\u1ef1c gi\u1eb7t l\u00e0 ri\u00eang t\u01b0, ti\u1ec7n l\u1ee3i<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"ame-card\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/8.png\" alt=\"24\/7 Support\">\n                <div class=\"ame-overlay\">\n                    <h3 class=\"card-title\">H\u1ed7 tr\u1ee3 hotline 24\/7<\/h3>\n                    <p class=\"card-desc\">Lu\u00f4n s\u1eb5n s\u00e0ng \u0111\u1ed3ng h\u00e0nh c\u00f9ng b\u1ea1n<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1e7484 e-con-full e-flex e-con e-parent\" data-id=\"b1e7484\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34de8cc elementor-widget elementor-widget-html\" data-id=\"34de8cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,400&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* === LUXURY VARIABLES === *\/\n    :root {\n        --magic-gold: #D1B286;\n        --magic-white: #ffffff;\n    }\n\n    \/* === MAIN SECTION === *\/\n    .hano-magic-cta {\n        position: relative;\n        padding: 80px 20px; \n        font-family: 'Montserrat', sans-serif;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \n        \/* PARALLAX BACKGROUND *\/\n        background-image: url('https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/z7064633817683_c47bd401f866b9e00e98f226ef675c03.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n    }\n\n    \/* === Overlay n\u1ec1n S\u00c1NG === *\/\n    .hano-magic-cta::before {\n        content: ''; position: absolute; inset: 0;\n        background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);\n        z-index: 1;\n    }\n\n    \/* Vi\u1ec1n v\u00e0ng trang tr\u00ed *\/\n    .hano-magic-cta::after {\n        content: ''; position: absolute; top: 15px; bottom: 15px; left: 0; right: 0;\n        border-top: 1px solid rgba(209, 178, 134, 0.4);\n        border-bottom: 1px solid rgba(209, 178, 134, 0.4);\n        pointer-events: none; z-index: 2;\n    }\n\n    \/* === MAGIC PARTICLES (B\u1ee5i v\u00e0ng) === *\/\n    .magic-particles {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-image: radial-gradient(var(--magic-gold) 1.5px, transparent 1.5px);\n        background-size: 60px 60px;\n        opacity: 0.3; z-index: 1;\n        animation: floatDust 25s linear infinite;\n    }\n    @keyframes floatDust {\n        0% { transform: translateY(0); }\n        100% { transform: translateY(-60px); }\n    }\n\n    \/* === CONTENT BOX === *\/\n    .magic-content-box {\n        position: relative; z-index: 10;\n        max-width: 1200px;\n        width: 100%;\n        text-align: center;\n        \n        \/* Glass Effect *\/\n        background: rgba(20, 20, 20, 0.45); \n        backdrop-filter: blur(12px);\n        \n        border: 1px solid rgba(255, 255, 255, 0.15);\n        box-shadow: 0 30px 60px rgba(0,0,0,0.4); \n        \n        border-radius: 12px;\n        padding: 50px 30px; \n        \n        animation: fadeUp 1s ease-out forwards;\n    }\n\n    \/* \u0110\u00c3 S\u1eecA PH\u00d4NG CH\u1eee \u1ede \u0110\u00c2Y \u0110\u1ec2 CH\u1ed0NG L\u1ed6I TI\u1ebeNG VI\u1ec6T *\/\n    .magic-title {\n        font-family: 'Montserrat', sans-serif; \/* \u0110\u1ed5i t\u1eeb Alata sang Montserrat *\/\n        font-size: 46px; \n        font-weight: 900; \/* \u0110\u1ec3 \u0111\u1ed9 d\u00e0y t\u1ed1i \u0111a nh\u00ecn r\u1ea5t quy\u1ec1n l\u1ef1c, uy t\u00edn *\/\n        text-transform: uppercase; letter-spacing: 2px;\n        margin: 0 0 20px 0;\n        \n        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: shineGold 4s linear infinite;\n        filter: drop-shadow(0 2px 10px rgba(0,0,0,0.5));\n    }\n    @keyframes shineGold { to { background-position: 200% center; } }\n\n    \/* N\u1ed9i dung ng\u1eafn g\u1ecdn *\/\n    .magic-subtitle {\n        font-size: 18px; \n        color: #ffffff;\n        font-weight: 400;\n        line-height: 1.6;\n        margin-bottom: 40px; \n        max-width: 800px;\n        margin-left: auto; margin-right: auto;\n        text-shadow: 0 2px 4px rgba(0,0,0,0.8);\n    }\n    \n    .magic-subtitle em { \n        font-family: 'Playfair Display', serif; \n        color: var(--magic-gold); \n        font-size: 20px;\n        font-style: italic;\n    }\n\n    \/* === BUTTON === *\/\n    .magic-btn {\n        display: inline-flex; align-items: center; gap: 15px;\n        padding: 20px 50px;\n        font-family: 'Alata', sans-serif; font-size: 15px; font-weight: 700;\n        text-transform: uppercase; letter-spacing: 2px; text-decoration: none;\n        color: #2a1b0a;\n        \n        background: linear-gradient(135deg, #D1B286 0%, #FDFBF7 50%, #D1B286 100%);\n        background-size: 200% auto;\n        border-radius: 2px;\n        \n        transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        box-shadow: 0 0 30px rgba(209, 178, 134, 0.3);\n        position: relative; overflow: hidden;\n        border: 1px solid rgba(255,255,255,0.4);\n    }\n\n    .magic-btn:hover {\n        background-position: right center;\n        transform: translateY(-5px);\n        box-shadow: 0 0 50px rgba(209, 178, 134, 0.8);\n        color: #000;\n        letter-spacing: 3px;\n    }\n\n    .magic-btn i { transition: transform 0.3s; }\n    .magic-btn:hover i { transform: translateX(5px); }\n\n    @keyframes fadeUp {\n        from { opacity: 0; transform: translateY(40px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n        .magic-title { font-size: 30px; letter-spacing: 1px; }\n        .magic-subtitle { font-size: 15px; }\n        .magic-content-box { padding: 30px 20px; }\n        .hano-magic-cta { padding: 60px 20px; }\n    }\n<\/style>\n\n<section class=\"hano-magic-cta\">\n    <div class=\"magic-particles\"><\/div>\n\n    <div class=\"magic-content-box\">\n        <h2 class=\"magic-title\">Tr\u1ea3i Nghi\u1ec7m S\u1ed1ng Th\u01b0\u1ee3ng L\u01b0u<\/h2>\n        \n        <p class=\"magic-subtitle\">\n            H\u00f2a m\u00ecnh v\u00e0o kh\u00f4ng gian th\u01b0 th\u00e1i tr\u1ecdn v\u1eb9n, n\u01a1i <em>ngh\u1ec7 thu\u1eadt ki\u1ebfn tr\u00fac<\/em> giao thoa c\u00f9ng s\u1ef1 \u1ea5m c\u00fang nh\u01b0 ch\u00ednh ng\u00f4i nh\u00e0 c\u1ee7a b\u1ea1n ngay gi\u1eefa l\u00f2ng H\u00e0 N\u1ed9i.\n        <\/p>\n        \n        <a href=\"https:\/\/hanopalais.com\/bookings\/\" class=\"magic-btn\">\n            \u0110\u1eb7t ph\u00f2ng ngay <i class=\"fas fa-arrow-right\"><\/i>\n        <\/a>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12d9f66 e-con-full e-flex e-con e-parent\" data-id=\"12d9f66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3556884 elementor-widget elementor-widget-html\" data-id=\"3556884\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* === M\u00c0U S\u1eaeC LUXURY === *\/\n    :root {\n        --gal-gold: #D1B286;\n        --gal-brown: #5D4037;\n        --gal-bronze: #A0522D;\n        --gal-coffee: #4A3728;\n        --gal-bg: #F9F8F4;\n        --gal-cream: #F5EDD8;\n        --gal-dark: #160F08;\n        --gal-dark2: #1E1510;\n    }\n\n    \/* === L\u1ec6NH \u00c9P MENU & LOGO TRONG SU\u1ed0T V\u00c0 N\u1ed4I L\u00caN TR\u00caN C\u00d9NG === *\/\n    header, .elementor-location-header, [data-elementor-type=\"header\"] { \n        z-index: 99999 !important; \n        position: absolute !important; \n        top: 0; left: 0; width: 100%;\n        background-color: transparent !important;\n    }\n\n    .hano-gallery-full {\n        background-color: var(--gal-bg); padding: 80px 0;\n        font-family: 'Montserrat', sans-serif; overflow: hidden; position: relative;\n        margin-top: 100px; \/* \u0110\u1ea9y n\u1ed9i dung xu\u1ed1ng \u0111\u1ec3 tr\u00e1nh b\u1ecb Menu \u0111\u00e8 *\/\n    }\n\n    \/* \u2500\u2500\u2500 HEADER & NAV \u2500\u2500\u2500 *\/\n    .hano-text-container {\n        max-width: 1200px; margin: 0 auto; padding: 0 20px;\n        text-align: center; position: relative; z-index: 2;\n    }\n    .gal-title-full {\n        font-family: 'Montserrat', sans-serif; font-size: 54px; font-weight: 900;\n        text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0;\n        background: linear-gradient(to right, var(--gal-gold) 0%, #F5E6C8 50%, var(--gal-gold) 100%);\n        background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        animation: shineTextFull 6s linear infinite;\n    }\n    @keyframes shineTextFull { to { background-position: 200% center; } }\n    .gal-subtitle-full {\n        font-size: 15px; color: #666;\n        letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 50px; font-weight: 500;\n    }\n    .gal-nav-full {\n        display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 30px;\n        margin-bottom: 60px; border-bottom: 1px solid rgba(0,0,0,0.08); padding-bottom: 15px;\n    }\n    .gal-nav-btn {\n        font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 800; color: #666;\n        background: none; border: none; cursor: pointer; padding: 10px 15px; position: relative; transition: all 0.4s ease; text-transform: uppercase;\n    }\n    .gal-nav-btn::after {\n        content: ''; position: absolute; bottom: -16px; left: 0; width: 0; height: 3px;\n        background: linear-gradient(to right, var(--gal-bronze), var(--gal-coffee)); transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n    .gal-nav-btn:hover, .gal-nav-btn.active {\n        background: linear-gradient(to right, var(--gal-bronze), var(--gal-coffee));\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent; transform: translateY(-2px); font-weight: 800;\n    }\n    .gal-nav-btn.active::after { width: 100%; }\n\n    \/* \u2500\u2500\u2500 CAROUSEL (TR\u00c0N VI\u1ec0N) \u2500\u2500\u2500 *\/\n    .hano-carousel-wrapper { width: 100%; position: relative; }\n    .gal-pane-full { display: none; width: 100%; opacity: 0; transition: opacity 0.6s ease; }\n    .gal-pane-full.active { display: block; opacity: 1; animation: fadeIn 0.8s forwards; }\n    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n\n    .gal-address-bar {\n        text-align: center; margin-bottom: 40px; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700;\n        color: var(--gal-coffee); text-transform: uppercase; letter-spacing: 1.5px;\n        display: flex; align-items: center; justify-content: center; gap: 15px; text-shadow: 0 2px 4px rgba(0,0,0,0.05);\n    }\n    .icon-float-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }\n    .icon-float-wrapper i { font-size: 28px; color: var(--gal-bronze); animation: gentleFloat 3s ease-in-out infinite; }\n    @keyframes gentleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n\n    .gal-viewport {\n        width: 100vw; height: 520px; overflow-x: auto; cursor: grab; \n        position: relative; -ms-overflow-style: none; scrollbar-width: none; padding-top: 10px; padding-bottom: 20px;\n        margin-left: calc(-50vw + 50%); \/* \u00c9p tr\u00e0n l\u1ec1 Elementor *\/\n    }\n    .gal-viewport::-webkit-scrollbar { display: none; }\n    .marquee-full-track {\n        display: flex; gap: 20px; width: max-content; padding: 0 5vw; \n        animation: scrollFull 80s linear infinite;\n    }\n    .gal-viewport:hover .marquee-full-track,\n    .gal-viewport:active .marquee-full-track { animation-play-state: paused; }\n    @keyframes scrollFull { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n    .gal-card-full {\n        width: 400px; height: 500px; border-radius: 8px; overflow: hidden; position: relative;\n        flex-shrink: 0; cursor: zoom-in; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.4s ease;\n    }\n    .gal-card-full img {\n        width: 100%; height: 100%; object-fit: cover; transition: 0.6s; pointer-events: none;\n    }\n    .gal-card-full:hover { transform: translateY(-10px); box-shadow: 0 25px 50px rgba(93, 64, 55, 0.2); }\n    .gal-card-full:hover img { transform: scale(1.08); }\n\n    \/* \u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500 *\/\n    .hano-lightbox {\n        position: fixed; inset: 0; z-index: 999999;\n        background: rgba(0,0,0,0.98); backdrop-filter: blur(8px);\n        display: none; justify-content: center; align-items: center;\n        opacity: 0; transition: opacity 0.4s ease; padding: 20px;\n    }\n    .hano-lightbox.show { display: flex; opacity: 1; }\n    .lightbox-content {\n        max-width: 85vw; max-height: 85vh; border: 2px solid var(--gal-gold);\n        box-shadow: 0 0 50px rgba(209, 178, 134, 0.2);\n        transform: scale(0.9); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        object-fit: contain; border-radius: 4px;\n    }\n    .hano-lightbox.show .lightbox-content { transform: scale(1); }\n    .lightbox-close, .lightbox-prev, .lightbox-next {\n        position: absolute; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;\n        border-radius: 50%; background: rgba(255,255,255,0.15); transition: 0.3s; z-index: 1000000; user-select: none;\n    }\n    .lightbox-close { top: 30px; right: 30px; font-size: 40px; width: 50px; height: 50px; }\n    .lightbox-close:hover { background: var(--gal-gold); color: #000; transform: rotate(90deg); }\n    .lightbox-prev, .lightbox-next { top: 50%; transform: translateY(-50%); font-size: 28px; width: 60px; height: 60px; }\n    .lightbox-prev:hover, .lightbox-next:hover { background: var(--gal-gold); color: #000; }\n    .lightbox-prev { left: 40px; } .lightbox-next { right: 40px; }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .hano-gallery-full { margin-top: 80px; } \/* \u0110i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch tr\u00ean Mobile *\/\n        .gal-title-full { font-size: 36px; }\n        .gal-card-full { width: 280px; height: 350px; }\n        .gal-address-bar { font-size: 16px; flex-direction: column; gap: 5px; }\n        .lightbox-prev { left: 10px; font-size: 20px; width: 45px; height: 45px; }\n        .lightbox-next { right: 10px; font-size: 20px; width: 45px; height: 45px; }\n    }\n<\/style>\n\n<div class=\"hano-gallery-full\" id=\"hanoGallerySection\">\n\n    <div id=\"galleryLightbox\" class=\"hano-lightbox\" onclick=\"if(event.target === this) this.classList.remove('show')\">\n        <span class=\"lightbox-close\" onclick=\"document.getElementById('galleryLightbox').classList.remove('show')\"><i class=\"fas fa-times\"><\/i><\/span>\n        <span class=\"lightbox-prev\" id=\"btnGalPrev\"><i class=\"fas fa-chevron-left\"><\/i><\/span>\n        <img decoding=\"async\" class=\"lightbox-content\" id=\"lightboxImg\" src=\"\">\n        <span class=\"lightbox-next\" id=\"btnGalNext\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n    <\/div>\n\n    <div class=\"hano-text-container\">\n        <div class=\"gal-header-full\">\n            <h2 class=\"gal-title-full\">Th\u01b0 Vi\u1ec7n \u1ea2nh<\/h2>\n            <div class=\"gal-subtitle-full\">Kh\u00e1m ph\u00e1 kh\u00f4ng gian t\u1ea1i HanoPalais<\/div>\n        <\/div>\n        <div class=\"gal-nav-full\">\n            <button class=\"gal-nav-btn active\" data-target=\"base1\">Base 1<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base2\">Base 2<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base3\">Base 3<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base4\">Base 4<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base5\">Base 5<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base6\">Base 6<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base8\">Base 8<\/button>\n            <button class=\"gal-nav-btn\" data-target=\"base9\">Base 9<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"hano-carousel-wrapper\">\n\n        <div id=\"base1\" class=\"gal-pane-full active\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 01, Ng\u00f5 376\/19 B\u01b0\u1edfi, Ba \u0110\u00ecnh, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.1-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Toan-R01.11-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Toan-R01.10-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.2-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.9-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.7-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Trung-R02-56F.1-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R02-234F.3-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Trung-R02-56F.6-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.4-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.1-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Toan-R01.11-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Toan-R01.10-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/10\/Social-R01.2-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base2\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 34B, Ng\u00f5 29 V\u00f5ng Th\u1ecb, T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9217-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9285-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9281-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9289-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9295-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9297-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9303-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9317-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9320-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9217-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9285-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_9281-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base3\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 29, Ph\u1ed1 565 L\u1ea1c Long Qu\u00e2n, T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1333-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1393-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1394-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1410-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1412-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1414-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1430-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1434-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1435-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1442-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1333-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1393-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base4\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 437 V\u0169 T\u00f4ng Phan, Thanh Xu\u00e2n, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0093-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0099-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0107-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0108-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0115-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0136-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0158-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1988-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2018-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2043-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0093-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_0099-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base5\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 117, Ng\u00f5 25 V\u0169 Ng\u1ecdc Phan, \u0110\u1ed1ng \u0110a, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2294-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2295-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2301-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2302-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2309-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2310-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2321-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2324-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2326-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2410-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2294-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_2295-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base6\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 42, Ng\u00f5 198 X\u00e3 \u0110\u00e0n, \u0110\u1ed1ng \u0110a, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/13-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/16-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/17-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/19-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/22-1-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/22-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/24-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/26-1-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/26-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/603-35-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/13-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/16-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base8\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 103, Ng\u00f5 136 H\u1ed3 T\u00f9ng M\u1eadu, B\u1eafc T\u1eeb Li\u00eam, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06225-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06252-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06292-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06440-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06479-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06231-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06255-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06301-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06443-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06488-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06500-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06225-HDR-scaled.jpeg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/DSC06252-HDR-scaled.jpeg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"base9\" class=\"gal-pane-full\">\n            <div class=\"gal-address-bar\">\n                <div class=\"icon-float-wrapper\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <span>S\u1ed1 15, Ng\u00f5 127 V\u0103n Cao, Ba \u0110\u00ecnh, H\u00e0 N\u1ed9i<\/span>\n            <\/div>\n            <div class=\"gal-viewport\">\n                <div class=\"marquee-full-track\">\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03816-2-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03818-2-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03823-2-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03777-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03765-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03756-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03738-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03748-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03724-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03808-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03789-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03852-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03864-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03804-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03816-2-scaled.jpg\"><\/div>\n                    <div class=\"gal-card-full lightbox-trigger\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/04\/NTH03818-2-scaled.jpg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const buttons = document.querySelectorAll('.gal-nav-btn');\n        const panes = document.querySelectorAll('.gal-pane-full');\n        const lightbox = document.getElementById('galleryLightbox');\n        const lightboxImg = document.getElementById('lightboxImg');\n        const closeBtn = document.querySelector('.lightbox-close');\n        const prevBtn = document.getElementById('btnGalPrev');\n        const nextBtn = document.getElementById('btnGalNext');\n        let currentImageArray = [];\n        let currentImageIndex = 0;\n        let isDragging = false;\n\n        function getRealImgSrc(imgEl) {\n            return imgEl.getAttribute('data-src') || imgEl.getAttribute('data-lazy-src') || imgEl.getAttribute('data-opt-src') || imgEl.src;\n        }\n\n        buttons.forEach(btn => {\n            btn.addEventListener('click', function() {\n                buttons.forEach(b => b.classList.remove('active'));\n                panes.forEach(p => p.classList.remove('active'));\n                this.classList.add('active');\n                document.getElementById(this.getAttribute('data-target')).classList.add('active');\n            });\n        });\n\n        const viewports = document.querySelectorAll('.gal-viewport');\n        viewports.forEach(slider => {\n            let isDown = false; let startX; let scrollLeft;\n            slider.addEventListener('mousedown', (e) => { isDown = true; isDragging = false; slider.style.cursor = 'grabbing'; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; });\n            slider.addEventListener('mouseleave', () => { isDown = false; slider.style.cursor = 'grab'; });\n            slider.addEventListener('mouseup', () => { isDown = false; slider.style.cursor = 'grab'; });\n            slider.addEventListener('mousemove', (e) => { if(!isDown) return; const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 1.5; if(Math.abs(walk) > 5) isDragging = true; slider.scrollLeft = scrollLeft - walk; });\n            slider.addEventListener('touchstart', (e) => { isDown = true; isDragging = false; startX = e.touches[0].pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; });\n            slider.addEventListener('touchend', () => { isDown = false; });\n            slider.addEventListener('touchmove', (e) => { if(!isDown) return; const x = e.touches[0].pageX - slider.offsetLeft; const walk = (x - startX) * 1.5; if(Math.abs(walk) > 5) isDragging = true; slider.scrollLeft = scrollLeft - walk; });\n        });\n\n        document.querySelectorAll('.lightbox-trigger').forEach((trigger) => {\n            trigger.addEventListener('click', function(e) {\n                if (isDragging && this.classList.contains('gal-card-full')) return;\n                const parentPane = this.closest('.gal-pane-full');\n                if (!parentPane) return;\n                const imgs = Array.from(parentPane.querySelectorAll('.lightbox-trigger img'));\n                currentImageArray = imgs;\n                const clickedImg = this.querySelector('img');\n                currentImageIndex = currentImageArray.indexOf(clickedImg);\n                if(currentImageIndex === -1) currentImageIndex = 0;\n                lightboxImg.src = getRealImgSrc(currentImageArray[currentImageIndex]);\n                lightbox.classList.add('show');\n            });\n        });\n\n        function showImage(idx) {\n            currentImageIndex = (idx + currentImageArray.length) % currentImageArray.length;\n            lightboxImg.src = getRealImgSrc(currentImageArray[currentImageIndex]);\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', (e) => { e.stopPropagation(); showImage(currentImageIndex + 1); });\n        if(prevBtn) prevBtn.addEventListener('click', (e) => { e.stopPropagation(); showImage(currentImageIndex - 1); });\n        \n        document.addEventListener('keydown', function(e) {\n            if (!lightbox.classList.contains('show')) return;\n            if (e.key === 'ArrowRight') showImage(currentImageIndex + 1);\n            if (e.key === 'ArrowLeft') showImage(currentImageIndex - 1);\n            if (e.key === 'Escape') lightbox.classList.remove('show');\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7608942 e-con-full e-flex e-con e-parent\" data-id=\"7608942\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c91cb6f elementor-widget elementor-widget-html\" data-id=\"c91cb6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;1,400&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* === B\u1ea2NG M\u00c0U LUXURY === *\/\n    :root {\n        --book-gold: #D1B286;\n        --book-shine: #F9E8D0;\n        --book-brown: #5D4037; \n        --book-brown-dark: #3e2b24;\n        --book-bg: #F9F8F4; \n        --book-text: #666666;\n    }\n\n    .hano-booking-section {\n        background-color: var(--book-bg);\n        background-image: radial-gradient(circle at 50% 100%, #ffffff 0%, var(--book-bg) 100%);\n        padding: 100px 20px;\n        font-family: 'Montserrat', sans-serif;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        perspective: 1000px; \/* T\u1ea1o chi\u1ec1u s\u00e2u 3D cho to\u00e0n b\u1ed9 section *\/\n    }\n\n    \/* Pattern m\u1edd *\/\n    .booking-pattern {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-image: radial-gradient(#D1B286 1px, transparent 1px);\n        background-size: 40px 40px;\n        opacity: 0.1; pointer-events: none;\n    }\n\n    .hano-container-book {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative; z-index: 2;\n    }\n\n    \/* === 1. HEADER (\u0110\u1ed4I SANG MONTSERRAT CH\u1ed0NG L\u1ed6I PH\u00d4NG TI\u1ebeNG VI\u1ec6T) === *\/\n    .book-title {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 54px;\n        font-weight: 900;\n        text-transform: uppercase;\n        margin: 0 0 20px 0;\n        letter-spacing: 2px;\n        line-height: 1.1;\n        \n        background: linear-gradient(to right, var(--book-gold) 0%, var(--book-shine) 50%, var(--book-gold) 100%);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: shineTextBook 5s linear infinite;\n        filter: drop-shadow(0 2px 5px rgba(209, 178, 134, 0.3));\n    }\n\n    @keyframes shineTextBook { to { background-position: 200% center; } }\n    \n    .book-divider {\n        display: flex; align-items: center; justify-content: center; gap: 15px;\n        margin-bottom: 30px;\n    }\n    .bd-line { height: 1px; width: 40px; background-color: var(--book-gold); opacity: 0.6; }\n    .bd-dot { width: 8px; height: 8px; background-color: var(--book-gold); transform: rotate(45deg); }\n\n    .book-desc {\n        font-size: 16px; line-height: 1.8; color: var(--book-text);\n        max-width: 700px; margin: 0 auto 60px auto; font-weight: 400;\n    }\n\n    \/* === 2. STEPS (3D EFFECTS) === *\/\n    .booking-steps {\n        display: flex; justify-content: center; align-items: flex-start;\n        gap: 40px; margin-bottom: 60px; position: relative;\n    }\n\n    .step-item {\n        flex: 1; max-width: 250px;\n        display: flex; flex-direction: column; align-items: center;\n        position: relative;\n        perspective: 1000px; \n    }\n\n    \/* ICON BOX: C\u1ea4U H\u00ccNH 3D *\/\n    .step-icon-box {\n        width: 80px; height: 80px; border-radius: 50%;\n        background: #fff;\n        border: 1px solid var(--book-gold);\n        display: flex; align-items: center; justify-content: center;\n        font-size: 28px; color: var(--book-brown);\n        margin-bottom: 20px;\n        transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.5s, color 0.5s, box-shadow 0.5s;\n        box-shadow: 0 10px 20px rgba(93, 64, 55, 0.05);\n        position: relative; z-index: 2;\n        animation: floatIcon 3s ease-in-out infinite;\n        transform-style: preserve-3d;\n    }\n\n    @keyframes floatIcon {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-8px); }\n    }\n\n    \/* LINE N\u1ed0I *\/\n    .step-item:not(:last-child)::after {\n        content: ''; position: absolute;\n        top: 40px; left: 50%; width: 100%; height: 1px;\n        background: repeating-linear-gradient(to right, var(--book-gold) 0, var(--book-gold) 5px, transparent 5px, transparent 10px);\n        opacity: 0.5; z-index: 1;\n    }\n\n    .step-title {\n        font-family: 'Alata', sans-serif; font-size: 18px; color: var(--book-brown);\n        margin: 0 0 10px 0; text-transform: uppercase;\n    }\n    .step-desc { font-size: 13px; color: #888; line-height: 1.5; }\n\n    \/* === HOVER EFFECTS: XOAY 3D & \u0110\u1ed4I M\u00c0U === *\/\n    .step-item:hover .step-icon-box {\n        animation: none; \n        transform: rotateY(360deg) scale(1.1);\n        background: linear-gradient(135deg, var(--book-gold), var(--book-shine));\n        border-color: transparent;\n        color: var(--book-brown-dark);\n        box-shadow: 0 20px 40px rgba(209, 178, 134, 0.4);\n    }\n\n    \/* === 3. BUTTON === *\/\n    .btn-booking {\n        display: inline-flex; align-items: center; justify-content: center; gap: 15px;\n        padding: 20px 60px;\n        background: linear-gradient(135deg, var(--book-gold) 0%, var(--book-shine) 50%, var(--book-gold) 100%);\n        background-size: 200% auto;\n        color: var(--book-brown-dark);\n        font-family: 'Alata', sans-serif; font-size: 16px; font-weight: 800;\n        text-transform: uppercase; letter-spacing: 2px; text-decoration: none;\n        border-radius: 50px;\n        border: 1px solid rgba(255,255,255,0.5);\n        box-shadow: 0 10px 25px rgba(209, 178, 134, 0.4);\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .btn-booking i { font-size: 14px; transition: 0.3s; }\n\n    .btn-booking:hover {\n        background: var(--book-brown);\n        color: var(--book-gold);\n        border-color: var(--book-gold);\n        transform: translateY(-5px);\n        box-shadow: 0 20px 40px rgba(62, 43, 36, 0.3);\n        padding-right: 70px;\n    }\n\n    .btn-booking:hover i { transform: translateX(5px); }\n\n    \/* === 4. THANK YOU NOTE === *\/\n    .thank-you-note {\n        margin-top: 40px;\n        font-family: 'Playfair Display', serif; font-style: italic;\n        font-size: 22px; color: var(--book-brown);\n        opacity: 0.8; letter-spacing: 0.5px;\n    }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width: 900px) {\n        .booking-steps { flex-direction: column; gap: 40px; align-items: center; }\n        .step-item:not(:last-child)::after { width: 1px; height: 50px; top: 100%; left: 50%; }\n        .step-item { width: 100%; }\n        .book-title { font-size: 38px; }\n    }\n<\/style>\n\n<div class=\"hano-booking-section\">\n    <div class=\"booking-pattern\"><\/div>\n\n    <div class=\"hano-container-book\">\n        \n        <h2 class=\"book-title\">\u0110\u1eb7t Ph\u00f2ng Ngay<\/h2>\n        \n        <div class=\"book-divider\">\n            <div class=\"bd-line\"><\/div>\n            <div class=\"bd-dot\"><\/div>\n            <div class=\"bd-line\"><\/div>\n        <\/div>\n\n        <p class=\"book-desc\">\n            Tr\u1ea3i nghi\u1ec7m kh\u00f4ng gian s\u1ed1ng ngh\u1ec7 thu\u1eadt t\u1ea1i HanoPalais. Ch\u00fang t\u00f4i lu\u00f4n cam k\u1ebft mang l\u1ea1i m\u1ed9t h\u00e0nh tr\u00ecnh \u0111\u1eb7t ph\u00f2ng nhanh ch\u00f3ng v\u00e0 thu\u1eadn ti\u1ec7n nh\u1ea5t.\n        <\/p>\n\n        <div class=\"booking-steps\">\n            <div class=\"step-item\">\n                <div class=\"step-icon-box\"><i class=\"far fa-calendar-check\"><\/i><\/div>\n                <h3 class=\"step-title\">Ch\u1ecdn Ng\u00e0y<\/h3>\n                <p class=\"step-desc\">L\u1ef1a ch\u1ecdn th\u1eddi gian l\u01b0u tr\u00fa v\u00e0 kh\u00e1m ph\u00e1 c\u00e1c h\u1ea1ng ph\u00f2ng tr\u1ed1ng.<\/p>\n            <\/div>\n            <div class=\"step-item\">\n                <div class=\"step-icon-box\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n                <h3 class=\"step-title\">\u0110\u1eb7t Tr\u1ef1c Ti\u1ebfp<\/h3>\n                <p class=\"step-desc\">X\u00e1c nh\u1eadn \u0111\u1eb7t ph\u00f2ng v\u00e0 gi\u1eef ch\u1ed7 ngay l\u1eadp t\u1ee9c qua h\u1ec7 th\u1ed1ng t\u1ef1 \u0111\u1ed9ng.<\/p>\n            <\/div>\n            <div class=\"step-item\">\n                <div class=\"step-icon-box\"><i class=\"fas fa-key\"><\/i><\/div>\n                <h3 class=\"step-title\">Nh\u1eadn Ph\u00f2ng<\/h3>\n                <p class=\"step-desc\">Nh\u1eadn m\u00e3 s\u1ed1 b\u1ea3o m\u1eadt ri\u00eang t\u01b0 v\u00e0 t\u1ef1 do tr\u1ea3i nghi\u1ec7m c\u0103n h\u1ed9.<\/p>\n            <\/div>\n        <\/div>\n\n        <a href=\"https:\/\/hanopalais.com\/bookings\/\" class=\"btn-booking open-booking\">\n            \u0110\u1eb7t Ph\u00f2ng Ngay <i class=\"fas fa-arrow-right\"><\/i>\n        <\/a>\n\n        <div class=\"thank-you-note\">\n            ~ HanoPalais r\u1ea5t h\u00e2n h\u1ea1nh \u0111\u01b0\u1ee3c ch\u00e0o \u0111\u00f3n b\u1ea1n tr\u1edf v\u1ec1 nh\u00e0 ~\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HANOPALAIS live the palais life Book Your Stay Gi\u1edbi thi\u1ec7u G\u00ecn gi\u1eef gi\u00e1 tr\u1ecb truy\u1ec1n th\u1ed1ng HanoPalais live the palais life&#8230; T\u1ecda l\u1ea1c t\u1ea1i trung t\u00e2m v\u0103n h\u00f3a c\u1ee7a th\u1ee7 \u0111\u00f4 H\u00e0 N\u1ed9i, HanoPalais mang \u0111\u1ebfn s\u1ef1 giao thoa ho\u00e0n h\u1ea3o gi\u1eefa kh\u00f4ng gian s\u1ed1ng \u1ea5m c\u00fang, ri\u00eang t\u01b0 v\u00e0 ti\u00eau chu\u1ea9n tinh t\u1ebf c\u1ee7a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-574","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HanoPalais Homestay and Residence | Live the Palais Life<\/title>\n<meta name=\"description\" content=\"At HanoPalais, a boutique homestay in the heart of Hanoi, we pair the welcome of home with the standards of a fine hotel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hanopalais.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HanoPalais Homestay and Residence | Live the Palais Life\" \/>\n<meta property=\"og:description\" content=\"At HanoPalais, a boutique homestay in the heart of Hanoi, we pair the welcome of home with the standards of a fine hotel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hanopalais.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"HanoPalais\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-25T07:58:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/nau.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/\",\"name\":\"HanoPalais Homestay and Residence | Live the Palais Life\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/nau.png\",\"datePublished\":\"2025-08-27T16:14:25+00:00\",\"dateModified\":\"2026-05-25T07:58:17+00:00\",\"description\":\"At HanoPalais, a boutique homestay in the heart of Hanoi, we pair the welcome of home with the standards of a fine hotel.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hanopalais.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/nau.png\",\"contentUrl\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/nau.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\\\/\\\/hanopalais.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#website\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/\",\"name\":\"HanoPalais\",\"description\":\"Live the palais life\",\"publisher\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hanopalais.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#organization\",\"name\":\"HanoPalais\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/cropped-HanoiPalais-Logo-2.png\",\"contentUrl\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/cropped-HanoiPalais-Logo-2.png\",\"width\":1199,\"height\":645,\"caption\":\"HanoPalais\"},\"image\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HanoPalais Homestay and Residence | Live the Palais Life","description":"At HanoPalais, a boutique homestay in the heart of Hanoi, we pair the welcome of home with the standards of a fine hotel.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hanopalais.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"HanoPalais Homestay and Residence | Live the Palais Life","og_description":"At HanoPalais, a boutique homestay in the heart of Hanoi, we pair the welcome of home with the standards of a fine hotel.","og_url":"https:\/\/hanopalais.com\/en\/","og_site_name":"HanoPalais","article_modified_time":"2026-05-25T07:58:17+00:00","og_image":[{"url":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/nau.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hanopalais.com\/","url":"https:\/\/hanopalais.com\/","name":"HanoPalais Homestay and Residence | Live the Palais Life","isPartOf":{"@id":"https:\/\/hanopalais.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hanopalais.com\/#primaryimage"},"image":{"@id":"https:\/\/hanopalais.com\/#primaryimage"},"thumbnailUrl":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/nau.png","datePublished":"2025-08-27T16:14:25+00:00","dateModified":"2026-05-25T07:58:17+00:00","description":"At HanoPalais, a boutique homestay in the heart of Hanoi, we pair the welcome of home with the standards of a fine hotel.","breadcrumb":{"@id":"https:\/\/hanopalais.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hanopalais.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hanopalais.com\/#primaryimage","url":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/nau.png","contentUrl":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/nau.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hanopalais.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/hanopalais.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/hanopalais.com\/#website","url":"https:\/\/hanopalais.com\/","name":"HanoPalais","description":"Live the palais life","publisher":{"@id":"https:\/\/hanopalais.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hanopalais.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hanopalais.com\/#organization","name":"HanoPalais","url":"https:\/\/hanopalais.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hanopalais.com\/#\/schema\/logo\/image\/","url":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/cropped-HanoiPalais-Logo-2.png","contentUrl":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/08\/cropped-HanoiPalais-Logo-2.png","width":1199,"height":645,"caption":"HanoPalais"},"image":{"@id":"https:\/\/hanopalais.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":973,"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":4535,"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages\/574\/revisions\/4535"}],"wp:attachment":[{"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/media?parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}