Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i Limousine VIP<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js\"><\/script>\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap');\n \n :root { \n --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F1D592 50%, #B8860B 100%);\n --moss-green: #142B20;\n }\n\n body { \n font-family: 'Plus Jakarta Sans', sans-serif !important; \n background: #0A120E !important;\n background: radial-gradient(circle at top right, #142B20, #0A120E) !important;\n color: #E0E0E0 !important; \n min-height: 100vh; \n margin: 0; \n overflow-x: hidden;\n }\n\n .brand-font { font-family: 'Cinzel', serif !important; }\n\n .gold-text { \n background: var(--gold-gradient) !important;\n -webkit-background-clip: text !important;\n background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n color: #D4AF37; \n display: inline-block;\n }\n\n .contact-hub {\n position: fixed; \n right: 20px; \n bottom: 100px; \n z-index: 2001;\n display: flex; \n flex-direction: column-reverse; \n align-items: center; \n gap: 15px;\n }\n\n .contact-sub-btn {\n width: 48px; \n height: 48px; \n border-radius: 50%;\n background: rgba(10, 18, 14, 0.95); \n border: 1px solid #D4AF37;\n color: #D4AF37; \n display: flex; \n align-items: center; \n justify-content: center;\n text-decoration: none; \n box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n transition: all 0.4s;\n opacity: 0; \n transform: translateY(20px) scale(0); \n pointer-events: none;\n }\n\n .contact-main-btn {\n width: 56px; \n height: 56px; \n border-radius: 50%;\n background: var(--gold-gradient); \n color: #0A120E;\n display: flex; \n align-items: center; \n justify-content: center;\n font-size: 22px; \n cursor: pointer; \n z-index: 2002; \n transition: 0.3s;\n }\n\n .contact-hub.active .contact-sub-btn { \n opacity: 1; \n transform: translateY(0) scale(1); \n pointer-events: auto; \n }\n\n .contact-hub.active .contact-main-btn { \n transform: rotate(135deg); \n }\n\n .premium-card { \n background: rgba(255, 255, 255, 0.03) !important; \n backdrop-filter: blur(25px); \n border: 1px solid rgba(212, 175, 55, 0.2) !important; \n border-radius: 30px; \n }\n\n .input-premium { \n background: rgba(255, 255, 255, 0.05) !important; \n border-radius: 15px; \n padding: 12px 16px; \n border: 1px solid rgba(255, 255, 255, 0.1) !important; \n }\n\n .input-premium input { \n width: 100% !important; \n background: transparent !important; \n border: none !important; \n color: white !important; \n outline: none; \n font-size: 14px;\n }\n\n .input-premium label { \n font-size: 8px; \n text-transform: uppercase; \n color: #D4AF37; \n display: block; \n font-weight: 700; \n margin-bottom: 2px;\n }\n\n .car-card {\n background: rgba(255, 255, 255, 0.02) !important; \n border-radius: 18px; \n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n display: flex; \n flex-direction: column; \n align-items: center; \n justify-content: center; \n min-height: 75px; \n cursor: pointer; \n transition: 0.3s;\n }\n\n .car-card.selected { \n border-color: #D4AF37 !important; \n background: rgba(212, 175, 55, 0.15) !important; \n }\n\n .bottom-nav {\n position: fixed !important; \n bottom: 0; \n left: 0;\n width: 100%;\n background: rgba(10, 18, 14, 0.98); \n backdrop-filter: blur(15px);\n display: flex; \n justify-content: space-around; \n padding: 12px 0 25px 0; \n z-index: 1000;\n border-top: 1px solid rgba(212,175,55,0.15);\n }\n\n .nav-item { \n display: flex; \n flex-direction: column; \n align-items: center; \n gap: 4px; \n color: rgba(255, 255, 255, 0.3); \n text-decoration: none; \n font-size: 10px;\n }\n\n .nav-item.active { \n color: #D4AF37 !important; \n }\n\n #combo-modal {\n position: fixed; \n inset: 0; \n background: rgba(0,0,0,0.9);\n display: none; \n align-items: center; \n justify-content: center; \n z-index: 3000; \n padding: 15px;\n }\n\n .modal-content {\n background: #142B20 !important; \n border: 1px solid #D4AF37 !important; \n border-radius: 35px;\n max-width: 450px; \n width: 100%; \n position: relative;\n padding: 25px;\n }\n\n .combo-card {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 20px;\n padding: 20px;\n margin-bottom: 15px;\n position: relative;\n }\n\n .btn-booking {\n background: #D4AF37;\n color: #142B20;\n padding: 8px 20px;\n border-radius: 10px;\n font-weight: 800;\n font-size: 12px;\n text-transform: uppercase;\n }\n\n .btn-outline {\n border: 1px solid #D4AF37;\n color: #D4AF37;\n padding: 8px 20px;\n border-radius: 10px;\n font-weight: 800;\n font-size: 12px;\n text-transform: uppercase;\n }\n\n .badge-hot {\n position: absolute; \n top: 0; \n right: 0;\n background: #F1D592; \n color: #142B20;\n font-size: 8px; \n font-weight: 900;\n padding: 4px 12px; \n border-radius: 0 15px 0 15px;\n }\n <\/style>\n<\/head>\n<body class=\"pb-32\">\n\n <div class=\"contact-hub\" id=\"contactHub\">\n <div class=\"contact-main-btn\" onclick=\"toggleContactHub()\"><i class=\"fas fa-plus\"><\/i><\/div>\n <a href=\"tel:0976344560\" class=\"contact-sub-btn\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n <a href=\"https:\/\/zalo.me\/0976344560\" class=\"contact-sub-btn\"><span class=\"text-[9px] font-black\">ZALO<\/span><\/a>\n <a href=\"https:\/\/m.me\/hanh.daocong.3\" class=\"contact-sub-btn\"><i class=\"fab fa-facebook-messenger\"><\/i><\/a>\n <\/div>\n\n <header class=\"p-6 flex justify-between items-start\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-12 h-12 border border-[#D4AF37] rounded-full flex items-center justify-center bg-black\/40\">\n <span class=\"brand-font text-[#D4AF37] text-xl\">HH<\/span>\n <\/div>\n <div>\n <h1 class=\"brand-font text-lg gold-text uppercase\">Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i<\/h1>\n <p class=\"text-[7px] text-white\/40 uppercase tracking-[4px]\">Royal Limousine<\/p>\n <\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"bg-[#D4AF37]\/10 px-4 py-2 rounded-2xl border border-[#D4AF37]\/30 min-w-[110px]\">\n <div class=\"text-[#D4AF37] text-[12px] font-bold whitespace-nowrap\">\n <i id=\"weather-icon\" class=\"fas fa-sun mr-1\"><\/i>\n <span id=\"temp\">—<\/span>\u00b0C\n <\/div>\n <div id=\"weather-desc\" class=\"text-[10px] text-white\/60 mt-1 truncate max-w-[90px]\">\u0110ang t\u1ea3i…<\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-md mx-auto px-5 mt-4\">\n <div class=\"premium-card p-6\">\n <input type=\"hidden\" id=\"car_type\" value=\"Xe Limousine\">\n\n <div class=\"grid grid-cols-3 gap-2 mb-6\">\n <div class=\"car-card selected\" onclick=\"selectCar(this, 'Xe Limousine')\">\n <i class=\"fas fa-bus text-[#D4AF37]\"><\/i>\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Limousine<\/span>\n <\/div>\n <div class=\"car-card\" onclick=\"selectCar(this, 'Xe Gh\u00e9p Vip')\">\n <i class=\"fas fa-shuttle-van text-[#D4AF37]\"><\/i>\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Xe Gh\u00e9p<\/span>\n <\/div>\n <div class=\"car-card\" onclick=\"selectCar(this, 'Thu\u00ea Nguy\u00ean Chuy\u1ebfn')\">\n <i class=\"fas fa-car text-[#D4AF37]\"><\/i>\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Nguy\u00ean Chuy\u1ebfn<\/span>\n <\/div>\n <\/div>\n\n <div class=\"space-y-4\">\n <div class=\"input-premium\">\n <label>\u0110i\u1ec3m \u0111\u00f3n<\/label>\n <input list=\"locations\" id=\"from\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u00f3n...\">\n <\/div>\n\n <div class=\"flex justify-center -my-2 z-10 relative\">\n <button onclick=\"swapLocations()\" class=\"w-10 h-10 rounded-full border border-[#D4AF37]\/40 bg-[#142B20] text-[#D4AF37] shadow-lg\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/button>\n <\/div>\n\n <div class=\"input-premium\">\n <label>\u0110i\u1ec3m \u0111\u1ebfn<\/label>\n <input list=\"locations\" id=\"to\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u1ebfn...\">\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"input-premium\"><label>Ng\u00e0y \u0111i<\/label><input type=\"text\" id=\"date\"><\/div>\n <div class=\"input-premium\"><label>Gi\u1edd \u0111i<\/label><input type=\"time\" id=\"time\" value=\"08:00\"><\/div>\n <\/div>\n\n <button onclick=\"searchTrip()\" class=\"w-full py-4 bg-[#D4AF37] text-[#0A120E] font-black rounded-xl uppercase text-xs shadow-lg active:scale-95 transition-all\">\n T\u00ecm chuy\u1ebfn ngay\n <\/button>\n\n <p class=\"text-center text-[11px] text-white\/60 mt-3\">\n \ud83d\udd25 H\u00f4m nay \u0111\u00e3 c\u00f3 <span id=\"booking-count\" class=\"text-[#D4AF37] font-bold\">27<\/span> kh\u00e1ch \u0111\u1eb7t xe \u0111i M\u1ed9c Ch\u00e2u\n <\/p>\n <\/div>\n <\/div>\n <\/main>\n\n <datalist id=\"locations\">\n <option value=\"H\u00e0 N\u1ed9i\">\n <option value=\"M\u1ed9c Ch\u00e2u\">\n <option value=\"N\u1ed9i B\u00e0i\">\n <\/datalist>\n\n <nav class=\"bottom-nav\">\n <a href=\"#\" class=\"nav-item active\"><i class=\"fas fa-compass\"><\/i><span>H\u00e0nh tr\u00ecnh<\/span><\/a>\n <a href=\"https:\/\/xedimocchau.com\/index.php\/cam-nang-du-lich-moc-chau\/\" class=\"nav-item\"><i class=\"fas fa-book-open\"><\/i><span>C\u1ea9m nang<\/span><\/a>\n <div class=\"nav-item\" onclick=\"openComboModal()\"><i class=\"fas fa-gem\"><\/i><span>Combo VIP<\/span><\/div>\n <a href=\"tel:0976344560\" class=\"nav-item\"><i class=\"fas fa-phone-alt\"><\/i><span>Hotline<\/span><\/a>\n <\/nav>\n\n <div id=\"combo-modal\" onclick=\"closeComboModal()\">\n <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n <div class=\"flex justify-between items-center mb-8\">\n <h3 class=\"brand-font text-[#D4AF37] text-xl uppercase tracking-wider\">Combo Tr\u1ecdn G\u00f3i VIP<\/h3>\n <button onclick=\"closeComboModal()\" class=\"text-white\/40 text-xl\"><i class=\"fas fa-times\"><\/i><\/button>\n <\/div>\n <div class=\"combo-card\">\n <div class=\"badge-hot uppercase\">B\u00e1n ch\u1ea1y<\/div>\n <h4 class=\"text-white font-extrabold text-sm mb-3\">COMBO VIP 2N1\u0110<\/h4>\n <ul class=\"text-[11px] space-y-2 mb-6 text-white\/70\">\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Xe Limousine kh\u1ee9 h\u1ed3i \u0111\u00f3n t\u1eadn n\u01a1i<\/li>\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>01 \u0110\u00eam Homestay\/Hotel trung t\u00e2m<\/li>\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Mi\u1ec5n ph\u00ed \u0103n s\u00e1ng, n\u01b0\u1edbc l\u1ecdc, cafe<\/li>\n <\/ul>\n <div class=\"flex justify-between items-center\">\n <span class=\"text-xl font-bold text-[#D4AF37]\">850.000\u0111\/Kh\u00e1ch<\/span>\n <button onclick=\"bookingCombo('2N1\u0110')\" class=\"btn-booking\">\u0110\u1eb7t ngay<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function toggleContactHub() { document.getElementById('contactHub').classList.toggle('active'); }\n function openComboModal() { document.getElementById('combo-modal').style.display = 'flex'; }\n function closeComboModal() { document.getElementById('combo-modal').style.display = 'none'; }\n\n \/\/ Date Picker\n flatpickr(\"#date\", {\n dateFormat: \"d\/m\/Y\",\n minDate: \"today\",\n defaultDate: \"today\",\n onChange: function () { updateMinTime(); }\n });\n\n function updateMinTime() {\n const dateInput = document.getElementById(\"date\");\n const timeInput = document.getElementById(\"time\");\n const now = new Date();\n const todayStr = `${String(now.getDate()).padStart(2, '0')}\/${String(now.getMonth() + 1).padStart(2, '0')}\/${now.getFullYear()}`;\n\n if (dateInput.value === todayStr) {\n let hours = now.getHours();\n let minutes = now.getMinutes() + 1;\n if (minutes >= 60) { minutes = 0; hours += 1; }\n const currentTime = `${String(hours).padStart(2,'0')}:${String(minutes).padStart(2,'0')}`;\n timeInput.min = currentTime;\n if (!timeInput.value || timeInput.value < currentTime) timeInput.value = currentTime;\n } else {\n timeInput.min = \"00:00\";\n }\n }\n\n function selectCar(el, type) {\n document.querySelectorAll('.car-card').forEach(c => c.classList.remove('selected'));\n el.classList.add('selected');\n document.getElementById('car_type').value = type;\n }\n\n function swapLocations() {\n const from = document.getElementById(\"from\");\n const to = document.getElementById(\"to\");\n const temp = from.value;\n from.value = to.value;\n to.value = temp;\n }\n\n \/\/ CHUY\u1ec2N H\u01af\u1edaNG SANG TRANG 2\n function searchTrip() {\n const f = document.getElementById(\"from\").value.trim();\n const t = document.getElementById(\"to\").value.trim();\n const d = document.getElementById(\"date\").value;\n const time = document.getElementById(\"time\").value;\n\n if (!f || !t) {\n alert(\"Vui l\u00f2ng nh\u1eadp \u0111\u1ea7y \u0111\u1ee7 \u0111i\u1ec3m \u0111i v\u00e0 \u0111i\u1ec3m \u0111\u1ebfn!\");\n return;\n }\n\n \/\/ Hi\u1ec7u \u1ee9ng ph\u00e1o hoa\n confetti({\n particleCount: 150,\n spread: 70,\n origin: { y: 0.8 },\n colors: ['#D4AF37', '#ffffff']\n });\n\n \/\/ Sau 800ms chuy\u1ec3n trang\n setTimeout(() => {\n window.location.href = `https:\/\/xemocchauhanoi.com.vn\/index.php\/25-2\/?from=${encodeURIComponent(f)}&to=${encodeURIComponent(t)}&date=${encodeURIComponent(d)}&time=${encodeURIComponent(time)}`;\n }, 800);\n }\n\n function bookingCombo(type) {\n window.open(`https:\/\/zalo.me\/0976344560?text=T\u00f4i mu\u1ed1n \u0111\u1eb7t Combo ${type}`, '_blank');\n }\n\n async function fetchWeather() {\n try {\n const res = await fetch('https:\/\/api.openweathermap.org\/data\/2.5\/weather?lat=20.84&lon=104.64&units=metric&lang=vi&appid=da3250f9f8c67a57a55c2763f350c37c');\n const data = await res.json();\n if (data.main) {\n document.getElementById('temp').innerText = Math.round(data.main.temp);\n document.getElementById('weather-desc').innerText = data.weather[0].description;\n }\n } catch (e) {\n document.getElementById('temp').innerText = \"25\";\n document.getElementById('weather-desc').innerText = \"Tr\u1eddi \u0111\u1eb9p\";\n }\n }\n\n function updateBookingCount() {\n let count = localStorage.getItem(\"bookingCount\") || 27;\n count = parseInt(count) + Math.floor(Math.random() * 3) + 1;\n localStorage.setItem(\"bookingCount\", count);\n document.getElementById(\"booking-count\").innerText = count;\n }\n\n window.onload = function () {\n updateMinTime();\n fetchWeather();\n updateBookingCount();\n };\n setInterval(updateMinTime, 60000);\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i Limousine VIP ZALO HH Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i Royal Limousine —\u00b0C \u0110ang t\u1ea3i… Limousine […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":6,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-04-02T12:57:29","date_gmt":"2026-04-02T12:57:29","guid":{"rendered":"https:\/\/xemocchauhanoi.com.vn\/?page_id=8"},"modified":"2026-04-15T01:41:07","modified_gmt":"2026-04-15T01:41:07","slug":"8-2","status":"publish","type":"page","link":"https:\/\/xemocchauhanoi.com.vn\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i Limousine VIP<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js\"><\/script>\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap');\n \n :root { \n --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F1D592 50%, #B8860B 100%);\n --moss-green: #142B20;\n }\n\n body { \n font-family: 'Plus Jakarta Sans', sans-serif !important; \n background: #0A120E !important;\n background: radial-gradient(circle at top right, #142B20, #0A120E) !important;\n color: #E0E0E0 !important; \n min-height: 100vh; \n margin: 0; \n overflow-x: hidden;\n }\n\n .brand-font { font-family: 'Cinzel', serif !important; }\n\n .gold-text { \n background: var(--gold-gradient) !important;\n -webkit-background-clip: text !important;\n background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n color: #D4AF37; \n display: inline-block;\n }\n\n .contact-hub {\n position: fixed; \n right: 20px; \n bottom: 100px; \n z-index: 2001;\n display: flex; \n flex-direction: column-reverse; \n align-items: center; \n gap: 15px;\n }\n\n .contact-sub-btn {\n width: 48px; \n height: 48px; \n border-radius: 50%;\n background: rgba(10, 18, 14, 0.95); \n border: 1px solid #D4AF37;\n color: #D4AF37; \n display: flex; \n align-items: center; \n justify-content: center;\n text-decoration: none; \n box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n transition: all 0.4s;\n opacity: 0; \n transform: translateY(20px) scale(0); \n pointer-events: none;\n }\n\n .contact-main-btn {\n width: 56px; \n height: 56px; \n border-radius: 50%;\n background: var(--gold-gradient); \n color: #0A120E;\n display: flex; \n align-items: center; \n justify-content: center;\n font-size: 22px; \n cursor: pointer; \n z-index: 2002; \n transition: 0.3s;\n }\n\n .contact-hub.active .contact-sub-btn { \n opacity: 1; \n transform: translateY(0) scale(1); \n pointer-events: auto; \n }\n\n .contact-hub.active .contact-main-btn { \n transform: rotate(135deg); \n }\n\n .premium-card { \n background: rgba(255, 255, 255, 0.03) !important; \n backdrop-filter: blur(25px); \n border: 1px solid rgba(212, 175, 55, 0.2) !important; \n border-radius: 30px; \n }\n\n .input-premium { \n background: rgba(255, 255, 255, 0.05) !important; \n border-radius: 15px; \n padding: 12px 16px; \n border: 1px solid rgba(255, 255, 255, 0.1) !important; \n }\n\n .input-premium input { \n width: 100% !important; \n background: transparent !important; \n border: none !important; \n color: white !important; \n outline: none; \n font-size: 14px;\n }\n\n .input-premium label { \n font-size: 8px; \n text-transform: uppercase; \n color: #D4AF37; \n display: block; \n font-weight: 700; \n margin-bottom: 2px;\n }\n\n .car-card {\n background: rgba(255, 255, 255, 0.02) !important; \n border-radius: 18px; \n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n display: flex; \n flex-direction: column; \n align-items: center; \n justify-content: center; \n min-height: 75px; \n cursor: pointer; \n transition: 0.3s;\n }\n\n .car-card.selected { \n border-color: #D4AF37 !important; \n background: rgba(212, 175, 55, 0.15) !important; \n }\n\n .bottom-nav {\n position: fixed !important; \n bottom: 0; \n left: 0;\n width: 100%;\n background: rgba(10, 18, 14, 0.98); \n backdrop-filter: blur(15px);\n display: flex; \n justify-content: space-around; \n padding: 12px 0 25px 0; \n z-index: 1000;\n border-top: 1px solid rgba(212,175,55,0.15);\n }\n\n .nav-item { \n display: flex; \n flex-direction: column; \n align-items: center; \n gap: 4px; \n color: rgba(255, 255, 255, 0.3); \n text-decoration: none; \n font-size: 10px;\n }\n\n .nav-item.active { \n color: #D4AF37 !important; \n }\n\n #combo-modal {\n position: fixed; \n inset: 0; \n background: rgba(0,0,0,0.9);\n display: none; \n align-items: center; \n justify-content: center; \n z-index: 3000; \n padding: 15px;\n }\n\n .modal-content {\n background: #142B20 !important; \n border: 1px solid #D4AF37 !important; \n border-radius: 35px;\n max-width: 450px; \n width: 100%; \n position: relative;\n padding: 25px;\n }\n\n .combo-card {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 20px;\n padding: 20px;\n margin-bottom: 15px;\n position: relative;\n }\n\n .btn-booking {\n background: #D4AF37;\n color: #142B20;\n padding: 8px 20px;\n border-radius: 10px;\n font-weight: 800;\n font-size: 12px;\n text-transform: uppercase;\n }\n\n .btn-outline {\n border: 1px solid #D4AF37;\n color: #D4AF37;\n padding: 8px 20px;\n border-radius: 10px;\n font-weight: 800;\n font-size: 12px;\n text-transform: uppercase;\n }\n\n .badge-hot {\n position: absolute; \n top: 0; \n right: 0;\n background: #F1D592; \n color: #142B20;\n font-size: 8px; \n font-weight: 900;\n padding: 4px 12px; \n border-radius: 0 15px 0 15px;\n }\n <\/style>\n<\/head>\n<body class=\"pb-32\">\n\n <div class=\"contact-hub\" id=\"contactHub\">\n <div class=\"contact-main-btn\" onclick=\"toggleContactHub()\"><i class=\"fas fa-plus\"><\/i><\/div>\n <a href=\"tel:0976344560\" class=\"contact-sub-btn\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n <a href=\"https:\/\/zalo.me\/0976344560\" class=\"contact-sub-btn\"><span class=\"text-[9px] font-black\">ZALO<\/span><\/a>\n <a href=\"https:\/\/m.me\/hanh.daocong.3\" class=\"contact-sub-btn\"><i class=\"fab fa-facebook-messenger\"><\/i><\/a>\n <\/div>\n\n <header class=\"p-6 flex justify-between items-start\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-12 h-12 border border-[#D4AF37] rounded-full flex items-center justify-center bg-black\/40\">\n <span class=\"brand-font text-[#D4AF37] text-xl\">HH<\/span>\n <\/div>\n <div>\n <h1 class=\"brand-font text-lg gold-text uppercase\">Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i<\/h1>\n <p class=\"text-[7px] text-white\/40 uppercase tracking-[4px]\">Royal Limousine<\/p>\n <\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"bg-[#D4AF37]\/10 px-4 py-2 rounded-2xl border border-[#D4AF37]\/30 min-w-[110px]\">\n <div class=\"text-[#D4AF37] text-[12px] font-bold whitespace-nowrap\">\n <i id=\"weather-icon\" class=\"fas fa-sun mr-1\"><\/i>\n <span id=\"temp\">—<\/span>\u00b0C\n <\/div>\n <div id=\"weather-desc\" class=\"text-[10px] text-white\/60 mt-1 truncate max-w-[90px]\">\u0110ang t\u1ea3i…<\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-md mx-auto px-5 mt-4\">\n <div class=\"premium-card p-6\">\n <input type=\"hidden\" id=\"car_type\" value=\"Xe Limousine\">\n\n <div class=\"grid grid-cols-3 gap-2 mb-6\">\n <div class=\"car-card selected\" onclick=\"selectCar(this, 'Xe Limousine')\">\n <i class=\"fas fa-bus text-[#D4AF37]\"><\/i>\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Limousine<\/span>\n <\/div>\n <div class=\"car-card\" onclick=\"selectCar(this, 'Xe Gh\u00e9p Vip')\">\n <i class=\"fas fa-shuttle-van text-[#D4AF37]\"><\/i>\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Xe Gh\u00e9p<\/span>\n <\/div>\n <div class=\"car-card\" onclick=\"selectCar(this, 'Thu\u00ea Nguy\u00ean Chuy\u1ebfn')\">\n <i class=\"fas fa-car text-[#D4AF37]\"><\/i>\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Nguy\u00ean Chuy\u1ebfn<\/span>\n <\/div>\n <\/div>\n\n <div class=\"space-y-4\">\n <div class=\"input-premium\">\n <label>\u0110i\u1ec3m \u0111\u00f3n<\/label>\n <input list=\"locations\" id=\"from\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u00f3n...\">\n <\/div>\n\n <div class=\"flex justify-center -my-2 z-10 relative\">\n <button onclick=\"swapLocations()\" class=\"w-10 h-10 rounded-full border border-[#D4AF37]\/40 bg-[#142B20] text-[#D4AF37] shadow-lg\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/button>\n <\/div>\n\n <div class=\"input-premium\">\n <label>\u0110i\u1ec3m \u0111\u1ebfn<\/label>\n <input list=\"locations\" id=\"to\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u1ebfn...\">\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"input-premium\"><label>Ng\u00e0y \u0111i<\/label><input type=\"text\" id=\"date\"><\/div>\n <div class=\"input-premium\"><label>Gi\u1edd \u0111i<\/label><input type=\"time\" id=\"time\" value=\"08:00\"><\/div>\n <\/div>\n\n <button onclick=\"searchTrip()\" class=\"w-full py-4 bg-[#D4AF37] text-[#0A120E] font-black rounded-xl uppercase text-xs shadow-lg active:scale-95 transition-all\">\n T\u00ecm chuy\u1ebfn ngay\n <\/button>\n\n <p class=\"text-center text-[11px] text-white\/60 mt-3\">\n \ud83d\udd25 H\u00f4m nay \u0111\u00e3 c\u00f3 <span id=\"booking-count\" class=\"text-[#D4AF37] font-bold\">27<\/span> kh\u00e1ch \u0111\u1eb7t xe \u0111i M\u1ed9c Ch\u00e2u\n <\/p>\n <\/div>\n <\/div>\n <\/main>\n\n <datalist id=\"locations\">\n <option value=\"H\u00e0 N\u1ed9i\">\n <option value=\"M\u1ed9c Ch\u00e2u\">\n <option value=\"N\u1ed9i B\u00e0i\">\n <\/datalist>\n\n <nav class=\"bottom-nav\">\n <a href=\"#\" class=\"nav-item active\"><i class=\"fas fa-compass\"><\/i><span>H\u00e0nh tr\u00ecnh<\/span><\/a>\n <a href=\"https:\/\/xedimocchau.com\/index.php\/cam-nang-du-lich-moc-chau\/\" class=\"nav-item\"><i class=\"fas fa-book-open\"><\/i><span>C\u1ea9m nang<\/span><\/a>\n <div class=\"nav-item\" onclick=\"openComboModal()\"><i class=\"fas fa-gem\"><\/i><span>Combo VIP<\/span><\/div>\n <a href=\"tel:0976344560\" class=\"nav-item\"><i class=\"fas fa-phone-alt\"><\/i><span>Hotline<\/span><\/a>\n <\/nav>\n\n <div id=\"combo-modal\" onclick=\"closeComboModal()\">\n <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n <div class=\"flex justify-between items-center mb-8\">\n <h3 class=\"brand-font text-[#D4AF37] text-xl uppercase tracking-wider\">Combo Tr\u1ecdn G\u00f3i VIP<\/h3>\n <button onclick=\"closeComboModal()\" class=\"text-white\/40 text-xl\"><i class=\"fas fa-times\"><\/i><\/button>\n <\/div>\n <div class=\"combo-card\">\n <div class=\"badge-hot uppercase\">B\u00e1n ch\u1ea1y<\/div>\n <h4 class=\"text-white font-extrabold text-sm mb-3\">COMBO VIP 2N1\u0110<\/h4>\n <ul class=\"text-[11px] space-y-2 mb-6 text-white\/70\">\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Xe Limousine kh\u1ee9 h\u1ed3i \u0111\u00f3n t\u1eadn n\u01a1i<\/li>\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>01 \u0110\u00eam Homestay\/Hotel trung t\u00e2m<\/li>\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Mi\u1ec5n ph\u00ed \u0103n s\u00e1ng, n\u01b0\u1edbc l\u1ecdc, cafe<\/li>\n <\/ul>\n <div class=\"flex justify-between items-center\">\n <span class=\"text-xl font-bold text-[#D4AF37]\">850.000\u0111\/Kh\u00e1ch<\/span>\n <button onclick=\"bookingCombo('2N1\u0110')\" class=\"btn-booking\">\u0110\u1eb7t ngay<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function toggleContactHub() { document.getElementById('contactHub').classList.toggle('active'); }\n function openComboModal() { document.getElementById('combo-modal').style.display = 'flex'; }\n function closeComboModal() { document.getElementById('combo-modal').style.display = 'none'; }\n\n \/\/ Date Picker\n flatpickr(\"#date\", {\n dateFormat: \"d\/m\/Y\",\n minDate: \"today\",\n defaultDate: \"today\",\n onChange: function () { updateMinTime(); }\n });\n\n function updateMinTime() {\n const dateInput = document.getElementById(\"date\");\n const timeInput = document.getElementById(\"time\");\n const now = new Date();\n const todayStr = `${String(now.getDate()).padStart(2, '0')}\/${String(now.getMonth() + 1).padStart(2, '0')}\/${now.getFullYear()}`;\n\n if (dateInput.value === todayStr) {\n let hours = now.getHours();\n let minutes = now.getMinutes() + 1;\n if (minutes >= 60) { minutes = 0; hours += 1; }\n const currentTime = `${String(hours).padStart(2,'0')}:${String(minutes).padStart(2,'0')}`;\n timeInput.min = currentTime;\n if (!timeInput.value || timeInput.value < currentTime) timeInput.value = currentTime;\n } else {\n timeInput.min = \"00:00\";\n }\n }\n\n function selectCar(el, type) {\n document.querySelectorAll('.car-card').forEach(c => c.classList.remove('selected'));\n el.classList.add('selected');\n document.getElementById('car_type').value = type;\n }\n\n function swapLocations() {\n const from = document.getElementById(\"from\");\n const to = document.getElementById(\"to\");\n const temp = from.value;\n from.value = to.value;\n to.value = temp;\n }\n\n \/\/ CHUY\u1ec2N H\u01af\u1edaNG SANG TRANG 2\n function searchTrip() {\n const f = document.getElementById(\"from\").value.trim();\n const t = document.getElementById(\"to\").value.trim();\n const d = document.getElementById(\"date\").value;\n const time = document.getElementById(\"time\").value;\n\n if (!f || !t) {\n alert(\"Vui l\u00f2ng nh\u1eadp \u0111\u1ea7y \u0111\u1ee7 \u0111i\u1ec3m \u0111i v\u00e0 \u0111i\u1ec3m \u0111\u1ebfn!\");\n return;\n }\n\n \/\/ Hi\u1ec7u \u1ee9ng ph\u00e1o hoa\n confetti({\n particleCount: 150,\n spread: 70,\n origin: { y: 0.8 },\n colors: ['#D4AF37', '#ffffff']\n });\n\n \/\/ Sau 800ms chuy\u1ec3n trang\n setTimeout(() => {\n window.location.href = `https:\/\/xemocchauhanoi.com.vn\/index.php\/25-2\/?from=${encodeURIComponent(f)}&to=${encodeURIComponent(t)}&date=${encodeURIComponent(d)}&time=${encodeURIComponent(time)}`;\n }, 800);\n }\n\n function bookingCombo(type) {\n window.open(`https:\/\/zalo.me\/0976344560?text=T\u00f4i mu\u1ed1n \u0111\u1eb7t Combo ${type}`, '_blank');\n }\n\n async function fetchWeather() {\n try {\n const res = await fetch('https:\/\/api.openweathermap.org\/data\/2.5\/weather?lat=20.84&lon=104.64&units=metric&lang=vi&appid=da3250f9f8c67a57a55c2763f350c37c');\n const data = await res.json();\n if (data.main) {\n document.getElementById('temp').innerText = Math.round(data.main.temp);\n document.getElementById('weather-desc').innerText = data.weather[0].description;\n }\n } catch (e) {\n document.getElementById('temp').innerText = \"25\";\n document.getElementById('weather-desc').innerText = \"Tr\u1eddi \u0111\u1eb9p\";\n }\n }\n\n function updateBookingCount() {\n let count = localStorage.getItem(\"bookingCount\") || 27;\n count = parseInt(count) + Math.floor(Math.random() * 3) + 1;\n localStorage.setItem(\"bookingCount\", count);\n document.getElementById(\"booking-count\").innerText = count;\n }\n\n window.onload = function () {\n updateMinTime();\n fetchWeather();\n updateBookingCount();\n };\n setInterval(updateMinTime, 60000);\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i Limousine VIP ZALO HH Xe M\u1ed9c Ch\u00e2u H\u00e0 N\u1ed9i Royal Limousine —\u00b0C \u0110ang t\u1ea3i… Limousine […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":6,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}