{"id":54,"date":"2025-12-14T15:45:03","date_gmt":"2025-12-14T15:45:03","guid":{"rendered":"http:\/\/test.hanoimice.com\/?page_id=54"},"modified":"2025-12-19T08:17:26","modified_gmt":"2025-12-19T08:17:26","slug":"travel-destinations","status":"publish","type":"page","link":"https:\/\/test.hanoimice.com\/en\/travel-destinations\/","title":{"rendered":"Travel Destinations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06bd846 e-con-full e-flex e-con e-parent\" data-id=\"06bd846\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d111a3 elementor-widget elementor-widget-html\" data-id=\"0d111a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n\r\n<html lang=\"en\">\r\n   <style>\r\n\/* \u0110\u1ea3m b\u1ea3o to\u00e0n b\u1ed9 kh\u00f4ng gian \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng, kh\u00f4ng c\u00f3 thanh cu\u1ed9n k\u00e9p *\/\r\nhtml {\r\n    overflow-x: hidden !important;\r\n}\r\n\r\n\/* 1. Lo\u1ea1i b\u1ecf margin\/padding cho c\u00e1c ph\u1ea7n t\u1eed c\u01a1 b\u1ea3n *\/\r\nbody {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    min-height: 100vh !important;\r\n}\r\n\r\n\/* 2. Nh\u1eafm m\u1ee5c ti\u00eau container ch\u00ednh c\u1ee7a Elementor (c\u1ea7n thi\u1ebft khi d\u00f9ng Canvas) *\/\r\n.elementor-section {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* 3. Nh\u1eafm m\u1ee5c ti\u00eau Hero Section b\u1eb1ng ID v\u00e0 \u0111\u1eb7t v\u1ecb tr\u00ed c\u1ed1 \u0111\u1ecbnh (fixed) *\/\r\n#hero-section-id {\r\n    height: 100vh !important;\r\n    min-height: 100vh !important;\r\n    \/* T\u00f9y ch\u1ecdn n\u00e0y c\u00f3 th\u1ec3 gi\u1ea3i quy\u1ebft l\u1ed7i kho\u1ea3ng tr\u1eafng b\u1eb1ng c\u00e1ch \u0111\u01b0a ph\u1ea7n n\u00e0y l\u00ean \u0111\u1ea7u *\/\r\n    \/* Tuy nhi\u00ean, n\u00f3 c\u00f3 th\u1ec3 l\u00e0m Hero Section d\u00ednh l\u1ea1i khi cu\u1ed9n. *\/\r\n    \/* position: fixed; \r\n    width: 100%;\r\n    top: 0; *\/\r\n}\r\n\r\n\/* 4. \u0110i\u1ec1u ch\u1ec9nh cho container widget b\u1ecdc ngo\u00e0i c\u00f9ng *\/\r\n.elementor-widget-wrap {\r\n    padding: 0 !important;\r\n}\r\n<\/style>\r\n<header id=\"main-header\" class=\"absolute top-0 left-0 w-full z-[999] py-1\">\r\n\r\n<div class=\"container mx-auto px-6 max-w-7xl\">\r\n\r\n<div class=\"flex justify-end mb-0 pr-2 space-x-4 items-center\"> <a href=\"tel:+84123456789\" class=\"hidden md:inline-flex items-center space-x-2 text-sm font-semibold tracking-wider transition-colors duration-300 bg-burgundy text-white px-3 py-1 rounded-full hover:bg-gold hover:text-black-soft shadow-md\">\r\n        <i data-feather=\"phone\" class=\"w-4 h-4\"><\/i>\r\n        <span>+84 966839778<\/span>\r\n    <\/a>\r\n<\/div>\r\n<div class=\"flex items-center justify-between relative z-50 mt-\"> \r\n<div class=\"flex-shrink-0 h w-32 md:w-32\"> <a href=\"\/\" class=\"h-full block\">\r\n            <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/htm-logo.png\"\r\n            alt=\"HIMT Logo\"\r\n            class=\"w-auto h-full object-contain\">\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"flex items-center space-x-8 -mt-8 md:-mt-10\"> \r\n    <nav id=\"mobile-menu\" class=\"nav-links md:flex\">\r\n            <ul class=\"flex items-center space-x-6 lg:space-x-8\">\r\n                <li><a href=\"\/\" class=\"nav-link-qoko text-sm font-medium text-white transition-colors relative active\">Home<\/a><\/li>\r\n                <li><a href=\"events.html\" class=\"nav-link-qoko text-sm font-medium text-white transition-colors relative\">Event<\/a><\/li>\r\n                <li><a href=\"travel.html\" class=\"nav-link-qoko text-sm font-medium text-white transition-colors relative\">Travel<\/a><\/li>\r\n                <li><a href=\"golf-tour.html\" class=\"nav-link-qoko text-sm font-medium text-white transition-colors relative\">Golf Tour<\/a><\/li>\r\n                <li><a href=\"about.html\" class=\"nav-link-qoko text-sm font-medium text-white transition-colors relative\">About<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n        <button class=\"md:hidden text-white focus:outline-none hamburger\">\r\n            <i data-feather=\"menu\" class=\"w-6 h-6\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/header>\r\n<body class=\"bg-gray-50 font-montserrat\" style=\"margin: 0 !important; padding: 0 !important;\">\r\n<custom-navbar><\/custom-navbar>\r\n<!-- Hero Section -->\r\n<section class=\"relative w-full h-screen overflow-hidden z-20\" style=\"min-height: 100vh !important;\">\r\n   \r\n    <div class=\"absolute inset-0 transition-opacity duration-1000 opacity-100\">\r\n        <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/allphoto-bangkok-QnoBy2PcRaY-unsplash.jpg\" alt=\"Du L\u1ecbch Cao C\u1ea5p\" class=\"w-full h-full object-cover\">\r\n        \r\n        <div class=\"absolute inset-0 bg-black bg-opacity-30 flex items-end pb-24 px-6 md:px-12\">\r\n            <div class=\"max-w-4xl text-white\">\r\n                \r\n                <h1 class=\"text-5xl md:text-7xl font-medium leading-snug mb-4 qoko-border-travel\" style=\"font-family: 'Playfair Display', serif; color: #FFFFFF;\">\r\n                    Sophisticated <span class=\"block font-medium\" style=\"font-family: 'Playfair Display', serif !important;\"><\/span>Travel<\/span> <span class=\"block font-medium\" style=\"font-family: 'Playfair Display', serif !important;\">Experiences<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"text-lg md:text-xl font-light mt-2\" style=\"font-family: 'Montserrat', sans-serif; color: #FFD700;\">\r\n                    Tailored journeys. Unforgettable moments.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/section>\r\n<section class=\"py-20 bg-white\">\r\n    <div class=\"container mx-auto px-6 max-w-7xl\"> <div class=\"flex flex-wrap -mx-1 justify-center relative\"> \r\n        \r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"ha-long-bay-detail.html\" \r\n            class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/HaLong%20Bay.jpg\" alt=\"V\u1ecbnh H\u1ea1 Long\" class=\"w-full h-full object-cover\">\r\n                     <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gold text-black-soft text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">POPULAR<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Unesco Heritage<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">10 Days 9 Nights <\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-gold whitespace-nowrap\">From $1,999<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"da-lat-golf-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/DaLat%20golf.jpg\" alt=\"\u0110\u00e0 L\u1ea1t Golf\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-burgundy text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">GOLF VIP<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Da Lat Golf<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Lam Vien Square<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-burgundy whitespace-nowrap\">From $1,999<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"Phu_Quoc_detail.html\"class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/PhuQuoc.jpg\" alt=\"Ph\u00fa Qu\u1ed1c Resort\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-teal-500 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">NEW<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Phu Quoc Escape<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Sunset Town<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-teal-500 whitespace-nowrap\">From $3,500<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-teal-500 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"laguna-golf-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Laguna.jpg\" alt=\"Laguna L\u0103ng C\u00f4\" class=\"w-full h-full object-cover\"> \r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-burgundy text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">GOLF COAST<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Laguna L\u0103ng C\u00f4<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Hu\u1ebf\/\u0110\u00e0 N\u1eb5ng<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-burgundy whitespace-nowrap\">From $2,150<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"ninh-binh-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/NinhBinh.jpg\" alt=\"Ninh B\u00ecnh\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-emerald-600 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">NATURE<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Ninh Binh Retreat<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Trang An<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-emerald-600 whitespace-nowrap\">From $1,500<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-emerald-600 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"hanoi-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Hanoi1.jpg\" alt=\"H\u00e0 N\u1ed9i\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gray-600 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">CULTURAL<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Hanoi Journey<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Old Quarter<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-gray-700 whitespace-nowrap\">From $1,250<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-gray-700 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"sapa-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cas-bridge.xethub.hf.co\/xet-bridge-us\/68feddc9482b740959dcff2d\/0beda5171de89f23751e34a033ee7a15237c62f71eefd5cc4f3fff9982f9b799?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cas%2F20251108%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20251108T171318Z&X-Amz-Expires=3600&X-Amz-Signature=cdaa753b9ee9f2307db1e3b20db34709bcab6448ede9a178b7dc81af17afaff7&X-Amz-SignedHeaders=host&X-Xet-Cas-Uid=68fed4f3dfd2a1e1ca064ed8&response-content-disposition=inline%3B+filename*%3DUTF-8%27%274.png%3B+filename%3D%224.png%22%3B&response-content-type=image%2Fpng&x-id=GetObject&Expires=1762625598&Policy=eyJTdGF0ZW1lbnQiOlt7IkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjYyNTU5OH19LCJSZXNvdXJjZSI6Imh0dHBzOi8vY2FzLWJyaWRnZS54ZXRodWIuaGYuY28veGV0LWJyaWRnZS11cy82OGZlZGRjOTQ4MmI3NDA5NTlkY2ZmMmQvMGJlZGE1MTcxZGU4OWYyMzc1MWUzNGEwMzNlZTdhMTUyMzdjNjJmNzFlZWZkNWNjNGYzZmZmOTk4MmY5Yjc5OSoifV19&Signature=XEUdxRhz1-x-mC%7ETdh1oSQVKwNY0SgvnBfrUtceJQF69H5isqVKsndplB2rLb66kFfABlI1K8kcoQS9VDrNT0gaDGbwa3TDdcfxj5QY2Jd6aPhTv8mPQLC3c7CM-PepVSdhl-8KDwmwTM64bsJ1DTdfOHoWyJL9Zx7cZZfKXxuPb8Y%7EmAPFA1GIdBAbxE1CA8UxHRe7rppQPAyo5D7KhDYRMHHCmhOF0aWZ4LQ6FxcS%7EUeYg2HC9VVgRWMIzeXL%7E3XlDIM9okh0cONWHkOMYYoYG1VBzA81WoXBU-4cXd1nJwwgHRWyybv1KAmucrqcvnxCEuwb%7EHEQPIiFcf7nh6g__&Key-Pair-Id=K2L8F4GPSG1IFC\" alt=\"Sapa Trekking\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-burgundy text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">ADVENTURE<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Sapa Trekking<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Hoang Lien Son<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-burgundy whitespace-nowrap\">From $1,100<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"hoian-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/HoiAn.jpg\" alt=\"Hoi An Ancient Town\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gold text-black-soft text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">HISTORY<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Hoi An Town<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Quang Nam<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-gold whitespace-nowrap\">From $1,350<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"nhatrang-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/NhaTrang.jpg\" alt=\"Nha Trang Beach\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-teal-500 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">RELAX<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Nha Trang<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Khanh Hoa<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-teal-500 whitespace-nowrap\">From $2,800<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-teal-500 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"hcmc-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Saigon.jpg\" alt=\"Ho Chi Minh City\" class=\"w-full h-full object-cover\"> \r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-burgundy text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">BUSINESS<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Ho Chi Minh City<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">District 1<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-burgundy whitespace-nowrap\">From $1,450<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"mekong-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Mekong.jpg\" alt=\"Mekong Delta\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-emerald-600 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">RIVERS<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Mekong Delta<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Can Tho<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-emerald-600 whitespace-nowrap\">From $1,050<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-emerald-600 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"condao-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/ConDao.jpg\" alt=\"C\u00f4n \u0110\u1ea3o\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gray-600 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">LUXURY<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Con Dao<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Private Villas<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-gray-700 whitespace-nowrap\">From $4,500<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-gray-700 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"hue-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Hue.jpg\" alt=\"C\u1ed1 \u0111\u00f4 Hu\u1ebf\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gold text-black-soft text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">IMPERIAL<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Hue City<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Thua Thien Hue<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-gold whitespace-nowrap\">From $1,700<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"danang-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Danang1.jpg\" alt=\"\u0110\u00e0 N\u1eb5ng\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-teal-500 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">COASTAL<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Da Nang City<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">My Khe<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-teal-500 whitespace-nowrap\">From $1,650<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-teal-500 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"tamdao-detail.html\"class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"http:\/\/static.photos\/landscape\/640x360\/9\" alt=\"Tam \u0110\u1ea3o\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-emerald-600 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">MOUNTAIN<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Tam Dao Retreat<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Vinh Phuc<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-emerald-600 whitespace-nowrap\">From $1,900<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-emerald-600 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"vungtau-detail.html\"class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Vung%20Tau.jpg\" alt=\"V\u0169ng T\u00e0u\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-burgundy text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">WEEKEND<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Vung Tau Getaway<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Ba Ria<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-burgundy whitespace-nowrap\">From $950<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"quangbinh-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/Phong%20nha.jpg\" alt=\"Qu\u1ea3ng B\u00ecnh\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gray-600 text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">EXPLORE<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Quang Binh Caves<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Phong Nha<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-gray-700 whitespace-nowrap\">From $3,900<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-gray-700 transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"w-full md:w-1\/6 px-1 mb-6 flex\">\r\n            <a href=\"bangioc-detail.html\" class=\"block bg-white shadow-xl overflow-hidden flex-grow h-full group finger-top-card hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1\">\r\n      <div class=\"relative w-full destination-card-image-wrapper  bg-gray-100 flex items-center justify-center overflow-hidden             transition-all duration-300 group-hover:shadow-xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/BanGoc.jpg\" alt=\"Th\u00e1c B\u1ea3n Gi\u1ed1c\" class=\"w-full h-full object-cover\">\r\n                    <span class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-burgundy text-white text-xs font-bold px-2 py-0.5 rounded-full whitespace-nowrap z-10 shadow-md\">NORTH<\/span>\r\n                <\/div>\r\n                <div class=\"p-5 text-center flex flex-col justify-between flex-grow\">\r\n                    <div>\r\n                        <h3 class=\"text-base font-bold text-black-soft mb-1 truncate\" style=\"font-family: 'Playfair Display', serif;\">Ban Gioc Fall<\/h3>\r\n                        <p class=\"text-xs text-gray-500 mb-2 truncate\">Cao Bang<\/p>\r\n                    <\/div>\r\n                    <div class=\"mt-4 pt-2 border-t border-gray-100\">\r\n                        <p class=\"text-lg font-extrabold text-burgundy whitespace-nowrap\">From $1,850<\/p>\r\n                        <span class=\"text-black-soft font-semibold text-xl hover:text-burgundy transition-colors\">View \u2192<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<!-- Regional Destinations Intro -->\r\n\r\n<div class=\"container mx-auto px-6 py-12 text-center max-w-4xl\">\r\n\r\n<h3 class=\"text-2xl font-bold text-burgundy mb-4\">Beyond Vietnam - Regional Excellence<\/h3>\r\n\r\n<p class=\"text-gray-700\">Our expertise extends throughout Southeast Asia, offering privileged access to the region's most coveted destinations with our signature attention to detail.<\/p>\r\n\r\n<\/div>\r\n\r\n<!-- Travel Services -->\r\n\r\n<section class=\"py-16 bg-gray-100\">\r\n\r\n<div class=\"container mx-auto px-6\">\r\n\r\n<h2 class=\"text-3xl font-bold text-center mb-12\">Our Travel Services<\/h2>\r\n\r\n<div class=\"grid md:grid-cols-2 gap-8\">\r\n\r\n<!-- Service 1 -->\r\n\r\n<div class=\"bg-white p-8 rounded-lg shadow-lg\">\r\n\r\n<div class=\"flex items-center mb-4\">\r\n\r\n<div class=\"bg-burgundy p-3 rounded-full mr-4\">\r\n\r\n<i data-feather=\"briefcase\" class=\"text-white\" width=\"24\"><\/i>\r\n\r\n<\/div>\r\n\r\n<h3 class=\"text-xl font-bold\">MICE Travel<\/h3>\r\n\r\n<\/div>\r\n\r\n<p class=\"mb-4\">Comprehensive meetings, incentives, conferences, and exhibitions travel solutions with VIP treatment.<\/p>\r\n\r\n<img decoding=\"async\" src=\"http:\/\/static.photos\/office\/640x360\/1\" alt=\"MICE Travel\" class=\"w-full h-48 object-cover rounded-md\">\r\n\r\n<\/div>\r\n\r\n<!-- Service 2 -->\r\n\r\n<div class=\"bg-white p-8 rounded-lg shadow-lg\">\r\n\r\n<div class=\"flex items-center mb-4\">\r\n\r\n<div class=\"bg-burgundy p-3 rounded-full mr-4\">\r\n\r\n<i data-feather=\"star\" class=\"text-white\" width=\"24\"><\/i>\r\n\r\n<\/div>\r\n\r\n<h3 class=\"text-xl font-bold\">Luxury Journeys<\/h3>\r\n\r\n<\/div>\r\n\r\n<p class=\"mb-4\">Tailored high-end travel experiences with exclusive access and premium accommodations.<\/p>\r\n\r\n<img decoding=\"async\" src=\"http:\/\/static.photos\/travel\/640x360\/4\" alt=\"Luxury Travel\" class=\"w-full h-48 object-cover rounded-md\">\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<custom-footer><\/custom-footer>\r\n\r\n<script src=\"components\/navbar.js\"><\/script>\r\n\r\n<script src=\"components\/footer.js\"><\/script>\r\n\r\n<script>\r\n\r\nfeather.replace();\r\n\r\n<\/script>\r\n\r\n<script src=\"script.js\"><\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20b7acf e-flex e-con-boxed e-con e-parent\" data-id=\"20b7acf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e79bb8 elementor-widget elementor-widget-html\" data-id=\"4e79bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n\/\/ \u0110\u1ecbnh ngh\u0129a Custom Element cho Footer c\u1ee7a b\u1ea1n\r\nclass CustomFooter extends HTMLElement {\r\n  connectedCallback() {\r\n    \/\/ L\u01b0u \u00fd: Shadow DOM s\u1ebd ng\u0103n Tailwind CSS \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn Footer\r\n    this.attachShadow({ mode: 'open' });\r\n    this.shadowRoot.innerHTML = `\r\n      <style>\r\n        \/* M\u00c0U M\u1edaI: T\u00edm Than \u0110\u1eadm (#1B2530) *\/\r\n        :root {\r\n            --deep-charcoal: #1B2530; \r\n            --accent-color: #800020; \/* \u0110\u1ecf \u0110un (Burgundy) *\/\r\n            --subtle-accent: #36454F; \r\n        }\r\n\r\n        \/* ********* STYLES T\u1eea B\u1ea0N ********* *\/\r\n        footer {\r\n          background: #F9F9F9;\r\n          color: var(--deep-charcoal); \r\n          padding: 2rem 2rem 1.5rem; \r\n          border-top: 1px solid #DDDDDD; \r\n          text-align: center; \r\n        }\r\n        .footer-container {\r\n          max-width: 1200px;\r\n          margin: 0 auto;\r\n        }\r\n\r\n        .footer-logo {\r\n            width: 160px; \r\n            height: auto;\r\n            margin-bottom: 0rem; \r\n            margin-left: auto; \r\n            margin-right: auto; \r\n            display: block; \r\n        }\r\n\r\n        .slogan-banner {\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            color: var(--accent-color); \r\n            margin-bottom: 1.5rem; \r\n            margin-top: 0.5rem; \r\n            line-height: 1.4;\r\n        }\r\n\r\n        .quick-links {\r\n            list-style: none;\r\n            padding: 0;\r\n            display: flex; \r\n            justify-content: center; \r\n            gap: 0.3rem;\r\n            margin-bottom: 1.5rem; \r\n            flex-wrap: wrap; \r\n        }\r\n        .quick-links a {\r\n          color: #800020; \r\n          text-decoration: none;\r\n          font-weight: 700;\r\n          font-size: 0.9rem;\r\n          transition: color 0.3s, text-decoration 0.3s;\r\n          padding: 0 0.5rem;\r\n        }\r\n        .quick-links a:hover {\r\n          color: var(--deep-charcoal); \r\n          text-decoration: underline;\r\n        }\r\n\r\n        .contact-social-section {\r\n             padding-top: 2rem;\r\n             padding-bottom: 2rem;\r\n             margin-bottom: 1.5rem;\r\n        }\r\n        .social-icons {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            margin-top: 1rem;\r\n            justify-content: center;\r\n        }\r\n        .social-icons a {\r\n            color: var(--accent-color); \r\n            transition: color 0.3s, transform 0.3s;\r\n        }\r\n        .social-icons a:hover {\r\n            color: var(--deep-charcoal); \r\n            transform: translateY(-2px); \r\n        }\r\n\r\n        .company-info {\r\n            font-size: 0.8rem; \r\n            color: var(--accent-color); \r\n            margin-bottom: 2rem; \r\n            line-height: 1.6;\r\n        }\r\n\r\n        .copyright {\r\n          font-size: 0.85rem;\r\n          color: var(--deep-charcoal); \r\n          opacity: 0.7; \r\n          text-align: center;\r\n          margin-top: 1.5rem;\r\n        }\r\n        \r\n        @media (max-width: 600px) {\r\n            .quick-links {\r\n                flex-direction: column; \r\n                gap: 0.5rem;\r\n            }\r\n            .slogan-banner {\r\n                 font-size: 1.2rem;\r\n            }\r\n        }\r\n        \/* ********* K\u1ebeT TH\u00daC STYLES T\u1eea B\u1ea0N ********* *\/\r\n\r\n      <\/style>\r\n      <footer>\r\n        \r\n        <div class=\"footer-container\">\r\n          \r\n          <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/main\/images\/htm-logo.png\" alt=\"Hanoi Media Voyage Logo\" class=\"footer-logo\">\r\n          \r\n          <div class=\"slogan-banner\">\r\n              Where Vision Meets Venue, and Journeys Begin.\r\n          <\/div>\r\n          \r\n          <ul class=\"quick-links\">\r\n            <li><a href=\"\/\">HOME<\/a><\/li>\r\n            <li><a href=\"\/about.html\">ABOUT<\/a><\/li>\r\n            <li><a href=\"\/travel.html\">TRAVEL<\/a><\/li>\r\n            <li><a href=\"\/events.html\">EVENTS<\/a><\/li>\r\n            <li><a href=\"\/golf-tours.html\">GOLF<\/a><\/li>\r\n            <li><a href=\"\/contact.html\">CONTACT<\/a><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"company-info\">\r\n             <p>Add: BT1 Lo 07, Vinaconex 3, Trung Van, Nam Tu Liem, Hanoi<\/p>\r\n             <p>Phone: +84.966.839778 | Email: events@hanoimice.com<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"contact-social-section\">\r\n              <div class=\"social-icons\">\r\n                  <a href=\"#\" aria-label=\"Facebook\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-facebook\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\r\n                  <\/a>\r\n                  <a href=\"#\" aria-label=\"Instagram\">\r\n                     <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-instagram\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\r\n                  <\/a>\r\n                  <a href=\"#\" aria-label=\"LinkedIn\">\r\n                     <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-linkedin\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\r\n                  <\/a>\r\n                  <a href=\"#\" aria-label=\"Youtube\">\r\n                     <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-youtube\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2A29 29 0 0 0 12 4.1c-3.1 0-7.85.35-8.6.38a2.78 2.78 0 0 0-1.94 2c-.22 1.39-.22 4.49-.22 5.58s0 4.19.22 5.58a2.78 2.78 0 0 0 1.94 2c.75.03 5.48.38 8.6.38s7.85-.35 8.6-.38a2.78 2.78 0 0 0 1.94-2c.22-1.39.22-4.49.22-5.58s0-4.19-.22-5.58z\"><\/path><polygon points=\"10 15 15 12 10 9 10 15\"><\/polygon><\/svg>\r\n                  <\/a>\r\n              <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"copyright\">\r\n             <p>&copy; ${new Date().getFullYear()} Hanoi International Media & Travel. All rights reserved.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/footer>\r\n    `;\r\n  }\r\n}\r\ncustomElements.define('custom-footer', CustomFooter);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc5f977 e-flex e-con-boxed e-con e-parent\" data-id=\"fc5f977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e241dc2 elementor-widget elementor-widget-html\" data-id=\"e241dc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"social-cta\" class=\"fixed right-0 top-1\/2 transform -translate-y-1\/2 z-[1100] p-2 md:p-4 hidden md:flex flex-col space-y-3\">\r\n    <a href=\"https:\/\/www.facebook.com\/hanoimicetravel\" target=\"_blank\" class=\"social-icon-qoko bg-facebook hover:bg-facebook-dark text-white transition-all duration-300 rounded-full w-10 h-10 flex items-center justify-center shadow-lg\">\r\n        <i data-feather=\"facebook\" class=\"w-5 h-5\"><\/i>\r\n    <\/a>\r\n    <a href=\"https:\/\/wa.me\/+84966839778\" target=\"_blank\" class=\"social-icon-qoko bg-whatsapp hover:bg-whatsapp-dark text-white transition-all duration-300 rounded-full w-10 h-10 flex items-center justify-center shadow-lg\">\r\n        <i data-feather=\"message-circle\" class=\"w-5 h-5\"><\/i> \r\n    <\/a>\r\n    <a href=\"https:\/\/zalo.me\/+84966839778\" target=\"_blank\" class=\"social-icon-qoko bg-zalo hover:bg-zalo-dark text-white transition-all duration-300 rounded-full w-10 h-10 flex items-center justify-center shadow-lg\">\r\n        <img decoding=\"async\" src=\"https:\/\/huggingface.co\/spaces\/Le-Manh\/hanoi-media-voyage\/resolve\/32be925f93ad3de4999492561ebdfb788b05b644\/images\/Logo%20Zalo.svg\" alt=\"Zalo\" class=\"w-5 h-5 object-contain\">\r\n    <\/a>\r\n    <a href=\"tel:+84966839778\" class=\"social-icon-qoko bg-call hover:bg-call-dark text-white transition-all duration-300 rounded-full w-10 h-10 flex items-center justify-center shadow-lg\">\r\n        <i data-feather=\"phone\" class=\"w-5 h-5\"><\/i>\r\n    <\/a>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n    \/\/ --- 1. INITIALIZE FEATHER ICONS ---\r\n    \/\/ Ph\u1ea3i ch\u1ea1y tr\u01b0\u1edbc khi Footer Custom Element \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a\r\n    if (window.feather) {\r\n        feather.replace();\r\n    }\r\n\r\n\r\n    \/\/ --- 2. MOBILE MENU \/ NAVBAR LOGIC ---\r\n    const hamburger = document.querySelector('.hamburger');\r\n    const navLinksContainer = document.querySelector('#mobile-menu'); \r\n    const mdBreakpoint = 768; \r\n\r\n    if (hamburger && navLinksContainer) {\r\n        \r\n        function setInitialMenuState() {\r\n            if (window.innerWidth < mdBreakpoint) { \r\n                navLinksContainer.classList.add('hidden');\r\n                navLinksContainer.classList.remove('flex'); \r\n            } else {\r\n                navLinksContainer.classList.remove('hidden');\r\n                navLinksContainer.classList.add('flex'); \r\n            }\r\n        }\r\n        \r\n        setInitialMenuState();\r\n\r\n        hamburger.addEventListener('click', function() {\r\n             navLinksContainer.classList.toggle('hidden'); \r\n             navLinksContainer.classList.toggle('flex');\r\n             this.classList.toggle('active'); \r\n        });\r\n        \r\n        window.addEventListener('resize', function() {\r\n            if (window.innerWidth >= mdBreakpoint) {\r\n                navLinksContainer.classList.remove('hidden');\r\n                navLinksContainer.classList.add('flex');\r\n                hamburger.classList.remove('active');\r\n            } else {\r\n                 if (!navLinksContainer.classList.contains('flex')) {\r\n                    navLinksContainer.classList.add('hidden');\r\n                 }\r\n            }\r\n        });\r\n    }\r\n\r\n\r\n    \/\/ --- 3. HERO SLIDER LOGIC ---\r\n    const slides = [\r\n        document.getElementById('hero-slide-1'),\r\n        document.getElementById('hero-slide-2'),\r\n        document.getElementById('hero-slide-3')\r\n    ];\r\n    const dots = [\r\n        document.getElementById('dot-1'),\r\n        document.getElementById('dot-2'),\r\n        document.getElementById('dot-3')\r\n    ];\r\n    let currentSlide = 0;\r\n    let slideInterval;\r\n\r\n    function showSlide(index) {\r\n        slides.forEach((slide, i) => {\r\n            if (i === index) {\r\n                slide.classList.remove('opacity-0');\r\n                slide.classList.add('opacity-100');\r\n            } else {\r\n                slide.classList.remove('opacity-100');\r\n                slide.classList.add('opacity-0');\r\n            }\r\n        });\r\n\r\n        dots.forEach((dot, i) => {\r\n            if (i === index) {\r\n                dot.classList.remove('opacity-50');\r\n                dot.classList.add('opacity-100');\r\n            } else {\r\n                dot.classList.remove('opacity-100');\r\n                dot.classList.add('opacity-50');\r\n            }\r\n        });\r\n        currentSlide = index;\r\n    }\r\n\r\n    function nextSlide() {\r\n        const nextIndex = (currentSlide + 1) % slides.length;\r\n        showSlide(nextIndex);\r\n    }\r\n\r\n    function startSlider() {\r\n        slideInterval = setInterval(nextSlide, 5000);\r\n    }\r\n    \r\n    dots.forEach((dot, index) => {\r\n        dot.addEventListener('click', () => {\r\n            clearInterval(slideInterval); \r\n            showSlide(index);\r\n            startSlider(); \r\n        });\r\n    });\r\n\r\n    if (slides.length > 0) {\r\n        showSlide(currentSlide);\r\n        startSlider();\r\n    }\r\n    \r\n    \/\/ --- 4. NAVBAR ACTIVE STATE LOGIC ---\r\n    \r\n    let currentPathName = window.location.pathname.split('\/').pop().toLowerCase(); \r\n    \r\n    if (currentPathName === '' || currentPathName === '\/') {\r\n        currentPathName = 'index.html'; \r\n    }\r\n\r\n    const navLinks = document.querySelectorAll('.nav-link-qoko');\r\n\r\n    navLinks.forEach(link => {\r\n        link.classList.remove('active'); \r\n        \r\n        const linkHref = link.getAttribute('href').toLowerCase();\r\n\r\n        if (linkHref === currentPathName) {\r\n            link.classList.add('active');\r\n        }\r\n    });\r\n}); \r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64e65fa e-flex e-con-boxed e-con e-parent\" data-id=\"64e65fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f252778 elementor-widget elementor-widget-html\" data-id=\"f252778\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.entry-title, .page-title {\r\n    display: none !important;\r\n}\r\n.site-header, .site-footer {\r\n    display: none !important;\r\n}\r\n<\/style>\r\n\r\n<style>\r\n.destination-card-image-wrapper {\r\n       min-height: 280px !important; \r\n    height: 280px !important; \r\n}\r\n@media (min-width: 768px) {\r\n    .destination-card-image-wrapper {\r\n        min-height: 224px !important; \r\n        height: 224px !important;\r\n    }\r\n}\r\n\r\n.destination-card-image-wrapper img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important; \r\n}\r\n\r\n.destination-card-image-wrapper > a {\r\n    height: auto !important;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>+84 966839778 Home Event Travel Golf Tour About Sophisticated Travel Experiences Tailored journeys. Unforgettable moments. POPULAR Unesco Heritage 10 Days 9 Nights From $1,999 View \u2192 GOLF VIP Da Lat Golf Lam Vien Square From $1,999 View \u2192 NEW Phu Quoc Escape Sunset Town From $3,500 View \u2192 GOLF COAST Laguna L\u0103ng C\u00f4 Hu\u1ebf\/\u0110\u00e0 N\u1eb5ng [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-travel.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":26,"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/pages\/54\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/test.hanoimice.com\/en\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}