Mekong By Bui \u2014 T\u1ea1 T\u00ecnh \u0110\u1ea5t C\u1eedu Long<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'mekong-bg': '#F7F5F0', \/* M\u00e0u gi\u1ea5y c\u0169, kho\u1ea3ng tr\u1eafng ng\u00e0 t\u0129nh l\u1eb7ng *\/\n 'mekong-ink': '#262420', \/* \u0110en nh\u00e1m than b\u00f9n *\/\n 'mekong-accent': '#8C3A3A', \/* \u0110\u1ecf \u0111\u1ea5t nung, \u0111i\u1ec3m xuy\u1ebft *\/\n 'mekong-gold': '#A38054', \/* N\u00e2u v\u00e0ng ph\u00f9 sa *\/\n 'mekong-surface': '#EBE8DF', \/* M\u00e0u x\u00e1m \u1ea5m cho c\u00e1c m\u1ea3ng kh\u1ed1i *\/\n },\n fontFamily: {\n 'serif': ['\"Playfair Display\"', 'serif'],\n 'sans': ['\"Inter\"', 'sans-serif'],\n },\n fontSize: {\n 'massive': 'clamp(4rem, 18vw, 14rem)', \/* Cho ch\u1eef M\u00caKONG *\/\n },\n letterSpacing: {\n 'widest-xl': '0.3em',\n }\n }\n }\n }\n <\/script>\n \n <style>\n body {\n background-color: #F7F5F0;\n color: #262420;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n \n \/* Hi\u1ec7u \u1ee9ng reveal nh\u1eb9 nh\u00e0ng, kh\u00f4ng \u1ed3n \u00e0o *\/\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), \n transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Ch\u1eef typography n\u00e9t thanh n\u00e9t \u0111\u1eadm *\/\n .text-outline {\n color: transparent;\n -webkit-text-stroke: 1px #262420;\n }\n \n \/* Line trang tr\u00ed thanh m\u1ea3nh *\/\n .vertical-line {\n width: 1px;\n height: 100px;\n background-color: #262420;\n opacity: 0.3;\n margin: 0 auto;\n }\n\n \/* T\u00f9y ch\u1ec9nh Scrollbar *\/\n ::-webkit-scrollbar {\n width: 4px;\n }\n ::-webkit-scrollbar-track {\n background: #F7F5F0; \n }\n ::-webkit-scrollbar-thumb {\n background: #A38054; \n }\n\n \/* \u1ea8n input number arrows *\/\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans font-light selection:bg-mekong-gold selection:text-mekong-bg\">\n\n <header class=\"fixed top-0 w-full z-50 p-6 flex justify-between items-center transition-all duration-500 bg-mekong-bg\/80 backdrop-blur-md border-b border-transparent\" id=\"navbar\">\n <div class=\"font-serif italic text-lg tracking-wide text-mekong-ink\">\n Mekong By Bui\n <\/div>\n <a href=\"#connect\" class=\"text-[10px] md:text-xs font-sans uppercase tracking-widest-xl text-mekong-ink hover:text-mekong-gold transition-colors duration-300\">\n Tr\u00f2 chuy\u1ec7n\n <\/a>\n <\/header>\n\n <section class=\"min-h-[90vh] flex flex-col justify-center items-center relative pt-20 px-4\">\n <div class=\"w-full text-center relative z-10 flex flex-col items-center mt-12\">\n \n <h1 class=\"font-serif text-massive leading-[0.85] tracking-tighter uppercase font-medium text-mekong-ink\">\n M\u00ca<span class=\"text-outline\">KONG<\/span>\n <\/h1>\n <p class=\"font-sans uppercase tracking-[0.4em] text-[10px] md:text-xs mt-8 md:mt-12 text-mekong-ink\/60\">\n M\u1ed9t t\u00e2m huy\u1ebft t\u1eeb Bui Coffee Supply\n <\/p>\n <\/div>\n\n \n <div class=\"max-w-2xl mx-auto mt-24 text-center reveal\">\n <p class=\"font-serif italic text-xl md:text-2xl leading-relaxed text-mekong-ink\/90\">\n \u201cC\u00e1i th\u00fa u\u1ed1ng c\u00e0 ph\u00ea \u1edf \u0111\u1eddi, lu\u1eadn cho c\u00f9ng c\u1ed1t \u1edf ch\u1ed7 thi\u1ec7t t\u00ecnh. H\u01b0\u01a1ng v\u1ecb \u0111\u1eadm \u0111\u00e0, s\u00e1nh k\u1eb9o quen thu\u1ed9c \u0111\u00e3 g\u1eafn b\u00f3 v\u1edbi b\u00e0 con mi\u1ec7t s\u00f4ng n\u01b0\u1edbc t\u1eeb thu\u1edf m\u1ea7n \u0103n gian kh\u00f3, n\u1ebfp u\u1ed1ng \u1ea5y l\u00e0 c\u1ea3 m\u1ed9t tr\u1eddi k\u00fd \u1ee9c \u0111\u00e1ng tr\u00e2n tr\u1ecdng v\u00f4 c\u00f9ng. Nh\u01b0ng b\u1ec1 n\u00e0o, c\u00e1i s\u1ef1 phong l\u01b0u h\u00e1 ch\u1eb3ng dung n\u1ea1p th\u00eam c\u00e1i m\u1edbi? Qua \u1ea5p \u1ee7 mang h\u1ea1t c\u00e0 ph\u00ea rang m\u1ed9c thi\u1ec7t th\u00e0 v\u1ec1, ch\u1eb3ng ph\u1ea3i \u0111\u1ec3 thay th\u1ebf th\u00f3i quen ai, m\u00e0 \u0111\u1eb7ng b\u00e0 con c\u00f3 th\u00eam m\u1ed9t l\u1ef1a ch\u1ecdn thanh s\u1ea1ch, nguy\u00ean b\u1ea3n c\u1ee7a \u0111\u1ea5t tr\u1eddi.\u201d\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-32 px-6 md:px-12 max-w-7xl mx-auto\">\n <div class=\"grid grid-cols-1 md:grid-cols-12 gap-12 md:gap-24 items-center\">\n <div class=\"col-span-1 md:col-span-5 reveal order-2 md:order-1\">\n <div class=\"aspect-[3\/4] bg-mekong-surface relative overflow-hidden group\">\n \n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x1066\/EBE8DF\/262420?text=Sa+%C4%90%C3%A9c+X%C6%B0a\" alt=\"K\u00fd \u1ee9c b\u1ebfn s\u00f4ng\" class=\"object-cover w-full h-full mix-blend-multiply opacity-70 group-hover:scale-105 transition-transform duration-1000 grayscale hover:grayscale-0\">\n <\/div>\n <\/div>\n <div class=\"col-span-1 md:col-span-7 reveal order-1 md:order-2 md:pl-12\">\n <p class=\"text-[10px] font-sans uppercase tracking-widest-xl text-mekong-gold mb-6\">H\u1ed3i I \u2022 M\u1ed1i t\u01a1 l\u00f2ng<\/p>\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl leading-tight mb-10 text-mekong-ink\">\n T\u1ea1 t\u00ecnh<br>\u0111\u1ea5t m\u1eb9 C\u1eedu Long\n <\/h2>\n <div class=\"font-sans text-sm md:text-base leading-loose space-y-6 text-mekong-ink\/80 max-w-xl\">\n <p>\n B\u00f9i C\u1ea3nh v\u1ed1n l\u00e0 \u0111\u1ee9a con r\u1ee9t ru\u1ed9t sinh ra t\u1eeb \u0111\u1ea5t hoa Sa \u0110\u00e9c. T\u1eeb thu\u1edf t\u00f3c c\u00f2n \u0111\u1ec3 ch\u1ecfm, kh\u00f3e m\u1eaft \u0111\u00e3 quen nh\u00ecn m\u1ea5y b\u1eadc ch\u00fa b\u00e1c ng\u1ed3i v\u1eaft ch\u00e2n ch\u1eef ng\u0169 b\u00ean qu\u00e1n c\u00f3c \u0111\u1ea7u v\u00e0m, nh\u00e2m nhi c\u00e2u chuy\u1ec7n t\u00e2m giao b\u00ean ly c\u00e0 ph\u00ea quen thu\u1ed9c.\n <\/p>\n <p>\n Mang theo k\u00fd \u1ee9c \u0111\u01b0\u1ee3m m\u1ed3 h\u00f4i c\u1ee7a th\u1ebf h\u1ec7 \u0111i tr\u01b0\u1edbc, ng\u00e0y r\u1eddi qu\u00ea \u0111i xa l\u1eadp nghi\u1ec7p, trong t\u00fai qua mang theo m\u1ed9t t\u00e2m nguy\u1ec7n: <em>\"H\u1ec5 ng\u00e0y n\u00e0o l\u00f2 rang \u0111\u1ecf l\u1eeda t\u01b0\u01a1m t\u1ea5t, tay ngh\u1ec1 \u0111\u1ee7 v\u1eefng, qua nh\u1ee9t \u0111\u1ecbnh ph\u1ea3i \u0111em h\u1ea1t c\u00e0 ph\u00ea rang m\u1ed9c ch\u00e1nh t\u00f4ng v\u1ec1 t\u1ea1 \u01a1n \u0111\u1ea5t m\u1eb9.\"<\/em>\n <\/p>\n <p>\n Kh\u00f4ng r\u1ed9n r\u00e0ng ph\u00f4 tr\u01b0\u01a1ng, ch\u1ec9 l\u1eb7ng l\u1ebd g\u00f3p th\u00eam m\u1ed9t phong v\u1ecb t\u1ef1 nhi\u00ean c\u1ee7a h\u1ea1t c\u00e0 ph\u00ea n\u01b0\u1edbc Nam v\u00e0o b\u00e0n tr\u00e0 mu\u00f4n thu\u1edf c\u1ee7a ng\u01b0\u1eddi L\u1ee5c T\u1ec9nh.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-32 px-6 md:px-12 bg-mekong-surface\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-24 reveal\">\n <p class=\"text-[10px] font-sans uppercase tracking-widest-xl text-mekong-accent mb-6\">H\u1ed3i II \u2022 T\u1ea7m \u0110\u1ea1o & Tri \u00c2m<\/p>\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl leading-tight\">C\u00e1i b\u1eaft tay c\u1ee7a<br>nh\u1eefng ng\u01b0\u1eddi n\u1eb7ng l\u00f2ng<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-16 md:gap-32\">\n <div class=\"reveal\">\n <h3 class=\"font-serif text-3xl mb-6 border-b border-mekong-ink\/20 pb-4\">N\u1ed9i L\u1ef1c Bui Coffee Supply<\/h3>\n <p class=\"font-sans text-sm md:text-base leading-loose text-mekong-ink\/80\">\n \u0110\u1ec3 h\u1ea1t c\u00e0 ph\u00ea m\u1ed9c \u0111\u1ee7 s\u1ee9c b\u01b0\u1edbc l\u00ean b\u00e0n tr\u00e0 \u0111\u1ea1i ch\u00fang m\u00e0 gi\u00e1 c\u1ea3 thi\u1ec7t m\u1ec1m, kh\u00f4ng k\u00e9n ch\u1ecdn ch\u1ed1n ph\u1ed3n hoa, Bui Coffee Supply ph\u1ea3i trui r\u00e8n r\u00f2ng r\u00e3. T\u1ed1i \u01b0u v\u00f9ng tr\u1ed3ng, chu\u1ea9n h\u00f3a c\u00f4ng ngh\u1ec7 rang t\u00e2n ti\u1ebfn, \u0111\u1eb7ng l\u00e0m ch\u1ee7 s\u1ea3n l\u01b0\u1ee3ng. Ch\u1ec9 khi n\u1ed9i l\u1ef1c \u0111\u1ee7 v\u1eefng, g\u00f3i c\u00e0 ph\u00ea m\u1ed9c m\u1edbi c\u00f3 th\u1ec3 tr\u1edf th\u00e0nh th\u1ee9c u\u1ed1ng th\u01b0\u1eddng nh\u1eadt c\u1ee7a s\u1ed1 \u0111\u00f4ng m\u00e0 kh\u00f4ng th\u00e0nh g\u00e1nh n\u1eb7ng.\n <\/p>\n <\/div>\n <div class=\"reveal md:mt-16\">\n <h3 class=\"font-serif text-3xl mb-6 border-b border-mekong-ink\/20 pb-4\">Nh\u1ecbp C\u1ea7u Kh\u1edfi Minh<\/h3>\n <p class=\"font-sans text-sm md:text-base leading-loose text-mekong-ink\/80\">\n Nh\u01b0ng c\u00f5i Nam K\u1ef3 s\u00f4ng r\u1ea1ch ch\u1eb1ng ch\u1ecbt, m\u1ed9t m\u00ecnh Bui sao chuy\u00ean ch\u1edf h\u1ebft \u00e2n t\u00ecnh. Tr\u1eddi xui \u0111\u1ea5t khi\u1ebfn cho g\u1eb7p \u0111\u1eb7ng Kh\u1edfi Minh \u2014 ng\u01b0\u1eddi b\u1ea1n \u0111\u01b0\u1eddng th\u1ea5u t\u1ecf t\u1eebng b\u1ebfn \u0111\u00f2, am hi\u1ec3u nh\u1ecbp s\u1ed1ng c\u1ee7a 13 t\u1ec9nh th\u00e0nh. Hai b\u00ean h\u1ed9i ng\u1ed9, chung m\u1ed9t ni\u1ec1m tin: T\u00f4n tr\u1ecdng n\u1ebfp c\u0169, song h\u00e0nh m\u1edf \u0111\u01b0\u1eddng, \u0111em c\u00e0 ph\u00ea m\u1ed9c ch\u1ea5t l\u01b0\u1ee3ng giao t\u1eadn tay t\u1eebng ng\u00f3c ng\u00e1ch mi\u1ec1n T\u00e2y.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-40 px-6 md:px-12 max-w-7xl mx-auto\">\n <div class=\"text-center mb-32 reveal\">\n <p class=\"text-[10px] font-sans uppercase tracking-widest-xl text-mekong-gold mb-6\">H\u1ed3i III \u2022 Ch\u00e2u V\u1ec1 H\u1ee3p Ph\u1ed1<\/p>\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl leading-tight\">Phong l\u01b0u ng\u00e0y tr\u1edf l\u1ea1i<\/h2>\n <p class=\"font-sans text-sm md:text-base mt-8 max-w-2xl mx-auto text-mekong-ink\/70 leading-relaxed\">\n Ch\u1eb3ng c\u1ea7u k\u1ef3 l\u00e0m b\u1ed9, kh\u00f4ng k\u00e9n ch\u1ecdn kh\u00f4ng gian. D\u00f9 tr\u00ean qu\u1ea7y bar m\u00e1y pha t\u00e2n th\u1eddi hay b\u00ean chi\u1ebfc phin nh\u00f4m qu\u00e1n c\u00f3c, h\u1ea1t c\u00e0 ph\u00ea v\u1eabn gi\u1eef tr\u1ecdn c\u1ed1t c\u00e1ch \u0111\u00e0ng ho\u00e0ng. Hai phong v\u1ecb \u0111\u01b0\u1ee3c ch\u1eaft l\u1ecdc, h\u00f2a quy\u1ec7n gi\u1eefa n\u1ebfp x\u01b0a v\u00e0 d\u00f2ng ch\u1ea3y \u0111\u01b0\u01a1ng \u0111\u1ea1i.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-20\">\n \n <div class=\"reveal group\">\n <div class=\"aspect-[4\/5] bg-mekong-surface mb-8 relative overflow-hidden flex items-center justify-center p-12\">\n <div class=\"absolute inset-0 bg-[#E2DFD6] transition-colors duration-700 group-hover:bg-[#D9D6CD]\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x600\/A38054\/F7F5F0?text=L%E1%BB%A4C+T%E1%BB%88NH\" alt=\"C\u00e0 ph\u00ea L\u1ee5c T\u1ec9nh\" class=\"relative z-10 w-2\/3 h-auto object-cover group-hover:-translate-y-4 transition-transform duration-700 shadow-xl\">\n <\/div>\n <h3 class=\"font-serif text-4xl mb-3\">L\u1ee5c T\u1ec9nh<\/h3>\n <p class=\"font-sans text-[10px] tracking-widest-xl uppercase text-mekong-gold mb-6\">9 Robusta Honey : 1 Arabica Premium<\/p>\n <p class=\"font-sans text-sm leading-loose text-mekong-ink\/80 max-w-md\">\n B\u1ea3n h\u00f2a t\u1ea5u d\u00e0nh cho nh\u1eefng qu\u00e1n x\u00e1 t\u00e2n th\u1eddi, h\u01b0\u1edbng \u0111\u1ebfn ch\u1ea5t l\u01b0\u1ee3ng cao m\u00e0 gi\u00e1 th\u00e0nh l\u1ea1i v\u00f4 c\u00f9ng th\u00e2n thi\u1ec7n. Hi\u1ec7n \u0111\u1ea1i, c\u00e2n b\u1eb1ng, tinh x\u1ea3o nh\u01b0ng kh\u00f4ng h\u1ec1 xa c\u00e1ch. M\u1ed9t b\u01b0\u1edbc n\u00e2ng t\u1ea7m \u00eam \u00e1i cho d\u00f2ng ch\u1ea3y c\u00e0 ph\u00ea \u0111\u01b0\u01a1ng \u0111\u1ea1i mi\u1ec7t v\u01b0\u1eddn.\n <\/p>\n <\/div>\n\n \n <div class=\"reveal group md:mt-24\">\n <div class=\"aspect-[4\/5] bg-mekong-surface mb-8 relative overflow-hidden flex items-center justify-center p-12\">\n <div class=\"absolute inset-0 bg-[#E8E4DF] transition-colors duration-700 group-hover:bg-[#DFDBD5]\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x600\/8C3A3A\/F7F5F0?text=V%C3%80NG+SON\" alt=\"C\u00e0 ph\u00ea V\u00e0ng Son\" class=\"relative z-10 w-2\/3 h-auto object-cover group-hover:-translate-y-4 transition-transform duration-700 shadow-xl\">\n <\/div>\n <h3 class=\"font-serif text-4xl mb-3\">V\u00e0ng Son<\/h3>\n <p class=\"font-sans text-[10px] tracking-widest-xl uppercase text-mekong-accent mb-6\">100% Robusta Rang M\u1ed9c Truy\u1ec1n Th\u1ed1ng<\/p>\n <p class=\"font-sans text-sm leading-loose text-mekong-ink\/80 max-w-md\">\n Gi\u1eef tr\u1ecdn b\u1ea3n th\u1ec3 c\u1ee7a \u0111\u1ea5t \u0111ai: body d\u00e0y d\u1eb7n, \u0111\u01b0\u1ee3m \u0111\u00e0 v\u00e0 m\u00e3nh li\u1ec7t. D\u00f2ng c\u00e0 ph\u00ea vinh danh kh\u1ea9u v\u1ecb \u0111\u1eadm s\u00e2u truy\u1ec1n th\u1ed1ng nh\u01b0ng thanh s\u1ea1ch tuy\u1ec7t \u0111\u1ed1i. T\u01b0\u1ee3ng tr\u01b0ng cho n\u00e9t h\u00e0o hoa, tr\u00f9 ph\u00fa ng\u1eddi s\u00e1ng c\u1ee7a v\u00f9ng ph\u00f9 sa bao \u0111\u1eddi.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-40 bg-mekong-ink text-mekong-bg px-6 md:px-12 text-center relative overflow-hidden\">\n <div class=\"max-w-4xl mx-auto reveal relative z-10\">\n <h2 class=\"font-serif italic text-3xl md:text-5xl lg:text-6xl leading-[1.3] mb-12 text-mekong-bg\/90\">\n \"Bui Coffee Supply c\u00f9ng Kh\u1edfi Minh ch\u00fang t\u00f4i \u0111\u1ed3ng l\u00f2ng, \u0111em c\u00e1i t\u00e2m c\u1ee7a ng\u01b0\u1eddi l\u00e0m ngh\u1ec1 \u0111\u1ec3 gi\u1eef g\u00ecn b\u1ea3n v\u1ecb. Tr\u00e2n tr\u1ecdng n\u1ebfp c\u0169, g\u00f3p th\u00eam h\u01b0\u01a1ng m\u1edbi \u2014 Tr\u1ea3 h\u1ea1t c\u00e0 ph\u00ea rang m\u1ed9c nguy\u00ean b\u1ea3n v\u1ec1 \u0111\u00fang v\u1ecb tr\u00ed b\u00ecnh d\u1ecb trong n\u1ebfp nh\u00e0 ng\u01b0\u1eddi mi\u1ec1n T\u00e2y.\"\n <\/h2>\n <div class=\"vertical-line bg-mekong-bg opacity-20 mb-12\"><\/div>\n <p class=\"font-sans tracking-widest-xl uppercase text-[10px] md:text-xs text-mekong-gold\">\n C\u00e0 ph\u00ea thi\u1ec7t, t\u1ea5m l\u00f2ng thi\u1ec7t \u2014 K\u00ednh c\u1ea9n d\u00e2ng t\u1eb7ng qu\u00ea nh\u00e0.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"connect\" class=\"py-40 px-6 md:px-12 max-w-3xl mx-auto reveal\">\n <div class=\"text-center mb-20\">\n <h2 class=\"font-serif text-4xl md:text-5xl mb-6\">B\u1eaft tay g\u1ea7y d\u1ef1ng<\/h2>\n <p class=\"font-sans text-sm md:text-base text-mekong-ink\/70 max-w-lg mx-auto leading-relaxed\">\n D\u00e0nh cho ch\u1ee7 qu\u00e1n & ng\u01b0\u1eddi tr\u1ebb mi\u1ec1n T\u00e2y mang ho\u00e0i b\u00e3o v\u1edbi n\u00f4ng s\u1ea3n qu\u00ea h\u01b0\u01a1ng. H\u00e3y \u0111\u1ec3 l\u1ea1i l\u1eddi nh\u1eafn, Kh\u1edfi Minh s\u1ebd c\u00f9ng b\u1ea1n \u0111\u00e0m \u0111\u1ea1o v\u00e0 t\u01b0 v\u1ea5n m\u00f4 h\u00ecnh ph\u00f9 h\u1ee3p.\n <\/p>\n <\/div>\n\n <form class=\"space-y-12 font-sans\" id=\"consultation-form\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n <div class=\"relative group\">\n <input type=\"text\" required class=\"w-full bg-transparent border-b border-mekong-ink\/20 pb-4 text-lg focus:outline-none focus:border-mekong-ink transition-colors peer placeholder-transparent\" placeholder=\"H\u1ecd & T\u00ean\" id=\"name\">\n <label for=\"name\" class=\"absolute left-0 top-0 text-xs uppercase tracking-widest text-mekong-ink\/40 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-2 peer-placeholder-shown:tracking-normal peer-focus:text-xs peer-focus:uppercase peer-focus:tracking-widest peer-focus:-top-4 peer-focus:text-mekong-ink\/70\">T\u00ean c\u1ee7a b\u1ea1n<\/label>\n <\/div>\n <div class=\"relative group\">\n <input type=\"tel\" required class=\"w-full bg-transparent border-b border-mekong-ink\/20 pb-4 text-lg focus:outline-none focus:border-mekong-ink transition-colors peer placeholder-transparent\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" id=\"phone\">\n <label for=\"phone\" class=\"absolute left-0 top-0 text-xs uppercase tracking-widest text-mekong-ink\/40 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-2 peer-placeholder-shown:tracking-normal peer-focus:text-xs peer-focus:uppercase peer-focus:tracking-widest peer-focus:-top-4 peer-focus:text-mekong-ink\/70\">\u0110i\u1ec7n tho\u1ea1i li\u00ean l\u1ea1c<\/label>\n <\/div>\n <\/div>\n \n <div class=\"relative group\">\n <input type=\"text\" required class=\"w-full bg-transparent border-b border-mekong-ink\/20 pb-4 text-lg focus:outline-none focus:border-mekong-ink transition-colors peer placeholder-transparent\" placeholder=\"T\u1ec9nh \/ Th\u00e0nh\" id=\"location\">\n <label for=\"location\" class=\"absolute left-0 top-0 text-xs uppercase tracking-widest text-mekong-ink\/40 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-2 peer-placeholder-shown:tracking-normal peer-focus:text-xs peer-focus:uppercase peer-focus:tracking-widest peer-focus:-top-4 peer-focus:text-mekong-ink\/70\">Khu v\u1ef1c (VD: Sa \u0110\u00e9c, C\u1ea7n Th\u01a1...)<\/label>\n <\/div>\n\n <div class=\"pt-6\">\n <p class=\"text-[10px] uppercase tracking-widest-xl text-mekong-ink\/50 mb-6 block\">M\u00f4 h\u00ecnh b\u1ea1n quan t\u00e2m<\/p>\n <div class=\"flex flex-wrap gap-8\">\n <label class=\"flex items-center space-x-3 cursor-pointer group\">\n <div class=\"w-5 h-5 border border-mekong-ink\/30 rounded-full flex items-center justify-center group-hover:border-mekong-ink transition-colors\">\n <input type=\"radio\" name=\"model\" value=\"L\u1ee5c T\u1ec9nh\" class=\"hidden peer\">\n <div class=\"w-2.5 h-2.5 rounded-full bg-mekong-ink opacity-0 peer-checked:opacity-100 transition-opacity\"><\/div>\n <\/div>\n <span class=\"text-sm\">D\u00f2ng L\u1ee5c T\u1ec9nh (Qu\u00e1n T\u00e2n Th\u1eddi)<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 cursor-pointer group\">\n <div class=\"w-5 h-5 border border-mekong-ink\/30 rounded-full flex items-center justify-center group-hover:border-mekong-ink transition-colors\">\n <input type=\"radio\" name=\"model\" value=\"V\u00e0ng Son\" class=\"hidden peer\">\n <div class=\"w-2.5 h-2.5 rounded-full bg-mekong-ink opacity-0 peer-checked:opacity-100 transition-opacity\"><\/div>\n <\/div>\n <span class=\"text-sm\">D\u00f2ng V\u00e0ng Son (\u0110\u1eadm \u0110\u00e0 Truy\u1ec1n Th\u1ed1ng)<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <button type=\"button\" onclick=\"submitForm()\" class=\"w-full mt-12 py-6 border border-mekong-ink\/20 text-center font-serif text-xl italic hover:bg-mekong-ink hover:text-mekong-bg transition-all duration-500 rounded-sm\">\n G\u1eedi L\u1eddi Th\u01b0a\n <\/button>\n \n <div id=\"success-msg\" class=\"hidden text-center mt-6 p-4 bg-mekong-surface\/50 rounded\">\n <p class=\"font-serif italic text-lg text-mekong-gold\">\u0110\u00e3 nh\u1eadn \u0111\u1eb7ng tin. Kh\u1edfi Minh s\u1ebd s\u1edbm li\u00ean l\u1ea1c h\u1ea7u chuy\u1ec7n c\u00f9ng b\u1ea1n!<\/p>\n <\/div>\n <\/form>\n <\/section>\n\n <footer class=\"py-12 px-6 text-center border-t border-mekong-ink\/10 reveal\">\n <h4 class=\"font-serif italic text-2xl mb-4 text-mekong-ink\">Mekong By Bui<\/h4>\n <p class=\"font-sans text-[9px] md:text-[10px] tracking-widest-xl text-mekong-ink\/40 uppercase leading-loose\">\n Ph\u00e1t tri\u1ec3n b\u1edfi Bui Coffee Supply<br class=\"md:hidden\"> \u2022 Ph\u00e2n ph\u1ed1i \u0111\u1ed9c quy\u1ec1n b\u1edfi Kh\u1edfi Minh\n <\/p>\n <\/footer>\n\n <script>\n \/\/ X\u1eed l\u00fd Form \u0111\u01a1n gi\u1ea3n kh\u00f4ng d\u00f9ng Alert\n function submitForm() {\n const btn = document.querySelector('button[type=\"button\"]');\n btn.innerHTML = \"\u0110ang g\u1eedi...\";\n btn.classList.add('opacity-50');\n \n \/\/ Gi\u1ea3 l\u1eadp th\u1eddi gian g\u1eedi\n setTimeout(() => {\n document.getElementById('consultation-form').reset();\n btn.innerHTML = \"G\u1eedi L\u1eddi Th\u01b0a\";\n btn.classList.remove('opacity-50');\n document.getElementById('success-msg').classList.remove('hidden');\n \n setTimeout(() => {\n document.getElementById('success-msg').classList.add('hidden');\n }, 5000);\n }, 800);\n }\n\n \/\/ Intersection Observer cho hi\u1ec7u \u1ee9ng Reveal (Nh\u1eb9 nh\u00e0ng, thanh l\u1ecbch)\n document.addEventListener(\"DOMContentLoaded\", function() {\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.15\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n observer.unobserve(entry.target); \/\/ Ch\u1ec9 ch\u1ea1y 1 l\u1ea7n\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal').forEach((elem) => {\n observer.observe(elem);\n });\n });\n\n \/\/ Hi\u1ec7u \u1ee9ng Navbar m\u1edd d\u1ea7n vi\u1ec1n khi scroll\n window.addEventListener(\"scroll\", () => {\n const nav = document.getElementById(\"navbar\");\n if (window.scrollY > 50) {\n nav.classList.add(\"border-mekong-ink\/10\");\n nav.classList.remove(\"border-transparent\");\n } else {\n nav.classList.remove(\"border-mekong-ink\/10\");\n nav.classList.add(\"border-transparent\");\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>Mekong By Bui \u2014 T\u1ea1 T\u00ecnh \u0110\u1ea5t C\u1eedu Long Mekong By Bui Tr\u00f2 chuy\u1ec7n M\u00caKONG M\u1ed9t t\u00e2m huy\u1ebft t\u1eeb Bui Coffee Supply \u201cC\u00e1i th\u00fa u\u1ed1ng c\u00e0 ph\u00ea \u1edf \u0111\u1eddi, lu\u1eadn cho c\u00f9ng c\u1ed1t \u1edf ch\u1ed7 thi\u1ec7t t\u00ecnh. H\u01b0\u01a1ng v\u1ecb \u0111\u1eadm \u0111\u00e0, s\u00e1nh k\u1eb9o quen thu\u1ed9c \u0111\u00e3 g\u1eafn b\u00f3 v\u1edbi b\u00e0 con mi\u1ec7t s\u00f4ng n\u01b0\u1edbc t\u1eeb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Mekong By Bui \u2014 T\u1ea1 T\u00ecnh \u0110\u1ea5t C\u1eedu Long<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'mekong-bg': '#F7F5F0', \/* M\u00e0u gi\u1ea5y c\u0169, kho\u1ea3ng tr\u1eafng ng\u00e0 t\u0129nh l\u1eb7ng *\/\n 'mekong-ink': '#262420', \/* \u0110en nh\u00e1m than b\u00f9n *\/\n 'mekong-accent': '#8C3A3A', \/* \u0110\u1ecf \u0111\u1ea5t nung, \u0111i\u1ec3m xuy\u1ebft *\/\n 'mekong-gold': '#A38054', \/* N\u00e2u v\u00e0ng ph\u00f9 sa *\/\n 'mekong-surface': '#EBE8DF', \/* M\u00e0u x\u00e1m \u1ea5m cho c\u00e1c m\u1ea3ng kh\u1ed1i *\/\n },\n fontFamily: {\n 'serif': ['\"Playfair Display\"', 'serif'],\n 'sans': ['\"Inter\"', 'sans-serif'],\n },\n fontSize: {\n 'massive': 'clamp(4rem, 18vw, 14rem)', \/* Cho ch\u1eef M\u00caKONG *\/\n },\n letterSpacing: {\n 'widest-xl': '0.3em',\n }\n }\n }\n }\n <\/script>\n \n <style>\n body {\n background-color: #F7F5F0;\n color: #262420;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n \n \/* Hi\u1ec7u \u1ee9ng reveal nh\u1eb9 nh\u00e0ng, kh\u00f4ng \u1ed3n \u00e0o *\/\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), \n transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Ch\u1eef typography n\u00e9t thanh n\u00e9t \u0111\u1eadm *\/\n .text-outline {\n color: transparent;\n -webkit-text-stroke: 1px #262420;\n }\n \n \/* Line trang tr\u00ed thanh m\u1ea3nh *\/\n .vertical-line {\n width: 1px;\n height: 100px;\n background-color: #262420;\n opacity: 0.3;\n margin: 0 auto;\n }\n\n \/* T\u00f9y ch\u1ec9nh Scrollbar *\/\n ::-webkit-scrollbar {\n width: 4px;\n }\n ::-webkit-scrollbar-track {\n background: #F7F5F0; \n }\n ::-webkit-scrollbar-thumb {\n background: #A38054; \n }\n\n \/* \u1ea8n input number arrows *\/\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans font-light selection:bg-mekong-gold selection:text-mekong-bg\">\n\n <header class=\"fixed top-0 w-full z-50 p-6 flex justify-between items-center transition-all duration-500 bg-mekong-bg\/80 backdrop-blur-md border-b border-transparent\" id=\"navbar\">\n <div class=\"font-serif italic text-lg tracking-wide text-mekong-ink\">\n Mekong By Bui\n <\/div>\n <a href=\"#connect\" class=\"text-[10px] md:text-xs font-sans uppercase tracking-widest-xl text-mekong-ink hover:text-mekong-gold transition-colors duration-300\">\n Tr\u00f2 chuy\u1ec7n\n <\/a>\n <\/header>\n\n <section class=\"min-h-[90vh] flex flex-col justify-center items-center relative pt-20 px-4\">\n <div class=\"w-full text-center relative z-10 flex flex-col items-center mt-12\">\n \n <h1 class=\"font-serif text-massive leading-[0.85] tracking-tighter uppercase font-medium text-mekong-ink\">\n M\u00ca<span class=\"text-outline\">KONG<\/span>\n <\/h1>\n <p class=\"font-sans uppercase tracking-[0.4em] text-[10px] md:text-xs mt-8 md:mt-12 text-mekong-ink\/60\">\n M\u1ed9t t\u00e2m huy\u1ebft t\u1eeb Bui Coffee Supply\n <\/p>\n <\/div>\n\n \n <div class=\"max-w-2xl mx-auto mt-24 text-center reveal\">\n <p class=\"font-serif italic text-xl md:text-2xl leading-relaxed text-mekong-ink\/90\">\n \u201cC\u00e1i th\u00fa u\u1ed1ng c\u00e0 ph\u00ea \u1edf \u0111\u1eddi, lu\u1eadn cho c\u00f9ng c\u1ed1t \u1edf ch\u1ed7 thi\u1ec7t t\u00ecnh. H\u01b0\u01a1ng v\u1ecb \u0111\u1eadm \u0111\u00e0, s\u00e1nh k\u1eb9o quen thu\u1ed9c \u0111\u00e3 g\u1eafn b\u00f3 v\u1edbi b\u00e0 con mi\u1ec7t s\u00f4ng n\u01b0\u1edbc t\u1eeb thu\u1edf m\u1ea7n \u0103n gian kh\u00f3, n\u1ebfp u\u1ed1ng \u1ea5y l\u00e0 c\u1ea3 m\u1ed9t tr\u1eddi k\u00fd \u1ee9c \u0111\u00e1ng tr\u00e2n tr\u1ecdng v\u00f4 c\u00f9ng. Nh\u01b0ng b\u1ec1 n\u00e0o, c\u00e1i s\u1ef1 phong l\u01b0u h\u00e1 ch\u1eb3ng dung n\u1ea1p th\u00eam c\u00e1i m\u1edbi? Qua \u1ea5p \u1ee7 mang h\u1ea1t c\u00e0 ph\u00ea rang m\u1ed9c thi\u1ec7t th\u00e0 v\u1ec1, ch\u1eb3ng ph\u1ea3i \u0111\u1ec3 thay th\u1ebf th\u00f3i quen ai, m\u00e0 \u0111\u1eb7ng b\u00e0 con c\u00f3 th\u00eam m\u1ed9t l\u1ef1a ch\u1ecdn thanh s\u1ea1ch, nguy\u00ean b\u1ea3n c\u1ee7a \u0111\u1ea5t tr\u1eddi.\u201d\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-32 px-6 md:px-12 max-w-7xl mx-auto\">\n <div class=\"grid grid-cols-1 md:grid-cols-12 gap-12 md:gap-24 items-center\">\n <div class=\"col-span-1 md:col-span-5 reveal order-2 md:order-1\">\n <div class=\"aspect-[3\/4] bg-mekong-surface relative overflow-hidden group\">\n \n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x1066\/EBE8DF\/262420?text=Sa+%C4%90%C3%A9c+X%C6%B0a\" alt=\"K\u00fd \u1ee9c b\u1ebfn s\u00f4ng\" class=\"object-cover w-full h-full mix-blend-multiply opacity-70 group-hover:scale-105 transition-transform duration-1000 grayscale hover:grayscale-0\">\n <\/div>\n <\/div>\n <div class=\"col-span-1 md:col-span-7 reveal order-1 md:order-2 md:pl-12\">\n <p class=\"text-[10px] font-sans uppercase tracking-widest-xl text-mekong-gold mb-6\">H\u1ed3i I \u2022 M\u1ed1i t\u01a1 l\u00f2ng<\/p>\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl leading-tight mb-10 text-mekong-ink\">\n T\u1ea1 t\u00ecnh<br>\u0111\u1ea5t m\u1eb9 C\u1eedu Long\n <\/h2>\n <div class=\"font-sans text-sm md:text-base leading-loose space-y-6 text-mekong-ink\/80 max-w-xl\">\n <p>\n B\u00f9i C\u1ea3nh v\u1ed1n l\u00e0 \u0111\u1ee9a con r\u1ee9t ru\u1ed9t sinh ra t\u1eeb \u0111\u1ea5t hoa Sa \u0110\u00e9c. T\u1eeb thu\u1edf t\u00f3c c\u00f2n \u0111\u1ec3 ch\u1ecfm, kh\u00f3e m\u1eaft \u0111\u00e3 quen nh\u00ecn m\u1ea5y b\u1eadc ch\u00fa b\u00e1c ng\u1ed3i v\u1eaft ch\u00e2n ch\u1eef ng\u0169 b\u00ean qu\u00e1n c\u00f3c \u0111\u1ea7u v\u00e0m, nh\u00e2m nhi c\u00e2u chuy\u1ec7n t\u00e2m giao b\u00ean ly c\u00e0 ph\u00ea quen thu\u1ed9c.\n <\/p>\n <p>\n Mang theo k\u00fd \u1ee9c \u0111\u01b0\u1ee3m m\u1ed3 h\u00f4i c\u1ee7a th\u1ebf h\u1ec7 \u0111i tr\u01b0\u1edbc, ng\u00e0y r\u1eddi qu\u00ea \u0111i xa l\u1eadp nghi\u1ec7p, trong t\u00fai qua mang theo m\u1ed9t t\u00e2m nguy\u1ec7n: <em>\"H\u1ec5 ng\u00e0y n\u00e0o l\u00f2 rang \u0111\u1ecf l\u1eeda t\u01b0\u01a1m t\u1ea5t, tay ngh\u1ec1 \u0111\u1ee7 v\u1eefng, qua nh\u1ee9t \u0111\u1ecbnh ph\u1ea3i \u0111em h\u1ea1t c\u00e0 ph\u00ea rang m\u1ed9c ch\u00e1nh t\u00f4ng v\u1ec1 t\u1ea1 \u01a1n \u0111\u1ea5t m\u1eb9.\"<\/em>\n <\/p>\n <p>\n Kh\u00f4ng r\u1ed9n r\u00e0ng ph\u00f4 tr\u01b0\u01a1ng, ch\u1ec9 l\u1eb7ng l\u1ebd g\u00f3p th\u00eam m\u1ed9t phong v\u1ecb t\u1ef1 nhi\u00ean c\u1ee7a h\u1ea1t c\u00e0 ph\u00ea n\u01b0\u1edbc Nam v\u00e0o b\u00e0n tr\u00e0 mu\u00f4n thu\u1edf c\u1ee7a ng\u01b0\u1eddi L\u1ee5c T\u1ec9nh.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-32 px-6 md:px-12 bg-mekong-surface\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-24 reveal\">\n <p class=\"text-[10px] font-sans uppercase tracking-widest-xl text-mekong-accent mb-6\">H\u1ed3i II \u2022 T\u1ea7m \u0110\u1ea1o & Tri \u00c2m<\/p>\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl leading-tight\">C\u00e1i b\u1eaft tay c\u1ee7a<br>nh\u1eefng ng\u01b0\u1eddi n\u1eb7ng l\u00f2ng<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-16 md:gap-32\">\n <div class=\"reveal\">\n <h3 class=\"font-serif text-3xl mb-6 border-b border-mekong-ink\/20 pb-4\">N\u1ed9i L\u1ef1c Bui Coffee Supply<\/h3>\n <p class=\"font-sans text-sm md:text-base leading-loose text-mekong-ink\/80\">\n \u0110\u1ec3 h\u1ea1t c\u00e0 ph\u00ea m\u1ed9c \u0111\u1ee7 s\u1ee9c b\u01b0\u1edbc l\u00ean b\u00e0n tr\u00e0 \u0111\u1ea1i ch\u00fang m\u00e0 gi\u00e1 c\u1ea3 thi\u1ec7t m\u1ec1m, kh\u00f4ng k\u00e9n ch\u1ecdn ch\u1ed1n ph\u1ed3n hoa, Bui Coffee Supply ph\u1ea3i trui r\u00e8n r\u00f2ng r\u00e3. T\u1ed1i \u01b0u v\u00f9ng tr\u1ed3ng, chu\u1ea9n h\u00f3a c\u00f4ng ngh\u1ec7 rang t\u00e2n ti\u1ebfn, \u0111\u1eb7ng l\u00e0m ch\u1ee7 s\u1ea3n l\u01b0\u1ee3ng. Ch\u1ec9 khi n\u1ed9i l\u1ef1c \u0111\u1ee7 v\u1eefng, g\u00f3i c\u00e0 ph\u00ea m\u1ed9c m\u1edbi c\u00f3 th\u1ec3 tr\u1edf th\u00e0nh th\u1ee9c u\u1ed1ng th\u01b0\u1eddng nh\u1eadt c\u1ee7a s\u1ed1 \u0111\u00f4ng m\u00e0 kh\u00f4ng th\u00e0nh g\u00e1nh n\u1eb7ng.\n <\/p>\n <\/div>\n <div class=\"reveal md:mt-16\">\n <h3 class=\"font-serif text-3xl mb-6 border-b border-mekong-ink\/20 pb-4\">Nh\u1ecbp C\u1ea7u Kh\u1edfi Minh<\/h3>\n <p class=\"font-sans text-sm md:text-base leading-loose text-mekong-ink\/80\">\n Nh\u01b0ng c\u00f5i Nam K\u1ef3 s\u00f4ng r\u1ea1ch ch\u1eb1ng ch\u1ecbt, m\u1ed9t m\u00ecnh Bui sao chuy\u00ean ch\u1edf h\u1ebft \u00e2n t\u00ecnh. Tr\u1eddi xui \u0111\u1ea5t khi\u1ebfn cho g\u1eb7p \u0111\u1eb7ng Kh\u1edfi Minh \u2014 ng\u01b0\u1eddi b\u1ea1n \u0111\u01b0\u1eddng th\u1ea5u t\u1ecf t\u1eebng b\u1ebfn \u0111\u00f2, am hi\u1ec3u nh\u1ecbp s\u1ed1ng c\u1ee7a 13 t\u1ec9nh th\u00e0nh. Hai b\u00ean h\u1ed9i ng\u1ed9, chung m\u1ed9t ni\u1ec1m tin: T\u00f4n tr\u1ecdng n\u1ebfp c\u0169, song h\u00e0nh m\u1edf \u0111\u01b0\u1eddng, \u0111em c\u00e0 ph\u00ea m\u1ed9c ch\u1ea5t l\u01b0\u1ee3ng giao t\u1eadn tay t\u1eebng ng\u00f3c ng\u00e1ch mi\u1ec1n T\u00e2y.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-40 px-6 md:px-12 max-w-7xl mx-auto\">\n <div class=\"text-center mb-32 reveal\">\n <p class=\"text-[10px] font-sans uppercase tracking-widest-xl text-mekong-gold mb-6\">H\u1ed3i III \u2022 Ch\u00e2u V\u1ec1 H\u1ee3p Ph\u1ed1<\/p>\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl leading-tight\">Phong l\u01b0u ng\u00e0y tr\u1edf l\u1ea1i<\/h2>\n <p class=\"font-sans text-sm md:text-base mt-8 max-w-2xl mx-auto text-mekong-ink\/70 leading-relaxed\">\n Ch\u1eb3ng c\u1ea7u k\u1ef3 l\u00e0m b\u1ed9, kh\u00f4ng k\u00e9n ch\u1ecdn kh\u00f4ng gian. D\u00f9 tr\u00ean qu\u1ea7y bar m\u00e1y pha t\u00e2n th\u1eddi hay b\u00ean chi\u1ebfc phin nh\u00f4m qu\u00e1n c\u00f3c, h\u1ea1t c\u00e0 ph\u00ea v\u1eabn gi\u1eef tr\u1ecdn c\u1ed1t c\u00e1ch \u0111\u00e0ng ho\u00e0ng. Hai phong v\u1ecb \u0111\u01b0\u1ee3c ch\u1eaft l\u1ecdc, h\u00f2a quy\u1ec7n gi\u1eefa n\u1ebfp x\u01b0a v\u00e0 d\u00f2ng ch\u1ea3y \u0111\u01b0\u01a1ng \u0111\u1ea1i.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-20\">\n \n <div class=\"reveal group\">\n <div class=\"aspect-[4\/5] bg-mekong-surface mb-8 relative overflow-hidden flex items-center justify-center p-12\">\n <div class=\"absolute inset-0 bg-[#E2DFD6] transition-colors duration-700 group-hover:bg-[#D9D6CD]\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x600\/A38054\/F7F5F0?text=L%E1%BB%A4C+T%E1%BB%88NH\" alt=\"C\u00e0 ph\u00ea L\u1ee5c T\u1ec9nh\" class=\"relative z-10 w-2\/3 h-auto object-cover group-hover:-translate-y-4 transition-transform duration-700 shadow-xl\">\n <\/div>\n <h3 class=\"font-serif text-4xl mb-3\">L\u1ee5c T\u1ec9nh<\/h3>\n <p class=\"font-sans text-[10px] tracking-widest-xl uppercase text-mekong-gold mb-6\">9 Robusta Honey : 1 Arabica Premium<\/p>\n <p class=\"font-sans text-sm leading-loose text-mekong-ink\/80 max-w-md\">\n B\u1ea3n h\u00f2a t\u1ea5u d\u00e0nh cho nh\u1eefng qu\u00e1n x\u00e1 t\u00e2n th\u1eddi, h\u01b0\u1edbng \u0111\u1ebfn ch\u1ea5t l\u01b0\u1ee3ng cao m\u00e0 gi\u00e1 th\u00e0nh l\u1ea1i v\u00f4 c\u00f9ng th\u00e2n thi\u1ec7n. Hi\u1ec7n \u0111\u1ea1i, c\u00e2n b\u1eb1ng, tinh x\u1ea3o nh\u01b0ng kh\u00f4ng h\u1ec1 xa c\u00e1ch. M\u1ed9t b\u01b0\u1edbc n\u00e2ng t\u1ea7m \u00eam \u00e1i cho d\u00f2ng ch\u1ea3y c\u00e0 ph\u00ea \u0111\u01b0\u01a1ng \u0111\u1ea1i mi\u1ec7t v\u01b0\u1eddn.\n <\/p>\n <\/div>\n\n \n <div class=\"reveal group md:mt-24\">\n <div class=\"aspect-[4\/5] bg-mekong-surface mb-8 relative overflow-hidden flex items-center justify-center p-12\">\n <div class=\"absolute inset-0 bg-[#E8E4DF] transition-colors duration-700 group-hover:bg-[#DFDBD5]\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x600\/8C3A3A\/F7F5F0?text=V%C3%80NG+SON\" alt=\"C\u00e0 ph\u00ea V\u00e0ng Son\" class=\"relative z-10 w-2\/3 h-auto object-cover group-hover:-translate-y-4 transition-transform duration-700 shadow-xl\">\n <\/div>\n <h3 class=\"font-serif text-4xl mb-3\">V\u00e0ng Son<\/h3>\n <p class=\"font-sans text-[10px] tracking-widest-xl uppercase text-mekong-accent mb-6\">100% Robusta Rang M\u1ed9c Truy\u1ec1n Th\u1ed1ng<\/p>\n <p class=\"font-sans text-sm leading-loose text-mekong-ink\/80 max-w-md\">\n Gi\u1eef tr\u1ecdn b\u1ea3n th\u1ec3 c\u1ee7a \u0111\u1ea5t \u0111ai: body d\u00e0y d\u1eb7n, \u0111\u01b0\u1ee3m \u0111\u00e0 v\u00e0 m\u00e3nh li\u1ec7t. D\u00f2ng c\u00e0 ph\u00ea vinh danh kh\u1ea9u v\u1ecb \u0111\u1eadm s\u00e2u truy\u1ec1n th\u1ed1ng nh\u01b0ng thanh s\u1ea1ch tuy\u1ec7t \u0111\u1ed1i. T\u01b0\u1ee3ng tr\u01b0ng cho n\u00e9t h\u00e0o hoa, tr\u00f9 ph\u00fa ng\u1eddi s\u00e1ng c\u1ee7a v\u00f9ng ph\u00f9 sa bao \u0111\u1eddi.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-40 bg-mekong-ink text-mekong-bg px-6 md:px-12 text-center relative overflow-hidden\">\n <div class=\"max-w-4xl mx-auto reveal relative z-10\">\n <h2 class=\"font-serif italic text-3xl md:text-5xl lg:text-6xl leading-[1.3] mb-12 text-mekong-bg\/90\">\n \"Bui Coffee Supply c\u00f9ng Kh\u1edfi Minh ch\u00fang t\u00f4i \u0111\u1ed3ng l\u00f2ng, \u0111em c\u00e1i t\u00e2m c\u1ee7a ng\u01b0\u1eddi l\u00e0m ngh\u1ec1 \u0111\u1ec3 gi\u1eef g\u00ecn b\u1ea3n v\u1ecb. Tr\u00e2n tr\u1ecdng n\u1ebfp c\u0169, g\u00f3p th\u00eam h\u01b0\u01a1ng m\u1edbi \u2014 Tr\u1ea3 h\u1ea1t c\u00e0 ph\u00ea rang m\u1ed9c nguy\u00ean b\u1ea3n v\u1ec1 \u0111\u00fang v\u1ecb tr\u00ed b\u00ecnh d\u1ecb trong n\u1ebfp nh\u00e0 ng\u01b0\u1eddi mi\u1ec1n T\u00e2y.\"\n <\/h2>\n <div class=\"vertical-line bg-mekong-bg opacity-20 mb-12\"><\/div>\n <p class=\"font-sans tracking-widest-xl uppercase text-[10px] md:text-xs text-mekong-gold\">\n C\u00e0 ph\u00ea thi\u1ec7t, t\u1ea5m l\u00f2ng thi\u1ec7t \u2014 K\u00ednh c\u1ea9n d\u00e2ng t\u1eb7ng qu\u00ea nh\u00e0.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"connect\" class=\"py-40 px-6 md:px-12 max-w-3xl mx-auto reveal\">\n <div class=\"text-center mb-20\">\n <h2 class=\"font-serif text-4xl md:text-5xl mb-6\">B\u1eaft tay g\u1ea7y d\u1ef1ng<\/h2>\n <p class=\"font-sans text-sm md:text-base text-mekong-ink\/70 max-w-lg mx-auto leading-relaxed\">\n D\u00e0nh cho ch\u1ee7 qu\u00e1n & ng\u01b0\u1eddi tr\u1ebb mi\u1ec1n T\u00e2y mang ho\u00e0i b\u00e3o v\u1edbi n\u00f4ng s\u1ea3n qu\u00ea h\u01b0\u01a1ng. H\u00e3y \u0111\u1ec3 l\u1ea1i l\u1eddi nh\u1eafn, Kh\u1edfi Minh s\u1ebd c\u00f9ng b\u1ea1n \u0111\u00e0m \u0111\u1ea1o v\u00e0 t\u01b0 v\u1ea5n m\u00f4 h\u00ecnh ph\u00f9 h\u1ee3p.\n <\/p>\n <\/div>\n\n <form class=\"space-y-12 font-sans\" id=\"consultation-form\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n <div class=\"relative group\">\n <input type=\"text\" required class=\"w-full bg-transparent border-b border-mekong-ink\/20 pb-4 text-lg focus:outline-none focus:border-mekong-ink transition-colors peer placeholder-transparent\" placeholder=\"H\u1ecd & T\u00ean\" id=\"name\">\n <label for=\"name\" class=\"absolute left-0 top-0 text-xs uppercase tracking-widest text-mekong-ink\/40 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-2 peer-placeholder-shown:tracking-normal peer-focus:text-xs peer-focus:uppercase peer-focus:tracking-widest peer-focus:-top-4 peer-focus:text-mekong-ink\/70\">T\u00ean c\u1ee7a b\u1ea1n<\/label>\n <\/div>\n <div class=\"relative group\">\n <input type=\"tel\" required class=\"w-full bg-transparent border-b border-mekong-ink\/20 pb-4 text-lg focus:outline-none focus:border-mekong-ink transition-colors peer placeholder-transparent\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" id=\"phone\">\n <label for=\"phone\" class=\"absolute left-0 top-0 text-xs uppercase tracking-widest text-mekong-ink\/40 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-2 peer-placeholder-shown:tracking-normal peer-focus:text-xs peer-focus:uppercase peer-focus:tracking-widest peer-focus:-top-4 peer-focus:text-mekong-ink\/70\">\u0110i\u1ec7n tho\u1ea1i li\u00ean l\u1ea1c<\/label>\n <\/div>\n <\/div>\n \n <div class=\"relative group\">\n <input type=\"text\" required class=\"w-full bg-transparent border-b border-mekong-ink\/20 pb-4 text-lg focus:outline-none focus:border-mekong-ink transition-colors peer placeholder-transparent\" placeholder=\"T\u1ec9nh \/ Th\u00e0nh\" id=\"location\">\n <label for=\"location\" class=\"absolute left-0 top-0 text-xs uppercase tracking-widest text-mekong-ink\/40 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-2 peer-placeholder-shown:tracking-normal peer-focus:text-xs peer-focus:uppercase peer-focus:tracking-widest peer-focus:-top-4 peer-focus:text-mekong-ink\/70\">Khu v\u1ef1c (VD: Sa \u0110\u00e9c, C\u1ea7n Th\u01a1...)<\/label>\n <\/div>\n\n <div class=\"pt-6\">\n <p class=\"text-[10px] uppercase tracking-widest-xl text-mekong-ink\/50 mb-6 block\">M\u00f4 h\u00ecnh b\u1ea1n quan t\u00e2m<\/p>\n <div class=\"flex flex-wrap gap-8\">\n <label class=\"flex items-center space-x-3 cursor-pointer group\">\n <div class=\"w-5 h-5 border border-mekong-ink\/30 rounded-full flex items-center justify-center group-hover:border-mekong-ink transition-colors\">\n <input type=\"radio\" name=\"model\" value=\"L\u1ee5c T\u1ec9nh\" class=\"hidden peer\">\n <div class=\"w-2.5 h-2.5 rounded-full bg-mekong-ink opacity-0 peer-checked:opacity-100 transition-opacity\"><\/div>\n <\/div>\n <span class=\"text-sm\">D\u00f2ng L\u1ee5c T\u1ec9nh (Qu\u00e1n T\u00e2n Th\u1eddi)<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 cursor-pointer group\">\n <div class=\"w-5 h-5 border border-mekong-ink\/30 rounded-full flex items-center justify-center group-hover:border-mekong-ink transition-colors\">\n <input type=\"radio\" name=\"model\" value=\"V\u00e0ng Son\" class=\"hidden peer\">\n <div class=\"w-2.5 h-2.5 rounded-full bg-mekong-ink opacity-0 peer-checked:opacity-100 transition-opacity\"><\/div>\n <\/div>\n <span class=\"text-sm\">D\u00f2ng V\u00e0ng Son (\u0110\u1eadm \u0110\u00e0 Truy\u1ec1n Th\u1ed1ng)<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <button type=\"button\" onclick=\"submitForm()\" class=\"w-full mt-12 py-6 border border-mekong-ink\/20 text-center font-serif text-xl italic hover:bg-mekong-ink hover:text-mekong-bg transition-all duration-500 rounded-sm\">\n G\u1eedi L\u1eddi Th\u01b0a\n <\/button>\n \n <div id=\"success-msg\" class=\"hidden text-center mt-6 p-4 bg-mekong-surface\/50 rounded\">\n <p class=\"font-serif italic text-lg text-mekong-gold\">\u0110\u00e3 nh\u1eadn \u0111\u1eb7ng tin. Kh\u1edfi Minh s\u1ebd s\u1edbm li\u00ean l\u1ea1c h\u1ea7u chuy\u1ec7n c\u00f9ng b\u1ea1n!<\/p>\n <\/div>\n <\/form>\n <\/section>\n\n <footer class=\"py-12 px-6 text-center border-t border-mekong-ink\/10 reveal\">\n <h4 class=\"font-serif italic text-2xl mb-4 text-mekong-ink\">Mekong By Bui<\/h4>\n <p class=\"font-sans text-[9px] md:text-[10px] tracking-widest-xl text-mekong-ink\/40 uppercase leading-loose\">\n Ph\u00e1t tri\u1ec3n b\u1edfi Bui Coffee Supply<br class=\"md:hidden\"> \u2022 Ph\u00e2n ph\u1ed1i \u0111\u1ed9c quy\u1ec1n b\u1edfi Kh\u1edfi Minh\n <\/p>\n <\/footer>\n\n <script>\n \/\/ X\u1eed l\u00fd Form \u0111\u01a1n gi\u1ea3n kh\u00f4ng d\u00f9ng Alert\n function submitForm() {\n const btn = document.querySelector('button[type=\"button\"]');\n btn.innerHTML = \"\u0110ang g\u1eedi...\";\n btn.classList.add('opacity-50');\n \n \/\/ Gi\u1ea3 l\u1eadp th\u1eddi gian g\u1eedi\n setTimeout(() => {\n document.getElementById('consultation-form').reset();\n btn.innerHTML = \"G\u1eedi L\u1eddi Th\u01b0a\";\n btn.classList.remove('opacity-50');\n document.getElementById('success-msg').classList.remove('hidden');\n \n setTimeout(() => {\n document.getElementById('success-msg').classList.add('hidden');\n }, 5000);\n }, 800);\n }\n\n \/\/ Intersection Observer cho hi\u1ec7u \u1ee9ng Reveal (Nh\u1eb9 nh\u00e0ng, thanh l\u1ecbch)\n document.addEventListener(\"DOMContentLoaded\", function() {\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.15\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n observer.unobserve(entry.target); \/\/ Ch\u1ec9 ch\u1ea1y 1 l\u1ea7n\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal').forEach((elem) => {\n observer.observe(elem);\n });\n });\n\n \/\/ Hi\u1ec7u \u1ee9ng Navbar m\u1edd d\u1ea7n vi\u1ec1n khi scroll\n window.addEventListener(\"scroll\", () => {\n const nav = document.getElementById(\"navbar\");\n if (window.scrollY > 50) {\n nav.classList.add(\"border-mekong-ink\/10\");\n nav.classList.remove(\"border-transparent\");\n } else {\n nav.classList.remove(\"border-mekong-ink\/10\");\n nav.classList.add(\"border-transparent\");\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>Mekong By Bui \u2014 T\u1ea1 T\u00ecnh \u0110\u1ea5t C\u1eedu Long Mekong By Bui Tr\u00f2 chuy\u1ec7n M\u00caKONG M\u1ed9t t\u00e2m huy\u1ebft t\u1eeb Bui Coffee Supply \u201cC\u00e1i th\u00fa u\u1ed1ng c\u00e0 ph\u00ea \u1edf \u0111\u1eddi, lu\u1eadn cho c\u00f9ng c\u1ed1t \u1edf ch\u1ed7 thi\u1ec7t t\u00ecnh. H\u01b0\u01a1ng v\u1ecb \u0111\u1eadm \u0111\u00e0, s\u00e1nh k\u1eb9o quen thu\u1ed9c \u0111\u00e3 g\u1eafn b\u00f3 v\u1edbi b\u00e0 con mi\u1ec7t s\u00f4ng n\u01b0\u1edbc t\u1eeb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/mekong.buicoffeesupply.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}