Qu\u00e2n Tuy\u1ebft Limousine VIP<\/title>\n\n \n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\" rel=\"stylesheet\">\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js\"><\/script>\n\n \n\n <style>\n\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 \n\n :root { \n\n --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F1D592 50%, #B8860B 100%);\n\n --moss-green: #142B20;\n\n }\n\n\n\n body { \n\n font-family: 'Plus Jakarta Sans', sans-serif !important; \n\n background: #0A120E !important;\n\n background: radial-gradient(circle at top right, #142B20, #0A120E) !important;\n\n color: #E0E0E0 !important; \n\n min-height: 100vh; \n\n margin: 0; \n\n overflow-x: hidden;\n\n }\n\n\n\n .brand-font { font-family: 'Cinzel', serif !important; }\n\n\n\n .gold-text { \n\n background: var(--gold-gradient) !important;\n\n -webkit-background-clip: text !important;\n\n background-clip: text !important;\n\n -webkit-text-fill-color: transparent !important;\n\n color: #D4AF37; \n\n display: inline-block;\n\n }\n\n\n\n .contact-hub {\n\n position: fixed; \n\n right: 20px; \n\n bottom: 100px; \n\n z-index: 2001;\n\n display: flex; \n\n flex-direction: column-reverse; \n\n align-items: center; \n\n gap: 15px;\n\n }\n\n\n\n .contact-sub-btn {\n\n width: 48px; \n\n height: 48px; \n\n border-radius: 50%;\n\n background: rgba(10, 18, 14, 0.95); \n\n border: 1px solid #D4AF37;\n\n color: #D4AF37; \n\n display: flex; \n\n align-items: center; \n\n justify-content: center;\n\n text-decoration: none; \n\n box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n\n transition: all 0.4s;\n\n opacity: 0; \n\n transform: translateY(20px) scale(0); \n\n pointer-events: none;\n\n }\n\n\n\n .contact-main-btn {\n\n width: 56px; \n\n height: 56px; \n\n border-radius: 50%;\n\n background: var(--gold-gradient); \n\n color: #0A120E;\n\n display: flex; \n\n align-items: center; \n\n justify-content: center;\n\n font-size: 22px; \n\n cursor: pointer; \n\n z-index: 2002; \n\n transition: 0.3s;\n\n }\n\n\n\n .contact-hub.active .contact-sub-btn { \n\n opacity: 1; \n\n transform: translateY(0) scale(1); \n\n pointer-events: auto; \n\n }\n\n\n\n .contact-hub.active .contact-main-btn { \n\n transform: rotate(135deg); \n\n }\n\n\n\n .premium-card { \n\n background: rgba(255, 255, 255, 0.03) !important; \n\n backdrop-filter: blur(25px); \n\n border: 1px solid rgba(212, 175, 55, 0.2) !important; \n\n border-radius: 30px; \n\n }\n\n\n\n .input-premium { \n\n background: rgba(255, 255, 255, 0.05) !important; \n\n border-radius: 15px; \n\n padding: 12px 16px; \n\n border: 1px solid rgba(255, 255, 255, 0.1) !important; \n\n }\n\n\n\n .input-premium input { \n\n width: 100% !important; \n\n background: transparent !important; \n\n border: none !important; \n\n color: white !important; \n\n outline: none; \n\n font-size: 14px;\n\n }\n\n\n\n .input-premium label { \n\n font-size: 8px; \n\n text-transform: uppercase; \n\n color: #D4AF37; \n\n display: block; \n\n font-weight: 700; \n\n margin-bottom: 2px;\n\n }\n\n\n\n .car-card {\n\n background: rgba(255, 255, 255, 0.02) !important; \n\n border-radius: 18px; \n\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n\n display: flex; \n\n flex-direction: column; \n\n align-items: center; \n\n justify-content: center; \n\n min-height: 75px; \n\n cursor: pointer; \n\n transition: 0.3s;\n\n }\n\n\n\n .car-card.selected { \n\n border-color: #D4AF37 !important; \n\n background: rgba(212, 175, 55, 0.15) !important; \n\n }\n\n\n\n .bottom-nav {\n\n position: fixed !important; \n\n bottom: 0; \n\n left: 0;\n\n width: 100%;\n\n background: rgba(10, 18, 14, 0.98); \n\n backdrop-filter: blur(15px);\n\n display: flex; \n\n justify-content: space-around; \n\n padding: 12px 0 25px 0; \n\n z-index: 1000;\n\n border-top: 1px solid rgba(212,175,55,0.15);\n\n }\n\n\n\n .nav-item { \n\n display: flex; \n\n flex-direction: column; \n\n align-items: center; \n\n gap: 4px; \n\n color: rgba(255, 255, 255, 0.3); \n\n text-decoration: none; \n\n font-size: 10px;\n\n }\n\n\n\n .nav-item.active { \n\n color: #D4AF37 !important; \n\n }\n\n\n\n #combo-modal {\n\n position: fixed; \n\n inset: 0; \n\n background: rgba(0,0,0,0.9);\n\n display: none; \n\n align-items: center; \n\n justify-content: center; \n\n z-index: 3000; \n\n padding: 15px;\n\n }\n\n\n\n .modal-content {\n\n background: #142B20 !important; \n\n border: 1px solid #D4AF37 !important; \n\n border-radius: 35px;\n\n max-width: 450px; \n\n width: 100%; \n\n position: relative;\n\n padding: 25px;\n\n }\n\n\n\n .combo-card {\n\n background: rgba(255,255,255,0.05);\n\n border: 1px solid rgba(212, 175, 55, 0.3);\n\n border-radius: 20px;\n\n padding: 20px;\n\n margin-bottom: 15px;\n\n position: relative;\n\n }\n\n\n\n .btn-booking {\n\n background: #D4AF37;\n\n color: #142B20;\n\n padding: 8px 20px;\n\n border-radius: 10px;\n\n font-weight: 800;\n\n font-size: 12px;\n\n text-transform: uppercase;\n\n }\n\n\n\n .btn-outline {\n\n border: 1px solid #D4AF37;\n\n color: #D4AF37;\n\n padding: 8px 20px;\n\n border-radius: 10px;\n\n font-weight: 800;\n\n font-size: 12px;\n\n text-transform: uppercase;\n\n }\n\n\n\n .badge-hot {\n\n position: absolute; \n\n top: 0; \n\n right: 0;\n\n background: #F1D592; \n\n color: #142B20;\n\n font-size: 8px; \n\n font-weight: 900;\n\n padding: 4px 12px; \n\n border-radius: 0 15px 0 15px;\n\n }\n\n\n\n \/* \u0110\u00c2Y L\u00c0 CSS C\u1ee6A POPUP \u0110\u01af\u1ee2C TH\u00caM V\u00c0O *\/\n #flash-sale-popup { position: fixed; inset: 0; background: rgba(0,0,0,0.92); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(8px); }\n .popup-container { position: relative; width: 100%; max-width: 400px; animation: zoomIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n @keyframes zoomIn { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n .popup-container img { width: 100%; height: auto; border-radius: 20px; border: 2px solid #D4AF37; box-shadow: 0 0 40px rgba(212, 175, 55, 0.4); cursor: pointer; }\n .btn-close-img { position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; background: #D4AF37; color: #0A120E; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; border: 3px solid #0A120E; box-shadow: 0 4px 15px rgba(0,0,0,0.5); z-index: 10001; }\n\n <\/style>\n\n<\/head>\n\n<body class=\"pb-32\">\n\n\n\n <div id=\"flash-sale-popup\" onclick=\"closePopup()\">\n <div class=\"popup-container\" onclick=\"event.stopPropagation()\">\n <div class=\"btn-close-img\" onclick=\"closePopup()\">\n <i class=\"fas fa-times\"><\/i>\n <\/div>\n <a href=\"javascript:void(0)\" onclick=\"closePopup()\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dJ7Ps5QB\/unnamed.png\" alt=\"unnamed\" border=\"0\" \/>\n <\/a>\n <\/div>\n <\/div>\n\n\n\n <div class=\"contact-hub\" id=\"contactHub\">\n\n <div class=\"contact-main-btn\" onclick=\"toggleContactHub()\"><i class=\"fas fa-plus\"><\/i><\/div>\n\n <a href=\"tel:0971050324\" class=\"contact-sub-btn\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n\n <a href=\"https:\/\/zalo.me\/0971050324\" class=\"contact-sub-btn\" target=\"_blank\" rel=\"noopener\"><span class=\"text-[9px] font-black\">ZALO<\/span><\/a>\n\n <a href=\"https:\/\/m.me\/mocchaureviewbooking\" class=\"contact-sub-btn\"><i class=\"fab fa-facebook-messenger\"><\/i><\/a>\n\n <\/div>\n\n\n\n <header class=\"p-6 flex justify-between items-start\">\n\n <div class=\"flex items-center gap-3\">\n\n <div class=\"w-12 h-12 border border-[#D4AF37] rounded-full flex items-center justify-center bg-black\/40\">\n\n <span class=\"brand-font text-[#D4AF37] text-xl\">QT<\/span>\n\n <\/div>\n\n <div>\n\n <h1 class=\"brand-font text-lg gold-text uppercase\">Qu\u00e2n Tuy\u1ebft<\/h1>\n\n <p class=\"text-[7px] text-white\/40 uppercase tracking-[4px]\">Royal Limousine<\/p>\n\n <\/div>\n\n <\/div>\n\n<div class=\"text-right\">\n\n <div class=\"bg-[#D4AF37]\/10 px-4 py-2 rounded-2xl border border-[#D4AF37]\/30 min-w-[110px]\">\n\n <div class=\"text-[#D4AF37] text-[12px] font-bold whitespace-nowrap\">\n\n <i id=\"weather-icon\" class=\"fas fa-sun mr-1\"><\/i>\n\n <span id=\"temp\">—<\/span>\u00b0C\n\n <\/div>\n\n <div id=\"weather-desc\" \n\n class=\"text-[10px] text-white\/60 mt-1 whitespace-nowrap\">\n\n \u0110ang t\u1ea3i…\n\n <\/div>\n\n <\/div>\n\n<\/div>\n\n <\/header>\n\n\n\n <main class=\"max-w-md mx-auto px-5 mt-4\">\n\n <div class=\"premium-card p-6\">\n\n <input type=\"hidden\" id=\"car_type\" value=\"Xe Limousine\">\n\n\n\n <div class=\"grid grid-cols-3 gap-2 mb-6\">\n\n <div class=\"car-card selected\" onclick=\"selectCar(this, 'Xe Limousine')\">\n\n <i class=\"fas fa-bus text-[#D4AF37]\"><\/i>\n\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Limousine<\/span>\n\n <\/div>\n\n <div class=\"car-card\" onclick=\"selectCar(this, 'Xe Gh\u00e9p Vip')\">\n\n <i class=\"fas fa-shuttle-van text-[#D4AF37]\"><\/i>\n\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Xe Gh\u00e9p<\/span>\n\n <\/div>\n\n <div class=\"car-card\" onclick=\"selectCar(this, 'Thu\u00ea Nguy\u00ean Chuy\u1ebfn')\">\n\n <i class=\"fas fa-car text-[#D4AF37]\"><\/i>\n\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Nguy\u00ean Chuy\u1ebfn<\/span>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"space-y-4\">\n\n<div class=\"input-premium\">\n\n <label>\u0110i\u1ec3m \u0111\u00f3n<\/label>\n\n <input list=\"locations\" id=\"from\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u00f3n...\">\n\n<\/div>\n\n\n\n<div class=\"flex justify-center -my-2 z-10 relative\">\n\n <button onclick=\"swapLocations()\" \n\n class=\"w-10 h-10 rounded-full border border-[#D4AF37]\/40 bg-[#142B20] text-[#D4AF37] shadow-lg\">\n\n <i class=\"fas fa-exchange-alt\"><\/i>\n\n <\/button>\n\n<\/div>\n\n\n\n<div class=\"input-premium\">\n\n <label>\u0110i\u1ec3m \u0111\u1ebfn<\/label>\n\n <input list=\"locations\" id=\"to\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u1ebfn...\">\n\n<\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n\n <div class=\"input-premium\"><label>Ng\u00e0y \u0111i<\/label><input type=\"text\" id=\"date\"><\/div>\n\n <div class=\"input-premium\"><label>Gi\u1edd \u0111i<\/label><input type=\"time\" id=\"time\" value=\"08:00\"><\/div>\n\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\n T\u00ecm chuy\u1ebfn ngay\n\n <\/button>\n\n<p class=\"text-center text-[11px] text-white\/60 mt-3\">\n\n \ud83d\udd25 H\u00f4m nay \u0111\u00e3 c\u00f3 \n\n <span id=\"booking-count\" class=\"text-[#D4AF37] font-bold\">27<\/span> \n\n kh\u00e1ch \u0111\u1eb7t xe \u0111i M\u1ed9c Ch\u00e2u\n\n<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/main>\n\n\n\n <datalist id=\"locations\">\n\n <option value=\"H\u00e0 N\u1ed9i\">\n\n <option value=\"M\u1ed9c Ch\u00e2u\">\n\n <option value=\"N\u1ed9i B\u00e0i\">\n\n <\/datalist>\n\n\n\n <nav class=\"bottom-nav\">\n\n <a href=\"#\" class=\"nav-item active\"><i class=\"fas fa-compass\"><\/i><span>H\u00e0nh tr\u00ecnh<\/span><\/a>\n\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\n <div class=\"nav-item\" onclick=\"openComboModal()\"><i class=\"fas fa-gem\"><\/i><span>Combo VIP<\/span><\/div>\n\n <a href=\"tel:0971050324\" class=\"nav-item\"><i class=\"fas fa-phone-alt\"><\/i><span>Hotline<\/span><\/a>\n\n <\/nav>\n\n\n\n <div id=\"combo-modal\" onclick=\"closeComboModal()\">\n\n <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n\n <div class=\"flex justify-between items-center mb-8\">\n\n <h3 class=\"brand-font text-[#D4AF37] text-xl uppercase tracking-wider\">Combo Tr\u1ecdn G\u00f3i VIP<\/h3>\n\n <button onclick=\"closeComboModal()\" class=\"text-white\/40 text-xl\">\n\n <i class=\"fas fa-times\"><\/i>\n\n <\/button>\n\n <\/div>\n\n\n\n <div class=\"combo-card\">\n\n <div class=\"badge-hot uppercase\">B\u00e1n ch\u1ea1y<\/div>\n\n <h4 class=\"text-white font-extrabold text-sm mb-3\">COMBO VIP 2N1\u0110<\/h4>\n\n <ul class=\"text-[11px] space-y-2 mb-6 text-white\/70\">\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>01 \u0110\u00eam Homestay\/Hotel trung t\u00e2m<\/li>\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Xe m\u00e1y vi vu su\u1ed1t h\u00e0nh tr\u00ecnh<\/li>\n\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Voucher 5-10% v\u00e9 tham quan<\/li>\n\n <\/ul>\n\n <div class=\"flex justify-between items-center\">\n\n <span class=\"text-xl font-bold text-[#D4AF37]\">1.200.000\u0111\/Kh\u00e1ch<\/span>\n\n <button onclick=\"bookingCombo('2N1\u0110')\" class=\"btn-booking\">\u0110\u1eb7t ngay<\/button>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"combo-card\">\n\n <h4 class=\"text-white font-extrabold text-sm mb-3\">COMBO VIP 3N2\u0110<\/h4>\n\n <ul class=\"text-[11px] space-y-2 mb-6 text-white\/70\">\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>02 \u0110\u00eam Homestay\/Hotel trung t\u00e2m<\/li>\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Xe m\u00e1y vi vu su\u1ed1t h\u00e0nh tr\u00ecnh<\/li>\n\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Voucher 5-10% v\u00e9 tham quan<\/li>\n\n <\/ul>\n\n <div class=\"flex justify-between items-center\">\n\n <span class=\"text-xl font-bold text-[#D4AF37]\">1.800.000\u0111\/Kh\u00e1ch<\/span>\n\n <button onclick=\"bookingCombo('3N2\u0110')\" class=\"btn-outline\">\u0110\u1eb7t ngay<\/button>\n\n <\/div>\n\n <\/div>\n\n\n\n <p class=\"text-[10px] text-white\/40 text-center mt-4 italic font-medium\">\n\n * Gi\u00e1 \u00e1p d\u1ee5ng cho 01 kh\u00e1ch (\u0111\u1eb7t t\u1eeb 2 kh\u00e1ch tr\u1edf l\u00ean)\n\n <\/p>\n\n <\/div>\n\n <\/div>\n\n<script>\n\n function toggleContactHub() {\n\n document.getElementById('contactHub').classList.toggle('active');\n\n }\n\n\n\n function openComboModal() {\n\n document.getElementById('combo-modal').style.display = 'flex';\n\n }\n\n\n\n function closeComboModal() {\n\n document.getElementById('combo-modal').style.display = 'none';\n\n }\n\n\n\n flatpickr(\"#date\", {\n\n dateFormat: \"d\/m\/Y\",\n\n minDate: \"today\",\n\n defaultDate: \"today\",\n\n onChange: function () {\n\n updateMinTime();\n\n }\n\n });\n\n\n\n function updateMinTime() {\n\n const dateInput = document.getElementById(\"date\");\n\n const timeInput = document.getElementById(\"time\");\n\n const selectedDate = dateInput.value;\n\n const now = new Date();\n\n\n\n const dd = String(now.getDate()).padStart(2, '0');\n\n const mm = String(now.getMonth() + 1).padStart(2, '0');\n\n const yyyy = now.getFullYear();\n\n const todayStr = `${dd}\/${mm}\/${yyyy}`;\n\n\n\n if (selectedDate === todayStr) {\n\n let hours = now.getHours();\n\n let minutes = now.getMinutes() + 1;\n\n\n\n if (minutes >= 60) {\n\n minutes = 0;\n\n hours += 1;\n\n }\n\n\n\n const currentTime =\n\n `${String(hours).padStart(2,'0')}:${String(minutes).padStart(2,'0')}`;\n\n\n\n timeInput.min = currentTime;\n\n\n\n if (!timeInput.value || timeInput.value < currentTime) {\n\n timeInput.value = currentTime;\n\n }\n\n } else {\n\n timeInput.min = \"00:00\";\n\n }\n\n }\n\n\n\n window.onload = function () {\n\n updateMinTime();\n\n fetchWeather();\n\n };\n\n\n\n setInterval(updateMinTime, 60000);\n\n\n\n function selectCar(el, type) {\n\n document.querySelectorAll('.car-card').forEach(c =>\n\n c.classList.remove('selected')\n\n );\n\n\n\n el.classList.add('selected');\n\n document.getElementById('car_type').value = type;\n\n }\n\n\n\n function searchTrip() {\n\n const f = document.getElementById(\"from\").value.trim();\n\n const t = document.getElementById(\"to\").value.trim();\n\n const d = document.getElementById(\"date\").value;\n\n const time = document.getElementById(\"time\").value;\n\n\n\n if (!f || !t) {\n\n alert(\"Nh\u1eadp \u0111i\u1ec3m \u0111i\/\u0111\u1ebfn!\");\n\n return;\n\n }\n\n\n\n updateMinTime();\n\n\n\n if (time < document.getElementById(\"time\").min) {\n\n alert(\"Kh\u00f4ng \u0111\u01b0\u1ee3c ch\u1ecdn gi\u1edd trong qu\u00e1 kh\u1ee9!\");\n\n return;\n\n }\n\n\n\n confetti({\n\n particleCount: 150,\n\n spread: 70,\n\n origin: { y: 0.8 },\n\n colors: ['#D4AF37', '#ffffff']\n\n });\n\n\n\n setTimeout(() => {\n\n window.location.href =\n\n `https:\/\/xedimocchau.com\/index.php\/chuyen-xe\/?from=${encodeURIComponent(f)}&to=${encodeURIComponent(t)}&date=${encodeURIComponent(d)}&time=${encodeURIComponent(time)}`;\n\n }, 800);\n\n }\n\n\n\n function bookingCombo(type) {\n\n window.open(\n\n `https:\/\/zalo.me\/0971050324?text=T\u00f4i mu\u1ed1n \u0111\u1eb7t Combo ${type}`,\n\n '_blank'\n\n );\n\n }\n\n\n\n \/\/ \u0110\u00c3 THAY API TH\u1edcI TI\u1ebeT \u0110\u1ec2 HI\u1ec6N CH\u1eee M\u1ed8C CH\u00c2U \u0110\u1ea6Y \u0110\u1ee6\n\nasync function fetchWeather() {\n\n try {\n\n const res = await fetch('https:\/\/api.open-meteo.com\/v1\/forecast?latitude=20.84&longitude=104.64¤t_weather=true');\n\n const data = await res.json();\n\n if (data.current_weather) {\n\n document.getElementById('temp').innerText = Math.round(data.current_weather.temperature);\n\n const code = data.current_weather.weathercode;\n let desc = \"M\u1ed9c Ch\u00e2u Tr\u1eddi \u0111\u1eb9p\";\n if (code === 0) desc = \"M\u1ed9c Ch\u00e2u Quang \u0111\u00e3ng\";\n else if (code >= 1 && code <= 3) desc = \"M\u1ed9c Ch\u00e2u C\u00f3 m\u00e2y\";\n else if (code >= 45 && code <= 48) desc = \"M\u1ed9c Ch\u00e2u S\u01b0\u01a1ng m\u00f9\";\n else if (code >= 51 && code <= 67) desc = \"M\u1ed9c Ch\u00e2u C\u00f3 m\u01b0a\";\n else if (code >= 71 && code <= 77) desc = \"M\u1ed9c Ch\u00e2u R\u00e9t bu\u1ed1t\";\n else if (code >= 80) desc = \"M\u1ed9c Ch\u00e2u M\u01b0a d\u00f4ng\";\n\n document.getElementById('weather-desc').innerText = desc;\n\n }\n\n } catch (e) {\n\n document.getElementById('temp').innerText = \"22\";\n\n document.getElementById('weather-desc').innerText = \"M\u1ed9c Ch\u00e2u M\u00e1t m\u1ebb\";\n\n }\n\n}\n\n<\/script>\n\n<script>\n\nfunction swapLocations() {\n\n const from = document.getElementById(\"from\");\n\n const to = document.getElementById(\"to\");\n\n\n\n const temp = from.value;\n\n from.value = to.value;\n\n to.value = temp;\n\n}\n\n<\/script>\n\n<script>\n\n\/\/ \u0110\u00c3 THAY \u0110O\u1ea0N ALERT B\u1eb0NG H\u00c0M HI\u1ec6N POPUP\n\nfunction closePopup() {\n document.getElementById('flash-sale-popup').style.display = 'none';\n}\n\nsetTimeout(() => {\n\n document.getElementById('flash-sale-popup').style.display = 'flex';\n\n}, 5000);\n\n<\/script>\n\n<script>\n\nfunction updateBookingCount() {\n\n let count = localStorage.getItem(\"bookingCount\");\n\n\n\n if (!count) {\n\n count = 27;\n\n } else {\n\n count = parseInt(count);\n\n }\n\n\n\n \/\/ m\u1ed7i l\u1ea7n v\u00e0o t\u0103ng random 1 -> 3\n\n const randomIncrease = Math.floor(Math.random() * 3) + 1;\n\n count += randomIncrease;\n\n\n\n localStorage.setItem(\"bookingCount\", count);\n\n\n\n document.getElementById(\"booking-count\").innerText = count;\n\n}\n\n\n\nupdateBookingCount();\n\n<\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e2n Tuy\u1ebft Limousine VIP ZALO QT Qu\u00e2n Tuy\u1ebft Royal Limousine —\u00b0C \u0110ang t\u1ea3i… Limousine Xe Gh\u00e9p Nguy\u00ean Chuy\u1ebfn \u0110i\u1ec3m \u0111\u00f3n […]<\/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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":142,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":385,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/385"}],"wp:attachment":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":40,"date":"2026-03-09T12:04:01","date_gmt":"2026-03-09T12:04:01","guid":{"rendered":"https:\/\/xedimocchau.com\/?page_id=40"},"modified":"2026-04-09T15:11:07","modified_gmt":"2026-04-09T15:11:07","slug":"dat-ve-xe","status":"publish","type":"page","link":"https:\/\/xedimocchau.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n\n \n\n \n\n Qu\u00e2n Tuy\u1ebft Limousine VIP<\/title>\n\n \n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\" rel=\"stylesheet\">\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js\"><\/script>\n\n \n\n <style>\n\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 \n\n :root { \n\n --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F1D592 50%, #B8860B 100%);\n\n --moss-green: #142B20;\n\n }\n\n\n\n body { \n\n font-family: 'Plus Jakarta Sans', sans-serif !important; \n\n background: #0A120E !important;\n\n background: radial-gradient(circle at top right, #142B20, #0A120E) !important;\n\n color: #E0E0E0 !important; \n\n min-height: 100vh; \n\n margin: 0; \n\n overflow-x: hidden;\n\n }\n\n\n\n .brand-font { font-family: 'Cinzel', serif !important; }\n\n\n\n .gold-text { \n\n background: var(--gold-gradient) !important;\n\n -webkit-background-clip: text !important;\n\n background-clip: text !important;\n\n -webkit-text-fill-color: transparent !important;\n\n color: #D4AF37; \n\n display: inline-block;\n\n }\n\n\n\n .contact-hub {\n\n position: fixed; \n\n right: 20px; \n\n bottom: 100px; \n\n z-index: 2001;\n\n display: flex; \n\n flex-direction: column-reverse; \n\n align-items: center; \n\n gap: 15px;\n\n }\n\n\n\n .contact-sub-btn {\n\n width: 48px; \n\n height: 48px; \n\n border-radius: 50%;\n\n background: rgba(10, 18, 14, 0.95); \n\n border: 1px solid #D4AF37;\n\n color: #D4AF37; \n\n display: flex; \n\n align-items: center; \n\n justify-content: center;\n\n text-decoration: none; \n\n box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n\n transition: all 0.4s;\n\n opacity: 0; \n\n transform: translateY(20px) scale(0); \n\n pointer-events: none;\n\n }\n\n\n\n .contact-main-btn {\n\n width: 56px; \n\n height: 56px; \n\n border-radius: 50%;\n\n background: var(--gold-gradient); \n\n color: #0A120E;\n\n display: flex; \n\n align-items: center; \n\n justify-content: center;\n\n font-size: 22px; \n\n cursor: pointer; \n\n z-index: 2002; \n\n transition: 0.3s;\n\n }\n\n\n\n .contact-hub.active .contact-sub-btn { \n\n opacity: 1; \n\n transform: translateY(0) scale(1); \n\n pointer-events: auto; \n\n }\n\n\n\n .contact-hub.active .contact-main-btn { \n\n transform: rotate(135deg); \n\n }\n\n\n\n .premium-card { \n\n background: rgba(255, 255, 255, 0.03) !important; \n\n backdrop-filter: blur(25px); \n\n border: 1px solid rgba(212, 175, 55, 0.2) !important; \n\n border-radius: 30px; \n\n }\n\n\n\n .input-premium { \n\n background: rgba(255, 255, 255, 0.05) !important; \n\n border-radius: 15px; \n\n padding: 12px 16px; \n\n border: 1px solid rgba(255, 255, 255, 0.1) !important; \n\n }\n\n\n\n .input-premium input { \n\n width: 100% !important; \n\n background: transparent !important; \n\n border: none !important; \n\n color: white !important; \n\n outline: none; \n\n font-size: 14px;\n\n }\n\n\n\n .input-premium label { \n\n font-size: 8px; \n\n text-transform: uppercase; \n\n color: #D4AF37; \n\n display: block; \n\n font-weight: 700; \n\n margin-bottom: 2px;\n\n }\n\n\n\n .car-card {\n\n background: rgba(255, 255, 255, 0.02) !important; \n\n border-radius: 18px; \n\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n\n display: flex; \n\n flex-direction: column; \n\n align-items: center; \n\n justify-content: center; \n\n min-height: 75px; \n\n cursor: pointer; \n\n transition: 0.3s;\n\n }\n\n\n\n .car-card.selected { \n\n border-color: #D4AF37 !important; \n\n background: rgba(212, 175, 55, 0.15) !important; \n\n }\n\n\n\n .bottom-nav {\n\n position: fixed !important; \n\n bottom: 0; \n\n left: 0;\n\n width: 100%;\n\n background: rgba(10, 18, 14, 0.98); \n\n backdrop-filter: blur(15px);\n\n display: flex; \n\n justify-content: space-around; \n\n padding: 12px 0 25px 0; \n\n z-index: 1000;\n\n border-top: 1px solid rgba(212,175,55,0.15);\n\n }\n\n\n\n .nav-item { \n\n display: flex; \n\n flex-direction: column; \n\n align-items: center; \n\n gap: 4px; \n\n color: rgba(255, 255, 255, 0.3); \n\n text-decoration: none; \n\n font-size: 10px;\n\n }\n\n\n\n .nav-item.active { \n\n color: #D4AF37 !important; \n\n }\n\n\n\n #combo-modal {\n\n position: fixed; \n\n inset: 0; \n\n background: rgba(0,0,0,0.9);\n\n display: none; \n\n align-items: center; \n\n justify-content: center; \n\n z-index: 3000; \n\n padding: 15px;\n\n }\n\n\n\n .modal-content {\n\n background: #142B20 !important; \n\n border: 1px solid #D4AF37 !important; \n\n border-radius: 35px;\n\n max-width: 450px; \n\n width: 100%; \n\n position: relative;\n\n padding: 25px;\n\n }\n\n\n\n .combo-card {\n\n background: rgba(255,255,255,0.05);\n\n border: 1px solid rgba(212, 175, 55, 0.3);\n\n border-radius: 20px;\n\n padding: 20px;\n\n margin-bottom: 15px;\n\n position: relative;\n\n }\n\n\n\n .btn-booking {\n\n background: #D4AF37;\n\n color: #142B20;\n\n padding: 8px 20px;\n\n border-radius: 10px;\n\n font-weight: 800;\n\n font-size: 12px;\n\n text-transform: uppercase;\n\n }\n\n\n\n .btn-outline {\n\n border: 1px solid #D4AF37;\n\n color: #D4AF37;\n\n padding: 8px 20px;\n\n border-radius: 10px;\n\n font-weight: 800;\n\n font-size: 12px;\n\n text-transform: uppercase;\n\n }\n\n\n\n .badge-hot {\n\n position: absolute; \n\n top: 0; \n\n right: 0;\n\n background: #F1D592; \n\n color: #142B20;\n\n font-size: 8px; \n\n font-weight: 900;\n\n padding: 4px 12px; \n\n border-radius: 0 15px 0 15px;\n\n }\n\n\n\n \/* \u0110\u00c2Y L\u00c0 CSS C\u1ee6A POPUP \u0110\u01af\u1ee2C TH\u00caM V\u00c0O *\/\n #flash-sale-popup { position: fixed; inset: 0; background: rgba(0,0,0,0.92); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(8px); }\n .popup-container { position: relative; width: 100%; max-width: 400px; animation: zoomIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n @keyframes zoomIn { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n .popup-container img { width: 100%; height: auto; border-radius: 20px; border: 2px solid #D4AF37; box-shadow: 0 0 40px rgba(212, 175, 55, 0.4); cursor: pointer; }\n .btn-close-img { position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; background: #D4AF37; color: #0A120E; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; border: 3px solid #0A120E; box-shadow: 0 4px 15px rgba(0,0,0,0.5); z-index: 10001; }\n\n <\/style>\n\n<\/head>\n\n<body class=\"pb-32\">\n\n\n\n <div id=\"flash-sale-popup\" onclick=\"closePopup()\">\n <div class=\"popup-container\" onclick=\"event.stopPropagation()\">\n <div class=\"btn-close-img\" onclick=\"closePopup()\">\n <i class=\"fas fa-times\"><\/i>\n <\/div>\n <a href=\"javascript:void(0)\" onclick=\"closePopup()\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dJ7Ps5QB\/unnamed.png\" alt=\"unnamed\" border=\"0\" \/>\n <\/a>\n <\/div>\n <\/div>\n\n\n\n <div class=\"contact-hub\" id=\"contactHub\">\n\n <div class=\"contact-main-btn\" onclick=\"toggleContactHub()\"><i class=\"fas fa-plus\"><\/i><\/div>\n\n <a href=\"tel:0971050324\" class=\"contact-sub-btn\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n\n <a href=\"https:\/\/zalo.me\/0971050324\" class=\"contact-sub-btn\" target=\"_blank\" rel=\"noopener\"><span class=\"text-[9px] font-black\">ZALO<\/span><\/a>\n\n <a href=\"https:\/\/m.me\/mocchaureviewbooking\" class=\"contact-sub-btn\"><i class=\"fab fa-facebook-messenger\"><\/i><\/a>\n\n <\/div>\n\n\n\n <header class=\"p-6 flex justify-between items-start\">\n\n <div class=\"flex items-center gap-3\">\n\n <div class=\"w-12 h-12 border border-[#D4AF37] rounded-full flex items-center justify-center bg-black\/40\">\n\n <span class=\"brand-font text-[#D4AF37] text-xl\">QT<\/span>\n\n <\/div>\n\n <div>\n\n <h1 class=\"brand-font text-lg gold-text uppercase\">Qu\u00e2n Tuy\u1ebft<\/h1>\n\n <p class=\"text-[7px] text-white\/40 uppercase tracking-[4px]\">Royal Limousine<\/p>\n\n <\/div>\n\n <\/div>\n\n<div class=\"text-right\">\n\n <div class=\"bg-[#D4AF37]\/10 px-4 py-2 rounded-2xl border border-[#D4AF37]\/30 min-w-[110px]\">\n\n <div class=\"text-[#D4AF37] text-[12px] font-bold whitespace-nowrap\">\n\n <i id=\"weather-icon\" class=\"fas fa-sun mr-1\"><\/i>\n\n <span id=\"temp\">—<\/span>\u00b0C\n\n <\/div>\n\n <div id=\"weather-desc\" \n\n class=\"text-[10px] text-white\/60 mt-1 whitespace-nowrap\">\n\n \u0110ang t\u1ea3i…\n\n <\/div>\n\n <\/div>\n\n<\/div>\n\n <\/header>\n\n\n\n <main class=\"max-w-md mx-auto px-5 mt-4\">\n\n <div class=\"premium-card p-6\">\n\n <input type=\"hidden\" id=\"car_type\" value=\"Xe Limousine\">\n\n\n\n <div class=\"grid grid-cols-3 gap-2 mb-6\">\n\n <div class=\"car-card selected\" onclick=\"selectCar(this, 'Xe Limousine')\">\n\n <i class=\"fas fa-bus text-[#D4AF37]\"><\/i>\n\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Limousine<\/span>\n\n <\/div>\n\n <div class=\"car-card\" onclick=\"selectCar(this, 'Xe Gh\u00e9p Vip')\">\n\n <i class=\"fas fa-shuttle-van text-[#D4AF37]\"><\/i>\n\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Xe Gh\u00e9p<\/span>\n\n <\/div>\n\n <div class=\"car-card\" onclick=\"selectCar(this, 'Thu\u00ea Nguy\u00ean Chuy\u1ebfn')\">\n\n <i class=\"fas fa-car text-[#D4AF37]\"><\/i>\n\n <span class=\"text-[8px] font-bold mt-1 uppercase\">Nguy\u00ean Chuy\u1ebfn<\/span>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"space-y-4\">\n\n<div class=\"input-premium\">\n\n <label>\u0110i\u1ec3m \u0111\u00f3n<\/label>\n\n <input list=\"locations\" id=\"from\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u00f3n...\">\n\n<\/div>\n\n\n\n<div class=\"flex justify-center -my-2 z-10 relative\">\n\n <button onclick=\"swapLocations()\" \n\n class=\"w-10 h-10 rounded-full border border-[#D4AF37]\/40 bg-[#142B20] text-[#D4AF37] shadow-lg\">\n\n <i class=\"fas fa-exchange-alt\"><\/i>\n\n <\/button>\n\n<\/div>\n\n\n\n<div class=\"input-premium\">\n\n <label>\u0110i\u1ec3m \u0111\u1ebfn<\/label>\n\n <input list=\"locations\" id=\"to\" placeholder=\"Nh\u1eadp n\u01a1i \u0111\u1ebfn...\">\n\n<\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n\n <div class=\"input-premium\"><label>Ng\u00e0y \u0111i<\/label><input type=\"text\" id=\"date\"><\/div>\n\n <div class=\"input-premium\"><label>Gi\u1edd \u0111i<\/label><input type=\"time\" id=\"time\" value=\"08:00\"><\/div>\n\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\n T\u00ecm chuy\u1ebfn ngay\n\n <\/button>\n\n<p class=\"text-center text-[11px] text-white\/60 mt-3\">\n\n \ud83d\udd25 H\u00f4m nay \u0111\u00e3 c\u00f3 \n\n <span id=\"booking-count\" class=\"text-[#D4AF37] font-bold\">27<\/span> \n\n kh\u00e1ch \u0111\u1eb7t xe \u0111i M\u1ed9c Ch\u00e2u\n\n<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/main>\n\n\n\n <datalist id=\"locations\">\n\n <option value=\"H\u00e0 N\u1ed9i\">\n\n <option value=\"M\u1ed9c Ch\u00e2u\">\n\n <option value=\"N\u1ed9i B\u00e0i\">\n\n <\/datalist>\n\n\n\n <nav class=\"bottom-nav\">\n\n <a href=\"#\" class=\"nav-item active\"><i class=\"fas fa-compass\"><\/i><span>H\u00e0nh tr\u00ecnh<\/span><\/a>\n\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\n <div class=\"nav-item\" onclick=\"openComboModal()\"><i class=\"fas fa-gem\"><\/i><span>Combo VIP<\/span><\/div>\n\n <a href=\"tel:0971050324\" class=\"nav-item\"><i class=\"fas fa-phone-alt\"><\/i><span>Hotline<\/span><\/a>\n\n <\/nav>\n\n\n\n <div id=\"combo-modal\" onclick=\"closeComboModal()\">\n\n <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n\n <div class=\"flex justify-between items-center mb-8\">\n\n <h3 class=\"brand-font text-[#D4AF37] text-xl uppercase tracking-wider\">Combo Tr\u1ecdn G\u00f3i VIP<\/h3>\n\n <button onclick=\"closeComboModal()\" class=\"text-white\/40 text-xl\">\n\n <i class=\"fas fa-times\"><\/i>\n\n <\/button>\n\n <\/div>\n\n\n\n <div class=\"combo-card\">\n\n <div class=\"badge-hot uppercase\">B\u00e1n ch\u1ea1y<\/div>\n\n <h4 class=\"text-white font-extrabold text-sm mb-3\">COMBO VIP 2N1\u0110<\/h4>\n\n <ul class=\"text-[11px] space-y-2 mb-6 text-white\/70\">\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>01 \u0110\u00eam Homestay\/Hotel trung t\u00e2m<\/li>\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Xe m\u00e1y vi vu su\u1ed1t h\u00e0nh tr\u00ecnh<\/li>\n\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Voucher 5-10% v\u00e9 tham quan<\/li>\n\n <\/ul>\n\n <div class=\"flex justify-between items-center\">\n\n <span class=\"text-xl font-bold text-[#D4AF37]\">1.200.000\u0111\/Kh\u00e1ch<\/span>\n\n <button onclick=\"bookingCombo('2N1\u0110')\" class=\"btn-booking\">\u0110\u1eb7t ngay<\/button>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"combo-card\">\n\n <h4 class=\"text-white font-extrabold text-sm mb-3\">COMBO VIP 3N2\u0110<\/h4>\n\n <ul class=\"text-[11px] space-y-2 mb-6 text-white\/70\">\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>02 \u0110\u00eam Homestay\/Hotel trung t\u00e2m<\/li>\n\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\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Xe m\u00e1y vi vu su\u1ed1t h\u00e0nh tr\u00ecnh<\/li>\n\n <li><i class=\"fas fa-check text-[#D4AF37] mr-2\"><\/i>Voucher 5-10% v\u00e9 tham quan<\/li>\n\n <\/ul>\n\n <div class=\"flex justify-between items-center\">\n\n <span class=\"text-xl font-bold text-[#D4AF37]\">1.800.000\u0111\/Kh\u00e1ch<\/span>\n\n <button onclick=\"bookingCombo('3N2\u0110')\" class=\"btn-outline\">\u0110\u1eb7t ngay<\/button>\n\n <\/div>\n\n <\/div>\n\n\n\n <p class=\"text-[10px] text-white\/40 text-center mt-4 italic font-medium\">\n\n * Gi\u00e1 \u00e1p d\u1ee5ng cho 01 kh\u00e1ch (\u0111\u1eb7t t\u1eeb 2 kh\u00e1ch tr\u1edf l\u00ean)\n\n <\/p>\n\n <\/div>\n\n <\/div>\n\n<script>\n\n function toggleContactHub() {\n\n document.getElementById('contactHub').classList.toggle('active');\n\n }\n\n\n\n function openComboModal() {\n\n document.getElementById('combo-modal').style.display = 'flex';\n\n }\n\n\n\n function closeComboModal() {\n\n document.getElementById('combo-modal').style.display = 'none';\n\n }\n\n\n\n flatpickr(\"#date\", {\n\n dateFormat: \"d\/m\/Y\",\n\n minDate: \"today\",\n\n defaultDate: \"today\",\n\n onChange: function () {\n\n updateMinTime();\n\n }\n\n });\n\n\n\n function updateMinTime() {\n\n const dateInput = document.getElementById(\"date\");\n\n const timeInput = document.getElementById(\"time\");\n\n const selectedDate = dateInput.value;\n\n const now = new Date();\n\n\n\n const dd = String(now.getDate()).padStart(2, '0');\n\n const mm = String(now.getMonth() + 1).padStart(2, '0');\n\n const yyyy = now.getFullYear();\n\n const todayStr = `${dd}\/${mm}\/${yyyy}`;\n\n\n\n if (selectedDate === todayStr) {\n\n let hours = now.getHours();\n\n let minutes = now.getMinutes() + 1;\n\n\n\n if (minutes >= 60) {\n\n minutes = 0;\n\n hours += 1;\n\n }\n\n\n\n const currentTime =\n\n `${String(hours).padStart(2,'0')}:${String(minutes).padStart(2,'0')}`;\n\n\n\n timeInput.min = currentTime;\n\n\n\n if (!timeInput.value || timeInput.value < currentTime) {\n\n timeInput.value = currentTime;\n\n }\n\n } else {\n\n timeInput.min = \"00:00\";\n\n }\n\n }\n\n\n\n window.onload = function () {\n\n updateMinTime();\n\n fetchWeather();\n\n };\n\n\n\n setInterval(updateMinTime, 60000);\n\n\n\n function selectCar(el, type) {\n\n document.querySelectorAll('.car-card').forEach(c =>\n\n c.classList.remove('selected')\n\n );\n\n\n\n el.classList.add('selected');\n\n document.getElementById('car_type').value = type;\n\n }\n\n\n\n function searchTrip() {\n\n const f = document.getElementById(\"from\").value.trim();\n\n const t = document.getElementById(\"to\").value.trim();\n\n const d = document.getElementById(\"date\").value;\n\n const time = document.getElementById(\"time\").value;\n\n\n\n if (!f || !t) {\n\n alert(\"Nh\u1eadp \u0111i\u1ec3m \u0111i\/\u0111\u1ebfn!\");\n\n return;\n\n }\n\n\n\n updateMinTime();\n\n\n\n if (time < document.getElementById(\"time\").min) {\n\n alert(\"Kh\u00f4ng \u0111\u01b0\u1ee3c ch\u1ecdn gi\u1edd trong qu\u00e1 kh\u1ee9!\");\n\n return;\n\n }\n\n\n\n confetti({\n\n particleCount: 150,\n\n spread: 70,\n\n origin: { y: 0.8 },\n\n colors: ['#D4AF37', '#ffffff']\n\n });\n\n\n\n setTimeout(() => {\n\n window.location.href =\n\n `https:\/\/xedimocchau.com\/index.php\/chuyen-xe\/?from=${encodeURIComponent(f)}&to=${encodeURIComponent(t)}&date=${encodeURIComponent(d)}&time=${encodeURIComponent(time)}`;\n\n }, 800);\n\n }\n\n\n\n function bookingCombo(type) {\n\n window.open(\n\n `https:\/\/zalo.me\/0971050324?text=T\u00f4i mu\u1ed1n \u0111\u1eb7t Combo ${type}`,\n\n '_blank'\n\n );\n\n }\n\n\n\n \/\/ \u0110\u00c3 THAY API TH\u1edcI TI\u1ebeT \u0110\u1ec2 HI\u1ec6N CH\u1eee M\u1ed8C CH\u00c2U \u0110\u1ea6Y \u0110\u1ee6\n\nasync function fetchWeather() {\n\n try {\n\n const res = await fetch('https:\/\/api.open-meteo.com\/v1\/forecast?latitude=20.84&longitude=104.64¤t_weather=true');\n\n const data = await res.json();\n\n if (data.current_weather) {\n\n document.getElementById('temp').innerText = Math.round(data.current_weather.temperature);\n\n const code = data.current_weather.weathercode;\n let desc = \"M\u1ed9c Ch\u00e2u Tr\u1eddi \u0111\u1eb9p\";\n if (code === 0) desc = \"M\u1ed9c Ch\u00e2u Quang \u0111\u00e3ng\";\n else if (code >= 1 && code <= 3) desc = \"M\u1ed9c Ch\u00e2u C\u00f3 m\u00e2y\";\n else if (code >= 45 && code <= 48) desc = \"M\u1ed9c Ch\u00e2u S\u01b0\u01a1ng m\u00f9\";\n else if (code >= 51 && code <= 67) desc = \"M\u1ed9c Ch\u00e2u C\u00f3 m\u01b0a\";\n else if (code >= 71 && code <= 77) desc = \"M\u1ed9c Ch\u00e2u R\u00e9t bu\u1ed1t\";\n else if (code >= 80) desc = \"M\u1ed9c Ch\u00e2u M\u01b0a d\u00f4ng\";\n\n document.getElementById('weather-desc').innerText = desc;\n\n }\n\n } catch (e) {\n\n document.getElementById('temp').innerText = \"22\";\n\n document.getElementById('weather-desc').innerText = \"M\u1ed9c Ch\u00e2u M\u00e1t m\u1ebb\";\n\n }\n\n}\n\n<\/script>\n\n<script>\n\nfunction swapLocations() {\n\n const from = document.getElementById(\"from\");\n\n const to = document.getElementById(\"to\");\n\n\n\n const temp = from.value;\n\n from.value = to.value;\n\n to.value = temp;\n\n}\n\n<\/script>\n\n<script>\n\n\/\/ \u0110\u00c3 THAY \u0110O\u1ea0N ALERT B\u1eb0NG H\u00c0M HI\u1ec6N POPUP\n\nfunction closePopup() {\n document.getElementById('flash-sale-popup').style.display = 'none';\n}\n\nsetTimeout(() => {\n\n document.getElementById('flash-sale-popup').style.display = 'flex';\n\n}, 5000);\n\n<\/script>\n\n<script>\n\nfunction updateBookingCount() {\n\n let count = localStorage.getItem(\"bookingCount\");\n\n\n\n if (!count) {\n\n count = 27;\n\n } else {\n\n count = parseInt(count);\n\n }\n\n\n\n \/\/ m\u1ed7i l\u1ea7n v\u00e0o t\u0103ng random 1 -> 3\n\n const randomIncrease = Math.floor(Math.random() * 3) + 1;\n\n count += randomIncrease;\n\n\n\n localStorage.setItem(\"bookingCount\", count);\n\n\n\n document.getElementById(\"booking-count\").innerText = count;\n\n}\n\n\n\nupdateBookingCount();\n\n<\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e2n Tuy\u1ebft Limousine VIP ZALO QT Qu\u00e2n Tuy\u1ebft Royal Limousine —\u00b0C \u0110ang t\u1ea3i… Limousine Xe Gh\u00e9p Nguy\u00ean Chuy\u1ebfn \u0110i\u1ec3m \u0111\u00f3n […]<\/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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":142,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":385,"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/385"}],"wp:attachment":[{"href":"https:\/\/xedimocchau.com\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}