{"id":25,"date":"2026-04-15T01:28:03","date_gmt":"2026-04-15T01:28:03","guid":{"rendered":"https:\/\/xemocchauhanoi.com.vn\/?page_id=25"},"modified":"2026-04-15T01:45:30","modified_gmt":"2026-04-15T01:45:30","slug":"25-2","status":"publish","type":"page","link":"https:\/\/xemocchauhanoi.com.vn\/index.php\/25-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <title>Danh S\u00e1ch Chuy\u1ebfn Xe &#8211; Qu\u00e2n Tuy\u1ebft 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    \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            --bg-dark: #0A120E;\n        }\n\n        body { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            background: var(--bg-dark);\n            background: radial-gradient(circle at top right, #142B20, #0A120E);\n            color: #E0E0E0; \n            min-height: 100vh; \n            margin: 0;\n        }\n\n        .brand-font { font-family: 'Cinzel', serif; }\n\n        .gold-text { \n            background: var(--gold-gradient);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .trip-card {\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(15px);\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            border-radius: 24px;\n            overflow: hidden;\n            transition: 0.3s;\n            margin-bottom: 20px;\n        }\n\n        .trip-card:hover {\n            border-color: #D4AF37;\n            transform: translateY(-2px);\n        }\n\n        .badge-vip {\n            background: var(--gold-gradient);\n            color: #0A120E;\n            font-size: 10px;\n            font-weight: 800;\n            padding: 4px 12px;\n            border-radius: 0 0 0 12px;\n            text-transform: uppercase;\n        }\n\n        .price-tag {\n            font-size: 20px;\n            font-weight: 800;\n            color: #D4AF37;\n        }\n\n        .btn-book {\n            background: var(--gold-gradient);\n            color: #0A120E;\n            font-weight: 800;\n            padding: 10px 20px;\n            border-radius: 12px;\n            text-transform: uppercase;\n            font-size: 12px;\n            transition: 0.3s;\n        }\n\n        .btn-book:active { transform: scale(0.95); }\n\n        .search-summary {\n            background: rgba(212, 175, 55, 0.1);\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n            padding: 15px;\n            text-align: center;\n        }\n\n        .timeline-dot {\n            width: 8px;\n            height: 8px;\n            background: #D4AF37;\n            border-radius: 50%;\n            position: relative;\n        }\n\n        .timeline-dot::after {\n            content: '';\n            position: absolute;\n            left: 50%;\n            top: 8px;\n            width: 1px;\n            height: 30px;\n            background: rgba(212, 175, 55, 0.3);\n            transform: translateX(-50%);\n        }\n\n        .timeline-dot.end::after { display: none; }\n    <\/style>\n<\/head>\n<body class=\"pb-10\">\n\n    <header class=\"p-4 flex items-center gap-4 bg-black\/20\">\n        <a href=\"javascript:history.back()\" class=\"text-[#D4AF37] text-xl\"><i class=\"fas fa-chevron-left\"><\/i><\/a>\n        <div>\n            <h1 class=\"brand-font text-lg gold-text uppercase\">Chuy\u1ebfn xe ph\u00f9 h\u1ee3p<\/h1>\n            <p id=\"route-display\" class=\"text-[11px] text-white\/60\">\u0110ang t\u1ea3i h\u00e0nh tr\u00ecnh&#8230;<\/p>\n        <\/div>\n    <\/header>\n\n    <div class=\"search-summary\">\n        <span class=\"text-[12px] text-white\/80\">\n            <i class=\"far fa-calendar-alt mr-1 text-[#D4AF37]\"><\/i> <span id=\"date-display\">&#8211;\/&#8211;\/&#8212;-<\/span>\n            <span class=\"mx-3 text-white\/20\">|<\/span>\n            <i class=\"far fa-clock mr-1 text-[#D4AF37]\"><\/i> <span id=\"time-display\">&#8211;:&#8211;<\/span>\n        <\/span>\n    <\/div>\n\n    <main class=\"max-w-md mx-auto px-4 mt-6\">\n        \n        <div class=\"trip-card\">\n            <div class=\"flex justify-between items-start\">\n                <div class=\"p-4\">\n                    <h3 class=\"font-extrabold text-white text-base\">H\u1ea1ng Th\u01b0\u01a1ng Gia (Limousine)<\/h3>\n                    <p class=\"text-[11px] text-white\/50 mb-4\">D\u00f2ng xe 9 &#8211; 11 ch\u1ed7 cao c\u1ea5p<\/p>\n                    \n                    <div class=\"space-y-4\">\n                        <div class=\"flex gap-3 items-start\">\n                            <div class=\"timeline-dot\"><\/div>\n                            <div>\n                                <div class=\"text-[10px] text-[#D4AF37] font-bold uppercase\">\u0110i\u1ec3m \u0111\u00f3n<\/div>\n                                <div id=\"from-display\" class=\"text-sm font-semibold\">&#8212;<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex gap-3 items-start\">\n                            <div class=\"timeline-dot end\"><\/div>\n                            <div>\n                                <div class=\"text-[10px] text-[#D4AF37] font-bold uppercase\">\u0110i\u1ec3m tr\u1ea3<\/div>\n                                <div id=\"to-display\" class=\"text-sm font-semibold\">&#8212;<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"badge-vip\">\u0110\u01b0\u1ee3c \u0111\u1eb7t nhi\u1ec1u<\/div>\n            <\/div>\n            <div class=\"p-4 bg-white\/5 flex justify-between items-center border-t border-white\/5\">\n                <div>\n                    <span class=\"text-[10px] block text-white\/40 uppercase font-bold\">Gi\u00e1 ch\u1ec9 t\u1eeb<\/span>\n                    <span class=\"price-tag\">300.000\u0111<\/span>\n                <\/div>\n                <button onclick=\"goToBooking('limousine')\" class=\"btn-book shadow-lg shadow-yellow-900\/20\">\u0110\u1eb7t v\u00e9 ngay<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"trip-card\">\n            <div class=\"flex justify-between items-start\">\n                <div class=\"p-4\">\n                    <h3 class=\"font-extrabold text-white text-base\">Xe Gh\u00e9p 7 Ch\u1ed7 VIP<\/h3>\n                    <p class=\"text-[11px] text-white\/50 mb-4\">\u0110\u01b0a \u0111\u00f3n t\u1eadn nh\u00e0 &#8211; Nhanh ch\u00f3ng<\/p>\n                    <div class=\"flex gap-2 mb-4\">\n                        <span class=\"text-[9px] bg-white\/10 px-2 py-1 rounded\">Gh\u1ebf da<\/span>\n                        <span class=\"text-[9px] bg-white\/10 px-2 py-1 rounded\">N\u01b0\u1edbc l\u1ecdc<\/span>\n                        <span class=\"text-[9px] bg-white\/10 px-2 py-1 rounded\">Wifi<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"p-4 bg-white\/5 flex justify-between items-center border-t border-white\/5\">\n                <div>\n                    <span class=\"text-[10px] block text-white\/40 uppercase font-bold\">Gi\u00e1 ch\u1ec9 t\u1eeb<\/span>\n                    <span class=\"price-tag\">350.000\u0111<\/span>\n                <\/div>\n                <button onclick=\"goToBooking('shared')\" class=\"btn-book\">\u0110\u1eb7t v\u00e9 ngay<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"trip-card\">\n            <div class=\"p-4\">\n                <h3 class=\"font-extrabold text-white text-base\">H\u1ee3p \u0110\u1ed3ng Thu\u00ea Ri\u00eang<\/h3>\n                <p class=\"text-[11px] text-white\/50 mb-4\">Xe 4 &#8211; 7 &#8211; 16 ch\u1ed7 theo y\u00eau c\u1ea7u<\/p>\n                <div class=\"bg-[#D4AF37]\/5 p-3 rounded-xl border border-[#D4AF37]\/10\">\n                    <p class=\"text-[11px] text-[#D4AF37] italic\">Ph\u00f9 h\u1ee3p cho gia \u0111\u00ecnh ho\u1eb7c \u0111o\u00e0n du l\u1ecbch ri\u00eang t\u01b0. Gi\u1edd gi\u1ea5c t\u1ef1 do theo \u00fd kh\u00e1ch.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"p-4 bg-white\/5 flex justify-between items-center border-t border-white\/5\">\n                <div>\n                    <span class=\"text-[10px] block text-white\/40 uppercase font-bold\">Gi\u00e1 ch\u1ec9 t\u1eeb<\/span>\n                    <span class=\"price-tag\">1.400.000\u0111<\/span>\n                <\/div>\n                <button onclick=\"goToBooking('private')\" class=\"btn-book\">B\u00e1o gi\u00e1 ngay<\/button>\n            <\/div>\n        <\/div>\n\n    <\/main>\n\n    <script>\n        \/\/ L\u1ea5y d\u1eef li\u1ec7u t\u1eeb URL truy\u1ec1n sang\n        const params = new URLSearchParams(window.location.search);\n        const fromValue = params.get(\"from\") || \"H\u00e0 N\u1ed9i\";\n        const toValue = params.get(\"to\") || \"M\u1ed9c Ch\u00e2u\";\n        const dateValue = params.get(\"date\") || \"H\u00f4m nay\";\n        const timeValue = params.get(\"time\") || \"B\u1ea5t k\u1ef3\";\n\n        \/\/ Hi\u1ec3n th\u1ecb l\u00ean giao di\u1ec7n\n        document.getElementById(\"route-display\").innerText = `${fromValue} \u2192 ${toValue}`;\n        document.getElementById(\"from-display\").innerText = fromValue;\n        document.getElementById(\"to-display\").innerText = toValue;\n        document.getElementById(\"date-display\").innerText = dateValue;\n        document.getElementById(\"time-display\").innerText = timeValue;\n\n        \/**\n         * Chuy\u1ec3n h\u01b0\u1edbng sang Trang 3 (X\u00e1c nh\u1eadn \u0111\u1eb7t v\u00e9)\n         * @param {string} type - 'limousine' | 'shared' | 'private'\n         *\/\n        function goToBooking(type) {\n            \/\/ T\u1ea1o \u0111\u01b0\u1eddng d\u1eabn m\u1edbi tr\u1ecf \u0111\u1ebfn trang 3 c\u1ee7a b\u1ea1n\n            const baseUrl = \"https:\/\/xemocchauhanoi.com.vn\/index.php\/27-2\/\";\n            \n            \/\/ \u0110\u00f3ng g\u00f3i c\u00e1c th\u00f4ng tin \u0111\u1ec3 g\u1eedi sang trang 3\n            const queryParams = new URLSearchParams({\n                from: fromValue,\n                to: toValue,\n                date: dateValue,\n                time: timeValue,\n                type: type \/\/ limousine, shared ho\u1eb7c private\n            });\n\n            const finalUrl = `${baseUrl}?${queryParams.toString()}`;\n            \n            \/\/ Chuy\u1ec3n trang\n            window.location.href = finalUrl;\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Danh S\u00e1ch Chuy\u1ebfn Xe &#8211; Qu\u00e2n Tuy\u1ebft VIP Chuy\u1ebfn xe ph\u00f9 h\u1ee3p \u0110ang t\u1ea3i h\u00e0nh tr\u00ecnh&#8230; &#8211;\/&#8211;\/&#8212;- | &#8211;:&#8211; H\u1ea1ng [&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":"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-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/25","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=25"}],"version-history":[{"count":2,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/xemocchauhanoi.com.vn\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}