{"id":2728,"date":"2025-12-23T14:45:59","date_gmt":"2025-12-23T07:45:59","guid":{"rendered":"https:\/\/hanopalais.com\/?page_id=2728"},"modified":"2026-05-31T18:00:29","modified_gmt":"2026-05-31T11:00:29","slug":"base-3","status":"publish","type":"page","link":"https:\/\/hanopalais.com\/en\/base-3\/","title":{"rendered":"Base 3"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2728\" class=\"elementor elementor-2728\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ead18a0 e-con-full e-flex e-con e-parent\" data-id=\"ead18a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ddb6e6 elementor-widget elementor-widget-html\" data-id=\"4ddb6e6\" 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=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Alata&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    \/* === 1. 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    \/* === 2. C\u1ea4U H\u00ccNH M\u00c0U S\u1eaeC (BASE 3) === *\/\n    :root {\n        --b3-gold: #C8A47E; \n        --b3-brown: #5D4037; \n        --b3-bg: #F9F8F4; \n        --b3-text: #555555;\n\n        \/* M\u00e0u \u0111\u1ed3ng b\u1ed9 v\u1edbi Base 01, Base 02 & News *\/\n        --gold-lux: #D1B286; \n        --gold-text-gradient: linear-gradient(to right, #D1B286, #FFF0D6, #D1B286);\n    }\n\n    body { margin: 0; font-family: 'Montserrat', sans-serif; background-color: var(--b3-bg); }\n\n    \/* === 3. HERO BANNER BASE 3 === *\/\n    .base3-hero-section {\n        position: relative; width: 100%; min-height: 80vh;\n        display: flex; align-items: center; justify-content: center; overflow: hidden;\n        background-image: url('https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg'); \n        background-size: cover; background-position: center; background-attachment: scroll;\n        margin-top: 0 !important; \/* \u00c9P \u1ea2NH N\u1ec0N B\u00c1M S\u00c1T L\u00caN \u0110\u1ec8NH M\u00c0N H\u00ccNH *\/\n    }\n\n    .base3-hero-overlay { \n        position: absolute; top: 0; left: 0; right: 0; bottom: 0; \n        background: linear-gradient(to bottom, rgba(10, 21, 37, 0.7), rgba(10, 21, 37, 0.9)); z-index: 1; \n    }\n    \n    .base3-intro-wrap {\n        position: relative; z-index: 2; text-align: center; max-width: 900px; padding: 0 20px;\n        margin-top: 180px; \/* \u0110\u1ea8Y CH\u1eee XU\u1ed0NG \u0110\u1ec2 HI\u1ec6N HEADER TR\u00caN PC *\/\n        animation: fadeUp 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards; opacity: 0; transform: translateY(30px);\n    }\n    \n    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n\n    \/* === \u0110\u1ed2NG B\u1ed8 HI\u1ec6U \u1ee8NG TI\u00caU \u0110\u1ec0 === *\/\n    .base3-title { \n        font-family: 'Montserrat', sans-serif; \n        font-size: 60px; \n        font-weight: 900; \n        text-transform: uppercase; \n        letter-spacing: 4px; \n        margin: 0 0 15px 0; \n        background: var(--gold-text-gradient); \n        background-size: 200% auto;\n        -webkit-background-clip: text; \n        -webkit-text-fill-color: transparent;\n        animation: shineText 5s linear infinite; \n        filter: drop-shadow(0 4px 10px rgba(0,0,0,0.5));\n    }\n    @keyframes shineText { to { background-position: 200% center; } }\n    \n    \/* === \u0110\u1ed2NG B\u1ed8 SUBTITLE === *\/\n    .base3-address { \n        font-family: 'Playfair Display', serif; \n        font-size: 22px; \n        color: var(--gold-lux); \n        font-style: italic; \n        margin-bottom: 30px; \n        letter-spacing: 1px; \n    }\n    .base3-address i { margin-right: 8px; color: var(--gold-lux); }\n    \n    \/* === \u0110\u1ed2NG B\u1ed8 SEPARATOR === *\/\n    .base3-sep { \n        width: 60px; height: 3px; background-color: var(--gold-lux); \n        border-radius: 5px; margin: 0 auto 30px auto; \n        box-shadow: 0 0 10px rgba(209, 178, 134, 0.5); \n    }\n    \n    \/* === \u0110\u1ed2NG B\u1ed8 DESCRIPTION === *\/\n    .base3-desc { \n        font-family: 'Montserrat', sans-serif; \n        font-size: 16px; line-height: 1.8; \n        color: rgba(255, 255, 255, 0.85); \n        font-weight: 500; max-width: 850px; margin: 0 auto; \n    }\n    .base3-desc strong { color: var(--gold-lux); font-weight: 700; }\n\n    \/* N\u00daT CU\u1ed8N XU\u1ed0NG *\/\n    .base3-scroll-indicator {\n        position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 2;\n        color: var(--gold-lux); font-size: 24px; animation: bounce 2s infinite; cursor: pointer; opacity: 0.7; transition: 0.3s;\n    }\n    .base3-scroll-indicator:hover { opacity: 1; color: #fff; }\n    @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); } 40% { transform: translateY(-15px) translateX(-50%); } 60% { transform: translateY(-7px) translateX(-50%); } }\n\n    \/* === 4. N\u1ed8I DUNG TRANG (GALLERY TABS) === *\/\n    .hano-base3-wrapper { \n        font-family: 'Montserrat', sans-serif; background-color: var(--b3-bg); \n        padding: 80px 0; overflow: hidden; position: relative; \n    }\n    .base3-gal-container { max-width: 1300px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; }\n    \n    .b3-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; }\n    .b3-btn { padding: 12px 30px; background: #fff; border: 1px solid rgba(93, 64, 55, 0.2); border-radius: 50px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 800; color: var(--b3-text); cursor: pointer; transition: all 0.4s ease; text-transform: uppercase; letter-spacing: 1px; min-width: 250px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }\n    .b3-btn span { display: block; font-size: 12px; font-weight: 500; text-transform: none; margin-top: 4px; opacity: 0.8; font-family: 'Montserrat', sans-serif; }\n    .b3-btn:hover { border-color: var(--b3-brown); color: var(--b3-brown); transform: translateY(-3px); background: #fff; }\n    .b3-btn.active { background: var(--b3-brown); color: #fff; border-color: var(--b3-brown); box-shadow: 0 10px 20px rgba(93, 64, 55, 0.25); transform: translateY(-3px); }\n\n    \/* VIEWPORT & SCROLL *\/\n    .b3-pane { display: none; width: 100%; opacity: 0; transition: opacity 0.6s ease; }\n    .b3-pane.active { display: block; opacity: 1; animation: fadeInUp 0.8s forwards; }\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .b3-viewport { width: 100vw; height: 520px; overflow-x: auto; overflow-y: hidden; cursor: grab; position: relative; -ms-overflow-style: none; scrollbar-width: none; padding-top: 10px; margin-left: calc(-50vw + 50%); }\n    .b3-viewport::-webkit-scrollbar { display: none; }\n    .b3-viewport:hover .b3-track, .b3-viewport:active .b3-track { animation-play-state: paused; }\n    .b3-track { display: flex; gap: 20px; height: 100%; width: max-content; align-items: flex-start; padding: 0 5vw; animation: scrollAuto 60s linear infinite; }\n    @keyframes scrollAuto { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n    \/* CARD *\/\n    .b3-card { width: 350px; height: 450px; border-radius: 6px; overflow: hidden; position: relative; flex-shrink: 0; cursor: zoom-in; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: 0.5s; }\n    .b3-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.8s; pointer-events: none; }\n    .b3-card:hover { transform: translateY(-10px); z-index: 5; box-shadow: 0 25px 50px rgba(93, 64, 55, 0.2); }\n    .b3-card:hover img { transform: scale(1.1); }\n\n    \/* LIGHTBOX CH\u1ed0NG L\u1ed6I *\/\n    .b3-lightbox { position: fixed; inset: 0; z-index: 999999; background: rgba(0,0,0,0.98); backdrop-filter: blur(8px); display: none; justify-content: center; align-items: center; padding: 20px; opacity: 0; transition: opacity 0.4s ease; }\n    .b3-lightbox.show { display: flex; opacity: 1; animation: fadeIn 0.3s; }\n    .lb-img { max-width: 85vw; max-height: 85vh; border: 2px solid var(--gold-lux); box-shadow: 0 0 50px rgba(209, 178, 134, 0.2); object-fit: contain; transform: scale(0.9); transition: transform 0.4s ease; border-radius: 4px; }\n    .b3-lightbox.show .lb-img { transform: scale(1); }\n\n    .lb-close, .lightbox-prev, .lightbox-next { position: absolute; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.15); transition: 0.3s; z-index: 1000000; user-select: none; }\n    .lb-close { top: 30px; right: 30px; font-size: 40px; width: 50px; height: 50px; }\n    .lb-close:hover { background: var(--gold-lux); 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(--gold-lux); color: #000; }\n    .lightbox-prev { left: 40px; } .lightbox-next { right: 40px; }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width: 768px) {\n        .base3-hero-section { \n            min-height: 80vh; \n            margin-top: 0 !important; \/* \u0110\u1ea2M B\u1ea2O \u1ea2NH N\u1ec0N B\u00c1M \u0110\u1ec8NH *\/\n        }\n        .base3-intro-wrap { \n            margin-top: 100px; \/* CH\u1ec8 \u0110\u1ea8Y M\u1ed6I CH\u1eee XU\u1ed0NG D\u01af\u1edaI MENU *\/\n        }\n        \n        \/* C\u00e2n ch\u1ec9nh Mobile cho \u0111\u1ed3ng b\u1ed9 *\/\n        .base3-title { font-size: 42px; letter-spacing: 2px; }\n        .base3-address { font-size: 18px; }\n        .base3-desc { font-size: 15px; margin-bottom: 20px; }\n\n        .hano-base3-wrapper { padding: 40px 0; }\n        .b3-tabs { flex-direction: column; align-items: center; gap: 10px; }\n        .b3-btn { width: 90%; }\n        .b3-card { width: 280px; height: 380px; }\n        .b3-viewport { height: 420px; }\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 id=\"base3Lightbox\" class=\"b3-lightbox\">\n    <span class=\"lb-close\"><i class=\"fas fa-times\"><\/i><\/span>\n    <span class=\"lightbox-prev\" id=\"btnB3Prev\"><i class=\"fas fa-chevron-left\"><\/i><\/span>\n    <img decoding=\"async\" class=\"lb-img\" id=\"base3LbImg\" src=\"\">\n    <span class=\"lightbox-next\" id=\"btnB3Next\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n<\/div>\n\n<section class=\"base3-hero-section\">\n    <div class=\"base3-hero-overlay\"><\/div>\n    <div class=\"base3-intro-wrap\">\n        <h2 class=\"base3-title\">HANOPALAIS - BASE 03<\/h2>\n        <div class=\"base3-address\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0110\u1ecba ch\u1ec9: S\u1ed1 29, Ph\u1ed1 565 L\u1ea1c Long Qu\u00e2n, T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i<\/div>\n        <div class=\"base3-sep\"><\/div>\n        <p class=\"base3-desc\">\n            S\u1edf h\u1eefu v\u1ecb tr\u00ed \u0111\u1eafc \u0111\u1ecba t\u1ea1i <strong>c\u1eeda ng\u00f5 Th\u1ee7 \u0111\u00f4<\/strong>, Base 03 mang \u0111\u1ebfn s\u1ef1 k\u1ebft n\u1ed1i ho\u00e0n h\u1ea3o gi\u1eefa <strong>s\u00e2n bay N\u1ed9i B\u00e0i<\/strong> v\u00e0 trung t\u00e2m th\u00e0nh ph\u1ed1. C\u00e1c c\u0103n h\u1ed9 Studio hi\u1ec7n \u0111\u1ea1i t\u1ea1i \u0111\u00e2y \u0111\u01b0\u1ee3c trang b\u1ecb <strong>h\u1ec7 th\u1ed1ng gi\u1eb7t s\u1ea5y th\u00f4ng minh<\/strong>, mang l\u1ea1i s\u1ef1 ti\u1ec7n nghi t\u1ed1i \u0111a cho nh\u1eefng kh\u00e1ch du l\u1ecbch n\u0103ng \u0111\u1ed9ng v\u00e0 c\u00e1c chuy\u00ean gia c\u00f4ng t\u00e1c d\u00e0i ng\u00e0y.\n        <\/p>\n    <\/div>\n    \n    <div class=\"base3-scroll-indicator\" onclick=\"document.getElementById('gallery-content').scrollIntoView({behavior:'smooth'})\">\n        <i class=\"fas fa-chevron-down\"><\/i>\n    <\/div>\n<\/section>\n\n<div class=\"hano-base3-wrapper\" id=\"gallery-content\">\n    <div class=\"base3-gal-container\">\n        <div class=\"b3-tabs\">\n            <button class=\"b3-btn active\" data-type=\"b3-col1\">1 Ng\u1ee7 1 Kh\u00e1ch <br><span>(201 & 701)<\/span><\/button>\n            <button class=\"b3-btn\" data-type=\"b3-col2\">Studio <br><span>(301 - 302 - 401 - 402 - 501 - 502 - 601 - 602)<\/span><\/button>\n        <\/div>\n    <\/div> \n    \n    <div id=\"b3-col1\" class=\"b3-pane active\">\n        <div class=\"b3-viewport\">\n            <div class=\"b3-track\">\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1490-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1494-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1519-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1157-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1156-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1167-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1177-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1181-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1195-scaled.jpg\"><\/div>\n                \n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1490-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1494-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1519-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1157-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1156-scaled.jpg\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"b3-col2\" class=\"b3-pane\">\n        <div class=\"b3-viewport\">\n            <div class=\"b3-track\">\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1457-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1458-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1461-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1462-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1455-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1457-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1358-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1360-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1324-scaled.jpg\"><\/div>\n                \n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1457-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1458-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1461-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1462-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1455-scaled.jpg\"><\/div>\n                <div class=\"b3-card\"><img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/01\/IMG_1457-scaled.jpg\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const wrapper = document.querySelector('.hano-base3-wrapper');\n        const btns = document.querySelectorAll('.b3-btn');\n        const panes = document.querySelectorAll('.b3-pane');\n        const viewports = document.querySelectorAll('.b3-viewport');\n        \n        const lightbox = document.getElementById('base3Lightbox');\n        const lbImg = document.getElementById('base3LbImg');\n        const closeBtn = lightbox.querySelector('.lb-close');\n        const prevBtn = document.getElementById('btnB3Prev');\n        const nextBtn = document.getElementById('btnB3Next');\n\n        let isDragging = false;\n        let currentImageArray = [];\n        let currentImageIndex = 0;\n\n        \/\/ H\u00e0m b\u00f3c t\u00e1ch link th\u1eadt (Ch\u1ed1ng Lazy Load)\n        function getRealImgSrc(imgEl) {\n            return imgEl.getAttribute('data-src') || \n                   imgEl.getAttribute('data-lazy-src') || \n                   imgEl.getAttribute('data-opt-src') || \n                   imgEl.src;\n        }\n\n        \/\/ 1. SWITCH TAB\n        btns.forEach(btn => {\n            btn.addEventListener('click', function() {\n                btns.forEach(b => b.classList.remove('active'));\n                panes.forEach(p => p.classList.remove('active'));\n                this.classList.add('active');\n                const typeId = this.getAttribute('data-type');\n                const targetPane = document.getElementById(typeId);\n                if(targetPane) targetPane.classList.add('active');\n            });\n        });\n\n        \/\/ 2. DRAG & SWIPE\n        viewports.forEach(slider => {\n            let isDown = false; let startX; let scrollLeft;\n\n            slider.addEventListener('mousedown', (e) => {\n                isDown = true; isDragging = false; slider.style.cursor = 'grabbing';\n                startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft;\n            });\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) => {\n                if(!isDown) return;\n                const x = e.pageX - slider.offsetLeft;\n                const walk = (x - startX) * 1.5; \n                if(Math.abs(walk) > 5) isDragging = true; \n                slider.scrollLeft = scrollLeft - walk;\n            });\n\n            slider.addEventListener('touchstart', (e) => {\n                isDown = true; isDragging = false;\n                startX = e.touches[0].pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft;\n            });\n            slider.addEventListener('touchend', () => { isDown = false; });\n            slider.addEventListener('touchmove', (e) => {\n                if(!isDown) return;\n                const x = e.touches[0].pageX - slider.offsetLeft;\n                const walk = (x - startX) * 1.5;\n                if(Math.abs(walk) > 5) isDragging = true; \n                slider.scrollLeft = scrollLeft - walk;\n            });\n        });\n\n        \/\/ 3. LIGHTBOX LOGIC\n        const allCards = document.querySelectorAll('.b3-card');\n        allCards.forEach(card => {\n            card.addEventListener('click', function(e) {\n                e.preventDefault(); \n                if (isDragging) return; \n                \n                const parentPane = this.closest('.b3-pane');\n                if (!parentPane) return;\n                \n                const imgs = Array.from(parentPane.querySelectorAll('.b3-card img'));\n                currentImageArray = imgs;\n                \n                const clickedImg = this.querySelector('img');\n                currentImageIndex = imgs.indexOf(clickedImg);\n                if(currentImageIndex === -1) currentImageIndex = 0;\n                \n                lbImg.src = getRealImgSrc(currentImageArray[currentImageIndex]);\n                lightbox.classList.add('show');\n            });\n        });\n\n        function showNextImage() {\n            if (currentImageArray.length === 0) return;\n            currentImageIndex++;\n            if (currentImageIndex >= currentImageArray.length) currentImageIndex = 0;\n            lbImg.src = getRealImgSrc(currentImageArray[currentImageIndex]);\n        }\n\n        function showPrevImage() {\n            if (currentImageArray.length === 0) return;\n            currentImageIndex--;\n            if (currentImageIndex < 0) currentImageIndex = currentImageArray.length - 1;\n            lbImg.src = getRealImgSrc(currentImageArray[currentImageIndex]);\n        }\n\n        if(nextBtn) { nextBtn.addEventListener('click', function(e) { e.stopPropagation(); showNextImage(); }); }\n        if(prevBtn) { prevBtn.addEventListener('click', function(e) { e.stopPropagation(); showPrevImage(); }); }\n\n        document.addEventListener('keydown', function(e) {\n            if (!lightbox.classList.contains('show')) return;\n            if (e.key === 'ArrowRight') showNextImage();\n            if (e.key === 'ArrowLeft') showPrevImage();\n            if (e.key === 'Escape') lightbox.classList.remove('show');\n        });\n\n        if(closeBtn) { closeBtn.addEventListener('click', (e) => { e.stopPropagation(); lightbox.classList.remove('show'); }); }\n        if(lightbox) { lightbox.addEventListener('click', (e) => { if(e.target === lightbox) { lightbox.classList.remove('show'); } }); }\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-66c5755 e-con-full e-flex e-con e-parent\" data-id=\"66c5755\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-475c384 elementor-widget elementor-widget-html\" data-id=\"475c384\" 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=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,600;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    \/* === 1. M\u00c0U S\u1eaeC & C\u1ea4U H\u00ccNH === *\/\n    :root {\n        --bronze: #8B6E45;\n        --navy: #0D192B;\n        --ivory: #fdfcf9;\n        --white: #FFFFFF;\n        --shadow-warm: rgba(139, 110, 69, 0.15);\n        --gold-lux: #D1B286; \n        --gold-text-gradient: linear-gradient(to right, #D1B286, #FFF0D6, #D1B286);\n    }\n\n    .price-cozy-section {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--ivory);\n        padding: 80px 0 120px 0;\n        text-align: center;\n    }\n\n    .price-wrapper-1200 {\n        max-width: 1000px; margin: 0 auto; padding: 0 20px;\n    }\n\n    \/* === 2. HEADER === *\/\n    .pc-header { margin-bottom: 50px; }\n\n    \/* \u0110\u00e3 \u0111\u1ed3ng b\u1ed9 ph\u00f4ng Montserrat 900 v\u00e0 hi\u1ec7u \u1ee9ng v\u00e0ng l\u1ea5p l\u00e1nh *\/\n    .pc-title {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 48px; font-weight: 900; text-transform: uppercase;\n        margin: 0 0 10px 0; letter-spacing: 2px;\n        \n        background: var(--gold-text-gradient);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: shineText 5s linear infinite;\n        filter: drop-shadow(0 2px 5px rgba(209, 178, 134, 0.3));\n    }\n\n    @keyframes shineText { to { background-position: 200% center; } }\n\n    .pc-subtitle {\n        font-family: 'Playfair Display', serif;\n        font-size: 20px; color: var(--bronze); font-style: italic;\n    }\n\n    \/* === 3. COZY CARD === *\/\n    .cozy-card-container {\n        background: var(--white);\n        padding: 40px;\n        border-radius: 20px;\n        box-shadow: 0 30px 60px -10px var(--shadow-warm), 0 10px 20px -5px rgba(0,0,0,0.05);\n        position: relative;\n        transition: transform 0.4s ease;\n    }\n\n    .cozy-card-container:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 40px 80px -10px var(--shadow-warm);\n    }\n\n    \/* \u1ea2NH B\u1ea2NG GI\u00c1 *\/\n    .cozy-image-wrapper {\n        border-radius: 12px; overflow: hidden;\n        border: 1px solid rgba(0,0,0,0.05);\n        cursor: zoom-in; position: relative;\n    }\n\n    .cozy-image-wrapper img {\n        width: 100%; height: auto; display: block;\n        transition: transform 0.5s ease;\n    }\n    \n    .cozy-image-wrapper img + img { margin-top: 5px; }\n    \n    .cozy-image-wrapper:hover img { opacity: 0.98; }\n\n    \/* Hint text *\/\n    .zoom-hint {\n        position: absolute; bottom: 20px; right: 20px;\n        background: rgba(13, 25, 43, 0.8); color: #fff;\n        padding: 8px 15px; border-radius: 30px; font-size: 12px;\n        pointer-events: none; opacity: 0; transition: 0.3s;\n    }\n    .cozy-image-wrapper:hover .zoom-hint { opacity: 1; }\n\n    \/* === 4. FOOTER NOTE === *\/\n    .cozy-footer-note {\n        margin-top: 35px;\n        display: flex; flex-direction: column; align-items: center; gap: 10px;\n    }\n    .note-icon { color: var(--bronze); font-size: 24px; margin-bottom: 5px; }\n    .note-text {\n        font-family: 'Playfair Display', serif;\n        font-size: 18px; color: #555; max-width: 600px; line-height: 1.6;\n    }\n    .note-text strong { color: var(--navy); font-weight: 600; }\n    .signature {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 13px; font-weight: 700; text-transform: uppercase;\n        color: var(--bronze); letter-spacing: 2px; margin-top: 15px;\n        position: relative; display: inline-block;\n    }\n    .signature::before, .signature::after {\n        content: ''; position: absolute; top: 50%; \n        width: 30px; height: 1px; background: var(--bronze); opacity: 0.5;\n    }\n    .signature::before { right: 100%; margin-right: 15px; }\n    .signature::after { left: 100%; margin-left: 15px; }\n\n    \/* === 5. LIGHTBOX === *\/\n    .lightbox-modal {\n        display: none; position: fixed; z-index: 9999;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-color: rgba(13, 25, 43, 0.95);\n        align-items: center; justify-content: center;\n        opacity: 0; transition: opacity 0.3s ease;\n        overflow-y: auto; padding: 20px;\n    }\n    .lightbox-modal.active { display: flex; opacity: 1; }\n    \n    .lightbox-content-wrapper {\n        max-width: 900px; width: 100%;\n        display: flex; flex-direction: column; gap: 10px;\n        transform: scale(0.9); transition: transform 0.3s ease;\n    }\n    .lightbox-modal.active .lightbox-content-wrapper { transform: scale(1); }\n\n    .lightbox-img {\n        width: 100%; height: auto;\n        border-radius: 4px;\n        box-shadow: 0 0 50px rgba(0,0,0,0.5);\n    }\n\n    .close-btn {\n        position: fixed; top: 30px; right: 40px;\n        color: #fff; font-size: 40px; cursor: pointer;\n        transition: 0.3s; z-index: 10000;\n    }\n    .close-btn:hover { color: var(--bronze); transform: rotate(90deg); }\n\n    @media (max-width: 768px) {\n        .cozy-card-container { padding: 15px; }\n        .pc-title { font-size: 34px; }\n        .close-btn { top: 20px; right: 20px; font-size: 30px; }\n    }\n<\/style>\n\n<div class=\"price-cozy-section\">\n    <div class=\"price-wrapper-1200\">\n        \n        <div class=\"pc-header\">\n            <h2 class=\"pc-title\">B\u1ea3ng Gi\u00e1 V\u00e0 Ti\u1ec7n \u00cdch<\/h2>\n            <div class=\"pc-subtitle\">Chi ti\u1ebft m\u1ee9c gi\u00e1 & ti\u1ec7n \u00edch t\u1ea1i Base 03 (L\u1ea1c Long Qu\u00e2n)<\/div>\n        <\/div>\n\n        <div class=\"cozy-card-container\">\n            <div class=\"cozy-image-wrapper\" onclick=\"openLightbox()\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/03\/3.-Bang-tien-ich-LLQ-1n1k.png\" alt=\"Base 3 Price Page 1\">\n                <img decoding=\"async\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/03\/3.1.-Bang-tien-ich-LLQ-stu.png\" alt=\"Base 3 Price Page 2\">\n                \n                <div class=\"zoom-hint\"><i class=\"fas fa-search-plus\"><\/i> Nh\u1ea5p \u0111\u1ec3 ph\u00f3ng to<\/div>\n            <\/div>\n\n            <div class=\"cozy-footer-note\">\n                <div class=\"note-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\n                <div class=\"note-text\">\n                    \"S\u1ef1 minh b\u1ea1ch l\u00e0 \u01b0u ti\u00ean h\u00e0ng \u0111\u1ea7u t\u1ea1i HanoPalais. <br>\n                    To\u00e0n b\u1ed9 ti\u1ec7n \u00edch li\u1ec7t k\u00ea trong b\u1ea3ng gi\u00e1 \u0111\u1ec1u \u0111\u01b0\u1ee3c <strong>mi\u1ec5n ph\u00ed ho\u00e0n to\u00e0n<\/strong>. Kh\u00f4ng ph\u1ee5 ph\u00ed \u1ea9n.\"\n                <\/div>\n                <div class=\"signature\">\u0110\u1ed9i ng\u0169 HanoPalais<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"lightbox-modal\" id=\"priceLightbox\" onclick=\"closeLightbox(event)\">\n    <span class=\"close-btn\" onclick=\"closeLightbox(event, true)\">&times;<\/span>\n    <div class=\"lightbox-content-wrapper\">\n        <img decoding=\"async\" class=\"lightbox-img\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/03\/3.-Bang-tien-ich-LLQ-1n1k.png\">\n        <img decoding=\"async\" class=\"lightbox-img\" src=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2026\/03\/3.1.-Bang-tien-ich-LLQ-stu.png\">\n    <\/div>\n<\/div>\n\n<script>\n    function openLightbox() {\n        const modal = document.getElementById('priceLightbox');\n        modal.style.display = 'flex';\n        setTimeout(() => { modal.classList.add('active'); }, 10);\n    }\n\n    function closeLightbox(event, force = false) {\n        if (force || event.target.id === 'priceLightbox') {\n            const modal = document.getElementById('priceLightbox');\n            modal.classList.remove('active');\n            setTimeout(() => { modal.style.display = 'none'; }, 300);\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-4bc3e2f e-con-full e-flex e-con e-parent\" data-id=\"4bc3e2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-591b2d5 elementor-widget elementor-widget-html\" data-id=\"591b2d5\" 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<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3723.1829295045222!2d105.80849909999999!3d21.0653548!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab4e24db24e7%3A0x49b04af42b94e450!2sHanoPalais%20Homestay%20and%20Residence!5e0!3m2!1svi!2s!4v1762919294802!5m2!1svi!2s\" width=\"800\" height=\"600\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\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-e5402bb e-con-full e-flex e-con e-parent\" data-id=\"e5402bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d960a94 elementor-widget elementor-widget-shortcode\" data-id=\"d960a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><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    \/* === 1. SETUP VARIABLES === *\/\n    :root {\n        --navy-deep: #050b14;\n        --navy-main: #0a1525;\n        --navy-light: #1c2e4a;\n        \n        \/* M\u00c0U V\u00c0NG S\u00c2M-PANH *\/\n        --gold-lux: #D1B286; \n        --gold-gradient: linear-gradient(135deg, #D1B286 0%, #F2E3C8 50%, #D1B286 100%);\n        --gold-text-gradient: linear-gradient(to right, #D1B286, #FFF0D6, #D1B286);\n        \n        --white: #ffffff;\n        --ivory-bg: #fdfcf9;\n        --text-grey: #666;\n    }\n\n    \/* === 2. BACKGROUND & LAYOUT === *\/\n    .hano-booking-page {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--ivory-bg);\n        background-image: radial-gradient(circle at 50% 0%, #ffffff 0%, var(--ivory-bg) 100%);\n        min-height: 100vh;\n        padding: 80px 20px;\n        position: relative; overflow: hidden;\n        display: flex; flex-direction: column; align-items: center; gap: 80px;\n    }\n\n    \/* ORBS BACKGROUND *\/\n    .bg-orb {\n        position: absolute; border-radius: 50%; filter: blur(90px); z-index: 0; opacity: 0.5;\n        animation: floatOrb 10s infinite ease-in-out alternate;\n    }\n    .orb-1 { width: 400px; height: 400px; background: rgba(209, 178, 134, 0.15); top: -100px; left: -100px; }\n    .orb-2 { width: 500px; height: 500px; background: rgba(10, 21, 37, 0.05); bottom: -100px; right: -100px; animation-delay: -5s; }\n    @keyframes floatOrb { from { transform: translate(0,0); } to { transform: translate(20px, 40px); } }\n\n    \/* === 3. HEADER SECTION (\u0110\u1ed4I SANG MONTSERRAT \u0110\u1ec2 TR\u00c1NH L\u1ed6I D\u1ea4U) === *\/\n    .page-header { text-align: center; max-width: 800px; position: relative; z-index: 2; }\n    \n    .main-title {\n        font-family: 'Montserrat', sans-serif; font-size: 54px; font-weight: 900;\n        text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: 2px; line-height: 1.2;\n        background: var(--gold-text-gradient); background-size: 200% auto;\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        animation: shineText 5s linear infinite;\n    }\n    @keyframes shineText { to { background-position: 200% center; } }\n\n    .main-desc { font-size: 16px; color: var(--text-grey); line-height: 1.8; font-weight: 500; }\n    .main-desc strong { color: var(--navy-main); }\n\n    \/* === 4. BOOKING CARD === *\/\n    .booking-card {\n        position: relative; z-index: 2; width: 100%; max-width: 1100px;\n        background: var(--white); border-radius: 24px;\n        box-shadow: 0 30px 60px -10px rgba(10, 21, 37, 0.15);\n        display: flex; overflow: hidden; border: 1px solid rgba(209, 178, 134, 0.2);\n    }\n    .form-col { flex: 1.5; padding: 50px; background: #fff; }\n    \n    .form-heading {\n        font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 26px; color: var(--navy-main); text-transform: uppercase;\n        margin-bottom: 20px; border-bottom: 2px solid rgba(209, 178, 134, 0.3); \n        display: inline-block; padding-bottom: 5px;\n    }\n    \n    .info-col {\n        flex: 1; background: var(--navy-main); color: var(--white);\n        padding: 50px; display: flex; flex-direction: column; justify-content: space-between; position: relative;\n    }\n    .info-pattern {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-image: radial-gradient(rgba(209, 178, 134, 0.1) 1px, transparent 1px);\n        background-size: 20px 20px; opacity: 0.5; pointer-events: none;\n    }\n    .info-title { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 24px; color: var(--gold-lux); margin-bottom: 30px; text-transform: uppercase; }\n    \n    .contact-list { display: flex; flex-direction: column; gap: 25px; }\n    .c-item { display: flex; align-items: center; gap: 15px; }\n    .c-icon {\n        width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.05); color: var(--gold-lux);\n        border: 1px solid rgba(209, 178, 134, 0.3); display: flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.3s;\n    }\n    .c-item:hover .c-icon { background: var(--gold-gradient); color: var(--navy-main); box-shadow: 0 0 15px rgba(209, 178, 134, 0.5); }\n    .c-text label { font-size: 11px; text-transform: uppercase; opacity: 0.6; display: block; margin-bottom: 2px; }\n    .c-text strong { display: block; font-size: 16px; letter-spacing: 0.5px; line-height: 1.4; }\n    \n    \/* Social Buttons *\/\n    .social-row { display: flex; gap: 12px; margin-top: 40px; flex-wrap: wrap; }\n    .s-link {\n        width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;\n        background: rgba(255,255,255,0.1); color: #fff; text-decoration: none; border-radius: 8px; transition: 0.3s;\n    }\n    .s-link:hover { background: var(--gold-lux); color: var(--navy-main); transform: translateY(-3px); }\n    .s-link i { font-size: 18px; }\n\n    \/* === 5. WHY CHOOSE US (3 CARDS) === *\/\n    .features-section { width: 100%; max-width: 1100px; z-index: 2; }\n    .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; }\n    \n    .feat-card-box {\n        background: #fff; padding: 40px 30px; border-radius: 20px; text-align: center;\n        box-shadow: 0 15px 40px -10px rgba(10,21,37,0.05); border: 1px solid rgba(0,0,0,0.03); transition: 0.4s;\n    }\n    .feat-card-box:hover { transform: translateY(-10px); box-shadow: 0 25px 50px -10px rgba(209, 178, 134, 0.2); border-color: var(--gold-lux); }\n    \n    .feat-icon-circle {\n        font-size: 30px; color: var(--navy-main); margin-bottom: 20px;\n        width: 70px; height: 70px; background: rgba(209, 178, 134, 0.15); border-radius: 50%;\n        display: inline-flex; align-items: center; justify-content: center; transition: 0.4s;\n    }\n    .feat-card-box:hover .feat-icon-circle { background: var(--gold-gradient); color: var(--navy-main); }\n    \n    .feat-title { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 20px; color: var(--navy-main); margin-bottom: 10px; }\n    .feat-desc { font-size: 14px; color: var(--text-grey); line-height: 1.6; }\n\n    \/* === 6. PROCESS & FAQ === *\/\n    .extra-section {\n        width: 100%; max-width: 1100px; z-index: 2;\n        display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\n    }\n    \n    .section-head {\n        font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 28px; color: var(--navy-main); text-transform: uppercase;\n        margin-bottom: 30px; position: relative; padding-left: 20px; border: none !important;\n    }\n    .section-head::before {\n        content: ''; position: absolute; left: 0; top: 10%; height: 80%; width: 5px; \n        background: var(--gold-lux); border-radius: 4px;\n    }\n\n    \/* Process Steps - Hover Effects *\/\n    .step-row { \n        display: flex; gap: 20px; margin-bottom: 20px;\n        padding: 20px; border-radius: 15px;\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        border: 1px solid transparent; cursor: default;\n    }\n    .step-row:hover {\n        background: #fff; transform: translateX(10px);\n        box-shadow: 0 10px 30px -5px rgba(209, 178, 134, 0.25);\n        border-color: rgba(209, 178, 134, 0.3);\n    }\n    .step-num {\n        font-family: 'Alata', sans-serif; font-size: 32px; font-weight: 900; min-width: 50px;\n        background: var(--gold-text-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        transition: transform 0.4s;\n    }\n    .step-row:hover .step-num { transform: scale(1.15); }\n    .step-info h4 { \n        margin: 0 0 5px 0; font-size: 18px; color: var(--navy-main); font-weight: 700; transition: color 0.3s;\n    }\n    .step-row:hover .step-info h4 { color: var(--gold-lux); }\n    .step-info p { margin: 0; font-size: 14px; color: var(--text-grey); }\n\n    \/* FAQ List *\/\n    .faq-list { display: flex; flex-direction: column; gap: 15px; }\n    .faq-box {\n        background: #fff; padding: 20px; border-radius: 12px; border: 1px solid #eee;\n        transition: 0.3s;\n    }\n    .faq-box:hover { border-color: var(--gold-lux); box-shadow: 0 5px 15px rgba(209, 178, 134, 0.15); transform: translateY(-3px); }\n    .faq-q { font-weight: 700; color: var(--navy-main); font-size: 15px; display: block; margin-bottom: 5px; }\n    .faq-q i { color: var(--gold-lux); margin-right: 8px; }\n    .faq-a { font-size: 14px; color: var(--text-grey); line-height: 1.5; }\n\n    \/* === 7. WPFORMS CUSTOM === *\/\n    div.wpforms-container-full .wpforms-form button[type=submit] {\n        background: var(--gold-gradient) !important; color: var(--navy-main) !important;\n        font-family: 'Alata', sans-serif !important; font-weight: 800 !important; text-transform: uppercase !important;\n        padding: 15px 30px !important; border-radius: 50px !important; border: none !important; width: 100% !important;\n        transition: 0.4s !important; box-shadow: 0 10px 20px rgba(209, 178, 134, 0.3) !important;\n    }\n    div.wpforms-container-full .wpforms-form button[type=submit]:hover {\n        background: var(--navy-main) !important; color: var(--gold-lux) !important;\n        box-shadow: 0 15px 30px rgba(10, 21, 37, 0.3) !important; transform: translateY(-2px);\n    }\n    div.wpforms-container-full .wpforms-form input, div.wpforms-container-full .wpforms-form textarea {\n        border-radius: 8px !important; border: 1px solid #eee !important; padding: 12px !important; font-family: 'Montserrat', sans-serif !important; background: #fdfcf9 !important;\n    }\n    div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus {\n        border-color: var(--gold-lux) !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(209, 178, 134, 0.1) !important;\n    }\n\n    @media (max-width: 900px) {\n        .booking-card, .features-grid, .extra-section { flex-direction: column; grid-template-columns: 1fr; }\n        .main-title { font-size: 36px; }\n        .form-col, .info-col { padding: 30px 20px; }\n    }\n<\/style>\n\n<div class=\"hano-booking-page\">\n    \n    <div class=\"bg-orb orb-1\"><\/div>\n    <div class=\"bg-orb orb-2\"><\/div>\n\n    <div class=\"page-header\">\n        <h1 class=\"main-title\">\u0110\u1eb7t Ph\u00f2ng<\/h1>\n        <p class=\"main-desc\">\n            Tr\u1ea3i nghi\u1ec7m s\u1ef1 giao thoa ho\u00e0n h\u1ea3o gi\u1eefa <strong>Ti\u00eau Chu\u1ea9n Kh\u00e1ch S\u1ea1n<\/strong> v\u00e0 <strong>S\u1ef1 \u1ea4m C\u00fang Gia \u0110\u00ecnh<\/strong>.<br>\n            H\u00e3y gi\u1eef ngay ch\u1ed7 cho k\u1ef3 l\u01b0u tr\u00fa c\u1ee7a b\u1ea1n t\u1ea1i HanoPalais.\n        <\/p>\n    <\/div>\n\n    <div class=\"booking-card\">\n        <div class=\"form-col\">\n            <h3 class=\"form-heading\">Th\u00f4ng Tin \u0110\u1eb7t Ph\u00f2ng<\/h3>\n            <div class=\"wpforms-container-full\">\n                <div class=\"wpforms-container \" id=\"wpforms-70\"><form id=\"wpforms-form-70\" class=\"wpforms-validate wpforms-form\" data-formid=\"70\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/2728\" data-token=\"4c84b4e6cc61dbcb32e03ec3ebc3e0fa\" data-token-time=\"1780504202\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-70-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_0\">Full Name <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-70-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" placeholder=\"Nguyen Van A\" required><\/div><div id=\"wpforms-70-field_4-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_4\">Phone Number <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"number\" id=\"wpforms-70-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" placeholder=\"0123456789\" step=\"any\" required><\/div><div id=\"wpforms-70-field_19-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"19\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_19\">Number of Guests <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-70-field_19\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][19]\" placeholder=\"Adults &amp; Children\" required><\/div><div id=\"wpforms-70-field_17-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"17\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_17\">Base number<\/label><select id=\"wpforms-70-field_17\" class=\"wpforms-field-large\" name=\"wpforms[fields][17]\"><option value=\"Base 01: B\u01b0\u1edfi Street\"  class=\"choice-1 depth-1\"  >Base 01: B\u01b0\u1edfi Street<\/option><option value=\"Base 02: V\u00f5ng Th\u1ecb\"  class=\"choice-2 depth-1\"  >Base 02: V\u00f5ng Th\u1ecb<\/option><option value=\"Base 03: L\u1ea1c Long Qu\u00e2n\"  class=\"choice-3 depth-1\"  >Base 03: L\u1ea1c Long Qu\u00e2n<\/option><option value=\"Base 04: V\u0169 T\u00f4ng Phan\"  class=\"choice-5 depth-1\"  >Base 04: V\u0169 T\u00f4ng Phan<\/option><option value=\"Base 05: V\u0169 Ng\u1ecdc Phan\"  class=\"choice-6 depth-1\"  >Base 05: V\u0169 Ng\u1ecdc Phan<\/option><option value=\"Base 06: X\u00e3 \u0110\u00e0n\"  class=\"choice-7 depth-1\"  >Base 06: X\u00e3 \u0110\u00e0n<\/option><option value=\"Base 08: H\u1ed3 T\u00f9ng M\u1eadu\"  class=\"choice-8 depth-1\"  >Base 08: H\u1ed3 T\u00f9ng M\u1eadu<\/option><option value=\"Base 09: V\u0103n Cao\"  class=\"choice-9 depth-1\"  >Base 09: V\u0103n Cao<\/option><\/select><\/div><div id=\"wpforms-70-field_20-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"20\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_20\">Check-in \/ Check-out Dates <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-70-field_20\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][20]\" placeholder=\"Ex: 01\/09\/2025 - 03\/09\/2025\" required><\/div><div id=\"wpforms-70-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_2\">Message <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-70-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Please let us know if you have any special requests.\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-70-field-hp\" class=\"wpforms-field-label\">Comment<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-70-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"70\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages\/2728\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-70\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Send\" aria-live=\"assertive\" value=\"wpforms-submit\">Send<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\n            <\/div>\n        <\/div>\n\n        <div class=\"info-col\">\n            <div class=\"info-pattern\"><\/div>\n            <div>\n                <h3 class=\"info-title\">Li\u00ean H\u1ec7<\/h3>\n                <div class=\"contact-list\">\n                    <div class=\"c-item\">\n                        <div class=\"c-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                        <div class=\"c-text\">\n                            <label>Hotline CSKH<\/label>\n                            <strong>+84 59 3333 863<\/strong>\n                            <strong>+84 59 3333 823<\/strong>\n                        <\/div>\n                    <\/div>\n                    <div class=\"c-item\">\n                        <div class=\"c-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                        <div class=\"c-text\"><label>Th\u01b0 \u0111i\u1ec7n t\u1eed<\/label><strong>hanopalais@gmail.com<\/strong><\/div>\n                    <\/div>\n                    <div class=\"c-item\">\n                        <div class=\"c-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                        <div class=\"c-text\"><label>Tr\u1ee5 s\u1edf ch\u00ednh<\/label><strong>56 V\u01b0\u01a1ng Th\u1eeba V\u0169, Thanh Xu\u00e2n, H\u00e0 N\u1ed9i<\/strong><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div>\n                <div style=\"font-size:12px; text-transform:uppercase; letter-spacing:1px; opacity:0.7;\">Theo d\u00f5i ch\u00fang t\u00f4i<\/div>\n                <div class=\"social-row\">\n                    <a href=\"https:\/\/www.facebook.com\/share\/1SjMZbwYnV\/?mibextid=wwXIfr\" target=\"_blank\" class=\"s-link\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"https:\/\/www.instagram.com\/hanopalais.homestay.residence\/\" target=\"_blank\" class=\"s-link\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                    <a href=\"https:\/\/www.tiktok.com\/@hanopalais\" target=\"_blank\" class=\"s-link\" title=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n                    <a href=\"https:\/\/wa.me\/84593333863\" target=\"_blank\" class=\"s-link\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                    <a href=\"https:\/\/zalo.me\/0593333823\" target=\"_blank\" class=\"s-link\" title=\"Zalo\"><i class=\"fas fa-comment-dots\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"features-section\">\n        <div style=\"text-align:center;\">\n            <h3 class=\"main-title\" style=\"font-size:32px; margin-bottom:10px;\">L\u00fd Do Ch\u1ecdn Ch\u00fang T\u00f4i<\/h3>\n            <p style=\"color:#666;\">\u0110\u1ecbnh h\u00ecnh l\u1ea1i phong c\u00e1ch l\u01b0u tr\u00fa c\u1ee7a b\u1ea1n v\u1edbi nh\u1eefng ti\u00eau chu\u1ea9n v\u01b0\u1ee3t tr\u1ed9i.<\/p>\n        <\/div>\n        \n        <div class=\"features-grid\">\n            <div class=\"feat-card-box\">\n                <div class=\"feat-icon-circle\"><i class=\"fas fa-crown\"><\/i><\/div>\n                <h3 class=\"feat-title\">Ch\u1ea5t L\u01b0\u1ee3ng Th\u01b0\u1ee3ng L\u01b0u<\/h3>\n                <p class=\"feat-desc\">S\u1ef1 k\u1ebft h\u1ee3p ho\u00e0n h\u1ea3o gi\u1eefa ti\u1ec7n \u00edch kh\u00e1ch s\u1ea1n 5 sao v\u00e0 s\u1ef1 \u1ea5m c\u00fang, ri\u00eang t\u01b0 c\u1ee7a m\u1ed9t ng\u00f4i nh\u00e0 cao c\u1ea5p.<\/p>\n            <\/div>\n            <div class=\"feat-card-box\">\n                <div class=\"feat-icon-circle\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\n                <h3 class=\"feat-title\">V\u1ecb Tr\u00ed \u0110\u1eafc \u0110\u1ecba<\/h3>\n                <p class=\"feat-desc\">T\u1ea5t c\u1ea3 c\u0103n h\u1ed9 \u0111\u1ec1u t\u1ecda l\u1ea1c t\u1ea1i c\u00e1c qu\u1eadn trung t\u00e2m H\u00e0 N\u1ed9i (Ba \u0110\u00ecnh, T\u00e2y H\u1ed3, \u0110\u1ed1ng \u0110a), di chuy\u1ec3n c\u1ef1c k\u1ef3 thu\u1eadn ti\u1ec7n.<\/p>\n            <\/div>\n            <div class=\"feat-card-box\">\n                <div class=\"feat-icon-circle\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                <h3 class=\"feat-title\">Ri\u00eang T\u01b0 & B\u1ea3o M\u1eadt<\/h3>\n                <p class=\"feat-desc\">Lu\u00f4n t\u00f4n tr\u1ecdng s\u1ef1 ri\u00eang t\u01b0 c\u1ee7a kh\u00e1ch h\u00e0ng v\u1edbi h\u1ec7 th\u1ed1ng t\u1ef1 nh\u1eadn ph\u00f2ng v\u00e0 \u0111\u1ed9i ng\u0169 an ninh h\u1ed7 tr\u1ee3 24\/7.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"extra-section\">\n        \n        <div>\n            <h3 class=\"section-head\">Quy Tr\u00ecnh \u0110\u1eb7t Ph\u00f2ng<\/h3>\n            <div class=\"step-row\">\n                <div class=\"step-num\">01<\/div>\n                <div class=\"step-info\">\n                    <h4>G\u1eedi Y\u00eau C\u1ea7u<\/h4>\n                    <p>\u0110i\u1ec1n th\u00f4ng tin v\u00e0o bi\u1ec3u m\u1eabu tr\u00ean c\u00f9ng v\u1edbi ng\u00e0y l\u01b0u tr\u00fa mong mu\u1ed1n c\u1ee7a b\u1ea1n.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"step-row\">\n                <div class=\"step-num\">02<\/div>\n                <div class=\"step-info\">\n                    <h4>X\u00e1c Nh\u1eadn & Thanh To\u00e1n<\/h4>\n                    <p>\u0110\u1ed9i ng\u0169 HanoPalais s\u1ebd li\u00ean h\u1ec7 x\u00e1c nh\u1eadn ph\u00f2ng tr\u1ed1ng v\u00e0 h\u01b0\u1edbng d\u1eabn thanh to\u00e1n nhanh ch\u00f3ng.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"step-row\">\n                <div class=\"step-num\">03<\/div>\n                <div class=\"step-info\">\n                    <h4>Nh\u1eadn Ph\u00f2ng<\/h4>\n                    <p>Nh\u1eadn m\u00e3 s\u1ed1 m\u1edf c\u1eeda b\u1ea3o m\u1eadt ri\u00eang t\u01b0 v\u00e0 t\u1ef1 do t\u1eadn h\u01b0\u1edfng k\u1ef3 ngh\u1ec9 c\u1ee7a b\u1ea1n!<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div>\n            <h3 class=\"section-head\">C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p<\/h3>\n            <div class=\"faq-list\">\n                <div class=\"faq-box\">\n                    <span class=\"faq-q\"><i class=\"fas fa-clock\"><\/i> Th\u1eddi gian Nh\u1eadn\/Tr\u1ea3 ph\u00f2ng l\u00e0 khi n\u00e0o?<\/span>\n                    <span class=\"faq-a\">Nh\u1eadn ph\u00f2ng: 14:00 | Tr\u1ea3 ph\u00f2ng: 12:00. Ch\u00fang t\u00f4i c\u00f3 h\u1ed7 tr\u1ee3 nh\u1eadn ph\u00f2ng s\u1edbm n\u1ebfu ph\u00f2ng \u0111\u00e3 tr\u1ed1ng.<\/span>\n                <\/div>\n                <div class=\"faq-box\">\n                    <span class=\"faq-q\"><i class=\"fas fa-credit-card\"><\/i> C\u00e1c ph\u01b0\u01a1ng th\u1ee9c thanh to\u00e1n?<\/span>\n                    <span class=\"faq-a\">HanoPalais ch\u1ea5p nh\u1eadn Chuy\u1ec3n kho\u1ea3n (Qu\u00e9t m\u00e3 QR), th\u1ebb Visa\/Mastercard v\u00e0 Ti\u1ec1n m\u1eb7t.<\/span>\n                <\/div>\n                <div class=\"faq-box\">\n                    <span class=\"faq-q\"><i class=\"fas fa-calendar-alt\"><\/i> C\u00f3 h\u1ed7 tr\u1ee3 thu\u00ea d\u00e0i h\u1ea1n kh\u00f4ng?<\/span>\n                    <span class=\"faq-a\">Ch\u1eafc ch\u1eafn r\u1ed3i. Ch\u00fang t\u00f4i lu\u00f4n c\u00f3 ch\u00ednh s\u00e1ch \u01b0u \u0111\u00e3i gi\u00e1 c\u1ef1c t\u1ed1t cho kh\u00e1ch thu\u00ea theo tu\u1ea7n v\u00e0 theo th\u00e1ng.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div><\/div>\n\t\t\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 &#8211; BASE 03 \u0110\u1ecba ch\u1ec9: S\u1ed1 29, Ph\u1ed1 565 L\u1ea1c Long Qu\u00e2n, T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i S\u1edf h\u1eefu v\u1ecb tr\u00ed \u0111\u1eafc \u0111\u1ecba t\u1ea1i c\u1eeda ng\u00f5 Th\u1ee7 \u0111\u00f4, Base 03 mang \u0111\u1ebfn s\u1ef1 k\u1ebft n\u1ed1i ho\u00e0n h\u1ea3o gi\u1eefa s\u00e2n bay N\u1ed9i B\u00e0i v\u00e0 trung t\u00e2m th\u00e0nh ph\u1ed1. C\u00e1c c\u0103n h\u1ed9 Studio hi\u1ec7n \u0111\u1ea1i t\u1ea1i \u0111\u00e2y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"default","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-2728","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>Base 3 - HanoPalais<\/title>\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\/base-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Base 3 - HanoPalais\" \/>\n<meta property=\"og:description\" content=\"HANOPALAIS &#8211; BASE 03 \u0110\u1ecba ch\u1ec9: S\u1ed1 29, Ph\u1ed1 565 L\u1ea1c Long Qu\u00e2n, T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i S\u1edf h\u1eefu v\u1ecb tr\u00ed \u0111\u1eafc \u0111\u1ecba t\u1ea1i c\u1eeda ng\u00f5 Th\u1ee7 \u0111\u00f4, Base 03 mang \u0111\u1ebfn s\u1ef1 k\u1ebft n\u1ed1i ho\u00e0n h\u1ea3o gi\u1eefa s\u00e2n bay N\u1ed9i B\u00e0i v\u00e0 trung t\u00e2m th\u00e0nh ph\u1ed1. C\u00e1c c\u0103n h\u1ed9 Studio hi\u1ec7n \u0111\u1ea1i t\u1ea1i \u0111\u00e2y [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hanopalais.com\/en\/base-3\/\" \/>\n<meta property=\"og:site_name\" content=\"HanoPalais\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-31T11:00:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/\",\"name\":\"Base 3 - HanoPalais\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/IMG_1488-scaled.jpg\",\"datePublished\":\"2025-12-23T07:45:59+00:00\",\"dateModified\":\"2026-05-31T11:00:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/IMG_1488-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/hanopalais.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/IMG_1488-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hanopalais.com\\\/base-3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\\\/\\\/hanopalais.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Base 3\"}]},{\"@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":"Base 3 - HanoPalais","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\/base-3\/","og_locale":"en_US","og_type":"article","og_title":"Base 3 - HanoPalais","og_description":"HANOPALAIS &#8211; BASE 03 \u0110\u1ecba ch\u1ec9: S\u1ed1 29, Ph\u1ed1 565 L\u1ea1c Long Qu\u00e2n, T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i S\u1edf h\u1eefu v\u1ecb tr\u00ed \u0111\u1eafc \u0111\u1ecba t\u1ea1i c\u1eeda ng\u00f5 Th\u1ee7 \u0111\u00f4, Base 03 mang \u0111\u1ebfn s\u1ef1 k\u1ebft n\u1ed1i ho\u00e0n h\u1ea3o gi\u1eefa s\u00e2n bay N\u1ed9i B\u00e0i v\u00e0 trung t\u00e2m th\u00e0nh ph\u1ed1. C\u00e1c c\u0103n h\u1ed9 Studio hi\u1ec7n \u0111\u1ea1i t\u1ea1i \u0111\u00e2y [&hellip;]","og_url":"https:\/\/hanopalais.com\/en\/base-3\/","og_site_name":"HanoPalais","article_modified_time":"2026-05-31T11:00:29+00:00","og_image":[{"url":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hanopalais.com\/base-3\/","url":"https:\/\/hanopalais.com\/base-3\/","name":"Base 3 - HanoPalais","isPartOf":{"@id":"https:\/\/hanopalais.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hanopalais.com\/base-3\/#primaryimage"},"image":{"@id":"https:\/\/hanopalais.com\/base-3\/#primaryimage"},"thumbnailUrl":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg","datePublished":"2025-12-23T07:45:59+00:00","dateModified":"2026-05-31T11:00:29+00:00","breadcrumb":{"@id":"https:\/\/hanopalais.com\/base-3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hanopalais.com\/base-3\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hanopalais.com\/base-3\/#primaryimage","url":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg","contentUrl":"https:\/\/hanopalais.com\/wp-content\/uploads\/2025\/11\/IMG_1488-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/hanopalais.com\/base-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/hanopalais.com\/"},{"@type":"ListItem","position":2,"name":"Base 3"}]},{"@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\/2728","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=2728"}],"version-history":[{"count":92,"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages\/2728\/revisions"}],"predecessor-version":[{"id":4732,"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/pages\/2728\/revisions\/4732"}],"wp:attachment":[{"href":"https:\/\/hanopalais.com\/en\/wp-json\/wp\/v2\/media?parent=2728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}