{"id":7,"date":"2026-06-15T06:18:25","date_gmt":"2026-06-15T06:18:25","guid":{"rendered":"https:\/\/swd-locnuoc.vn\/?page_id=7"},"modified":"2026-07-22T05:35:49","modified_gmt":"2026-07-22T05:35:49","slug":"loc-nuoc-tong-swd","status":"publish","type":"page","link":"https:\/\/swd-locnuoc.vn\/","title":{"rendered":"L\u1ecdc N\u01b0\u1edbc T\u1ed5ng SWD"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SWD - Purify Your Life | Ki\u1ebfn T\u1ea1o Chu\u1ea9n S\u1ed1ng Tinh Hoa<\/title>\r\n \r\n <!-- Google Fonts & Icons -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <!-- Swiper CSS -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.css\" \/>\r\n\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n display: ['Montserrat', 'sans-serif'],\r\n },\r\n colors: {\r\n swd: {\r\n blue: '#093c71', \r\n cyan: '#00B4DB', \r\n gold: '#D4AF37', \r\n light: '#F8FAFC', \r\n accent: '#0052cc'\r\n }\r\n },\r\n backgroundImage: {\r\n 'hero-pattern': 'url(\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/MrTu2-scaled.jpg\")',\r\n 'tech-grid': 'url(\"data:image\/svg+xml,%3Csvg width=\\'40\\' height=\\'40\\' viewBox=\\'0 0 40 40\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cpath d=\\'M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z\\' fill=\\'%2300b4db\\' fill-opacity=\\'0.05\\' fill-rule=\\'evenodd\\'\/%3E%3C\/svg%3E\")',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style type=\"text\/tailwindcss\">\r\n @layer utilities {\r\n .glass-panel { @apply bg-[#082954]\/70 backdrop-blur-xl border border-white\/10 shadow-2xl; }\r\n .glass-light { @apply bg-white\/90 backdrop-blur-md border border-white\/50 shadow-xl; }\r\n .text-gradient { @apply bg-clip-text text-transparent bg-gradient-to-r from-swd-cyan via-[#7ce0ff] to-white; }\r\n .text-gradient-gold { @apply bg-clip-text text-transparent bg-gradient-to-r from-swd-gold to-yellow-200; }\r\n .btn-cyan { @apply relative overflow-hidden bg-gradient-to-r from-swd-cyan to-blue-600 text-white font-bold rounded-xl shadow-[0_0_20px_rgba(0,180,219,0.4)] transition-all hover:shadow-[0_0_30px_rgba(0,180,219,0.8)] hover:scale-105 active:scale-95; }\r\n .btn-gold { @apply relative overflow-hidden bg-gradient-to-r from-swd-gold to-yellow-600 text-white font-bold rounded-xl shadow-[0_0_20px_rgba(212,175,55,0.4)] transition-all hover:shadow-[0_0_30px_rgba(212,175,55,0.8)] hover:scale-105; }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }\r\n .animate-float { animation: float 4s ease-in-out infinite; }\r\n\r\n @keyframes pulse-ring {\r\n 0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(0, 180, 219, 0.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(0, 180, 219, 0); }\r\n 100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(0, 180, 219, 0); }\r\n }\r\n .ring-btn { animation: pulse-ring 2s infinite; }\r\n \r\n \/* Orbit Animations *\/\r\n @keyframes orbit-spin { 100% { transform: rotate(360deg); } }\r\n @keyframes orbit-spin-reverse { 100% { transform: rotate(-360deg); } }\r\n .orbit-track { animation: orbit-spin 20s linear infinite; }\r\n .orbit-item { animation: orbit-spin-reverse 20s linear infinite; }\r\n\r\n \/* Swiper Pagination *\/\r\n .swiper-pagination-bullet { background-color: rgba(255,255,255,0.4) !important; opacity: 1 !important; margin: 0 6px !important; }\r\n .swiper-pagination-bullet-active { background-color: #00B4DB !important; width: 24px !important; border-radius: 4px !important; transition: width 0.3s; }\r\n #tab-villa .swiper-pagination-bullet-active { background-color: #D4AF37 !important; } \r\n \r\n \/* Navigation Buttons *\/\r\n .slider-wrapper { position: relative; padding: 0 80px; }\r\n @media (max-width: 768px) { .slider-wrapper { padding: 0 60px; } }\r\n \r\n .swiper-button-next, .swiper-button-prev { \r\n background: #00B4DB !important; \r\n color: #fff !important; \r\n width: 64px !important; \r\n height: 64px !important; \r\n border-radius: 50%; \r\n box-shadow: 0 10px 25px rgba(0,180,219,0.5); \r\n transition: all 0.3s;\r\n margin-top: -32px !important;\r\n z-index: 20;\r\n }\r\n #tab-villa .swiper-button-next, #tab-villa .swiper-button-prev { background: #D4AF37 !important; box-shadow: 0 10px 25px rgba(212,175,55,0.5); }\r\n .swiper-button-prev { left: 0 !important; }\r\n .swiper-button-next { right: 0 !important; }\r\n .swiper-button-next::after, .swiper-button-prev::after { font-size: 24px !important; font-weight: 900; }\r\n .swiper-button-next:hover, .swiper-button-prev:hover { transform: scale(1.1); background: #093c71 !important; }\r\n #tab-villa .swiper-button-next:hover, #tab-villa .swiper-button-prev:hover { background: #fff !important; color: #D4AF37 !important;}\r\n \r\n \/* Product Hover *\/\r\n .product-card:hover .product-img { filter: drop-shadow(0 0 25px rgba(0, 180, 219, 0.9)); transform: scale(1.15); }\r\n .product-card:hover .ripple-circle { opacity: 1; }\r\n \r\n @media (min-width: 1024px) {\r\n .product-image-container {\r\n height: 320px !important; \r\n }\r\n }\r\n \r\n \/* Flow Animation *\/\r\n @keyframes flow-down { 0% { top: -20%; } 100% { top: 100%; } }\r\n .animate-flow-down { animation: flow-down 3s linear infinite; }\r\n\r\n #mobile-menu { transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .menu-open { transform: translateY(0) !important; }\r\n .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }\r\n html { scroll-behavior: smooth; }\r\n .text-shadow-solid { text-shadow: 0 2px 10px rgba(0,0,0,0.8); }\r\n .input-error { border-color: #ef4444 !important; background-color: #fef2f2 !important; color: #ef4444 !important; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-swd-light text-gray-800 antialiased overflow-x-hidden selection:bg-swd-cyan selection:text-white\">\r\n\r\n <header id=\"header\" class=\"fixed w-full top-0 z-50 transition-all duration-300 bg-transparent py-4 border-b border-transparent\">\r\n <div class=\"container mx-auto px-4 md:px-8 flex justify-between items-center\">\r\n <a href=\"#\" class=\"flex items-center gap-2 group\">\r\n <div class=\"w-11 h-11 bg-gradient-to-br from-swd-cyan to-swd-blue rounded-xl flex items-center justify-center text-white font-bold text-xl shadow-[0_0_15px_rgba(0,180,219,0.5)] group-hover:rotate-12 transition-transform\">\r\n <i class=\"fa-solid fa-droplet\"><\/i>\r\n <\/div>\r\n <div>\r\n <h1 class=\"font-display font-black text-3xl text-white tracking-widest leading-none group-hover:text-swd-cyan transition-colors drop-shadow-md\" id=\"logo-text\">SWD<\/h1>\r\n <span class=\"text-[9px] text-swd-cyan uppercase font-bold tracking-[0.2em] block\" id=\"logo-sub\">Purify Your Life<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Desktop Nav -->\r\n <nav class=\"hidden lg:flex items-center gap-8 bg-black\/20 backdrop-blur-md px-8 py-3 rounded-full border border-white\/10\">\r\n <a href=\"#ve-thuong-hieu\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors nav-link drop-shadow-md\">V\u1ec1 Ch\u00fang T\u00f4i<\/a>\r\n <div class=\"relative group\">\r\n <a href=\"#san-pham\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors flex items-center gap-1 nav-link drop-shadow-md\">\r\n H\u1ec7 Sinh Th\u00e1i S\u1ea3n Ph\u1ea9m <i class=\"fa-solid fa-chevron-down text-[10px]\"><\/i>\r\n <\/a>\r\n <!-- Dropdown Desktop - \u0110\u01af\u1edcNG D\u1eaaN CHU\u1ea8N X\u00c1C C\u1ee6A B\u1ea0N -->\r\n <div class=\"absolute top-full left-1\/2 -translate-x-1\/2 mt-4 w-[600px] glass-light rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 shadow-2xl overflow-hidden flex\">\r\n <div class=\"w-1\/2 p-6 bg-white\">\r\n <p class=\"text-xs text-swd-blue font-black uppercase mb-4 border-b pb-2\"><i class=\"fa-solid fa-building mr-2 text-swd-cyan\"><\/i>D\u00e0nh cho C\u0103n h\u1ed9<\/p>\r\n <ul class=\"space-y-2 text-sm\">\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000a-2\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">F3000A (Apartment)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000ac-2\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">F3000AC (Apartment+Cond)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000p-premium\/\" class=\"text-swd-blue font-bold hover:text-swd-cyan transition-colors block\">F3000P (Premium) <span class=\"text-[10px] bg-red-500 text-white px-1.5 py-0.5 rounded ml-1\">HOT<\/span><\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000pc-4\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">F3000PC (Prem+Cond)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000ps-4\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">F3000PS (Softener)<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 p-6 bg-gray-50 border-l border-gray-100\">\r\n <p class=\"text-xs text-swd-blue font-black uppercase mb-4 border-b pb-2\"><i class=\"fa-solid fa-house-chimney-window mr-2 text-swd-cyan\"><\/i>Bi\u1ec7t th\u1ef1 & D\u1ef1 \u00e1n<\/p>\r\n <ul class=\"space-y-2 text-sm\">\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000e\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">R1000E (Efficient)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1200e\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">M1200E (Efficient)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r500i\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">R500I (Imperial)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m600i\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">M600I (Imperial)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000i\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">R1000I (Imperial)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300i\/\" class=\"text-gray-600 hover:text-swd-cyan font-medium transition-colors block\">M1300I (Imperial)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000s\/\" class=\"text-swd-gold font-bold hover:text-yellow-600 transition-colors block\">R1000S (Signature) <i class=\"fa-solid fa-crown text-xs ml-1\"><\/i><\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300s\/\" class=\"text-swd-gold font-bold hover:text-yellow-600 transition-colors block\">M1300S (Signature) <i class=\"fa-solid fa-crown text-xs ml-1\"><\/i><\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#cong-nghe\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors nav-link drop-shadow-md\">C\u00f4ng Ngh\u1ec7 L\u00f5i<\/a>\r\n <a href=\"#quy-trinh\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors nav-link drop-shadow-md\">Quy Tr\u00ecnh L\u1eafp \u0110\u1eb7t<\/a>\r\n <a href=\"#khach-hang\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors nav-link drop-shadow-md\">Kh\u00e1ch H\u00e0ng<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/news\/\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors nav-link drop-shadow-md\">Tin T\u1ee9c<\/a>\r\n <\/nav>\r\n\r\n <div class=\"hidden lg:block\">\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"btn-cyan px-6 py-2.5 text-sm uppercase tracking-wide rounded-full\">\r\n \u0110\u0103ng K\u00fd Kh\u1ea3o S\u00e1t <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Mobile Menu Toggle -->\r\n <button id=\"menu-btn\" class=\"lg:hidden text-white text-2xl focus:outline-none drop-shadow-md bg-black\/20 p-2 rounded-lg\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- MOBILE MENU (\u0110\u00c3 T\u00c1CH RI\u00caNG R500I, M600I, R1000I, M1300I) -->\r\n <div id=\"mobile-overlay\" class=\"fixed inset-0 bg-black\/70 z-[60] hidden opacity-0 transition-opacity duration-300 backdrop-blur-sm\"><\/div>\r\n <div id=\"mobile-menu\" class=\"fixed top-0 left-0 w-full h-[85vh] bg-white z-[70] transform -translate-y-full shadow-2xl rounded-b-3xl flex flex-col\">\r\n <div class=\"p-5 flex justify-between items-center border-b border-gray-100 bg-white\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-10 h-10 bg-swd-blue rounded-xl flex items-center justify-center text-white font-bold\"><i class=\"fa-solid fa-droplet\"><\/i><\/div>\r\n <span class=\"font-display font-black text-2xl text-swd-blue\">SWD<\/span>\r\n <\/div>\r\n <button id=\"close-menu-btn\" class=\"text-gray-400 hover:text-swd-cyan text-2xl w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center transition-colors\">\r\n <i class=\"fa-solid fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"flex-1 overflow-y-auto bg-white p-5\">\r\n <nav class=\"flex flex-col space-y-2\">\r\n <a href=\"#ve-thuong-hieu\" class=\"text-swd-blue font-bold text-lg p-3 bg-gray-50 rounded-xl mobile-link flex items-center\"><i class=\"fa-solid fa-globe w-8 text-swd-cyan\"><\/i> V\u1ec1 Ch\u00fang T\u00f4i<\/a>\r\n \r\n <div class=\"bg-gray-50 rounded-xl overflow-hidden mt-2\">\r\n <button class=\"w-full flex justify-between items-center text-swd-blue font-bold text-lg p-3\" onclick=\"toggleAccordion('mob-canho')\">\r\n <span class=\"flex items-center\"><i class=\"fa-solid fa-building w-8 text-swd-cyan\"><\/i> D\u00f2ng C\u0103n H\u1ed9<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-sm transition-transform\" id=\"icon-mob-canho\"><\/i>\r\n <\/button>\r\n <div id=\"mob-canho\" class=\"accordion-content bg-white\">\r\n <div class=\"p-3 pl-11 space-y-3 border-t border-gray-100 text-sm\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000a-2\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 hover:text-swd-cyan\">F3000A (Apartment)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000ac-2\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 hover:text-swd-cyan\">F3000AC (Apartment+Cond)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000p-premium\/\" onclick=\"closeMenu()\" class=\"block text-swd-cyan font-bold\">F3000P (Premium) <span class=\"text-[10px] bg-red-500 text-white px-1 rounded ml-1\">HOT<\/span><\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000pc-4\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 hover:text-swd-cyan\">F3000PC (Prem+Cond)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000ps-4\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 hover:text-swd-cyan\">F3000PS (Softener)<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 rounded-xl overflow-hidden mt-2\">\r\n <button class=\"w-full flex justify-between items-center text-swd-blue font-bold text-lg p-3\" onclick=\"toggleAccordion('mob-bietthu')\">\r\n <span class=\"flex items-center\"><i class=\"fa-solid fa-house-chimney-window w-8 text-swd-cyan\"><\/i> Bi\u1ec7t Th\u1ef1 & D\u1ef1 \u00c1n<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-sm transition-transform\" id=\"icon-mob-bietthu\"><\/i>\r\n <\/button>\r\n <div id=\"mob-bietthu\" class=\"accordion-content bg-white\">\r\n <div class=\"p-3 pl-11 space-y-3 border-t border-gray-100 text-sm\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000e\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">R1000E (Efficient)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1200e\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">M1200E (Efficient)<\/a>\r\n \r\n <!-- \u0110\u00e3 t\u00e1ch ri\u00eang R500I v\u00e0 M600I -->\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r500i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 font-medium\">R500I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m600i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 font-medium\">M600I (Imperial)<\/a>\r\n \r\n <!-- \u0110\u00e3 t\u00e1ch ri\u00eang R1000I v\u00e0 M1300I -->\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 font-medium\">R1000I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600 font-medium\">M1300I (Imperial)<\/a>\r\n \r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000s\/\" onclick=\"closeMenu()\" class=\"block text-swd-gold font-bold\">R1000S (Signature) <i class=\"fa-solid fa-crown text-[10px]\"><\/i><\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300s\/\" onclick=\"closeMenu()\" class=\"block text-swd-gold font-bold\">M1300S (Signature) <i class=\"fa-solid fa-crown text-[10px]\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#cong-nghe\" class=\"text-swd-blue font-bold text-lg p-3 bg-gray-50 rounded-xl mobile-link flex items-center mt-2\"><i class=\"fa-solid fa-microchip w-8 text-swd-cyan\"><\/i> C\u00f4ng Ngh\u1ec7 L\u00f5i SWD<\/a>\r\n <a href=\"#quy-trinh\" class=\"text-swd-blue font-bold text-lg p-3 bg-gray-50 rounded-xl mobile-link flex items-center mt-2\"><i class=\"fa-solid fa-list-check w-8 text-swd-cyan\"><\/i> Quy Tr\u00ecnh L\u1eafp \u0110\u1eb7t<\/a>\r\n <a href=\"#khach-hang\" class=\"text-swd-blue font-bold text-lg p-3 bg-gray-50 rounded-xl mobile-link flex items-center mt-2\"><i class=\"fa-solid fa-star w-8 text-swd-cyan\"><\/i> Kh\u00e1ch H\u00e0ng Th\u1ef1c T\u1ebf<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/news\/\" class=\"text-swd-blue font-bold text-lg p-3 bg-gray-50 rounded-xl mobile-link flex items-center mt-2\"><i class=\"fa-solid fa-newspaper w-8 text-swd-cyan\"><\/i> Tin T\u1ee9c Truy\u1ec1n Th\u00f4ng<\/a>\r\n <\/nav>\r\n <\/div>\r\n <div class=\"p-5 bg-white border-t border-gray-100 rounded-b-3xl\">\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"w-full btn-cyan py-3 text-center rounded-xl text-lg uppercase tracking-wider\">\r\n Nh\u1eadn T\u01b0 V\u1ea5n Ngay\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BANNER HERO -->\r\n <section class=\"relative min-h-[90vh] md:min-h-screen flex items-center pt-24 pb-12 bg-[#082954] overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 bg-hero-pattern bg-cover bg-[80%_top] lg:bg-right-top opacity-70\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#082954] via-[#0d3b75]\/80 to-transparent md:hidden\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-[#082954] via-[#0d3b75]\/80 to-transparent hidden md:block w-full lg:w-2\/3\"><\/div>\r\n <div class=\"absolute inset-0 bg-tech-grid opacity-30\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-4 md:px-8 relative z-10 grid lg:grid-cols-12 gap-8 items-end md:items-center mt-[240px] md:mt-4 h-full\">\r\n <div class=\"lg:col-span-7 mb-4 md:mb-0\">\r\n <div class=\"glass-panel p-6 sm:p-8 md:p-10 rounded-3xl relative overflow-hidden\">\r\n <div class=\"absolute -top-20 -left-20 w-64 h-64 bg-swd-cyan rounded-full mix-blend-screen filter blur-[80px] opacity-30\"><\/div>\r\n \r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-swd-cyan\/10 border border-swd-cyan\/30 mb-6 relative z-10\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-swd-cyan animate-pulse\"><\/span>\r\n <span class=\"text-xs text-swd-cyan font-bold tracking-widest uppercase\">C\u00f4ng Ngh\u1ec7 K\u1ef9 Thu\u1eadt S\u1ed1<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"font-display font-black text-4xl md:text-5xl lg:text-[3.5rem] text-white leading-[1.1] mb-6 text-shadow-solid relative z-10\">\r\n N\u00c2NG T\u1ea6M <br>CHU\u1ea8N S\u1ed0NG TINH HOA <br>\r\n <span class=\"inline-block mt-4 bg-gradient-to-r from-swd-cyan to-blue-600 px-6 py-2.5 rounded-2xl text-white shadow-[0_10px_30px_rgba(0,180,219,0.6)] border border-white\/20\">B\u1eb0NG NGU\u1ed2N N\u01af\u1edaC S\u1ea0CH<\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-gray-300 text-lg mb-8 max-w-xl font-light leading-relaxed relative z-10\">\r\n L\u00e0m ch\u1ee7 ho\u00e0n to\u00e0n ngu\u1ed3n n\u01b0\u1edbc v\u1edbi h\u1ec7 th\u1ed1ng l\u1ecdc trung t\u00e2m SWD. V\u1eadn h\u00e0nh t\u1ef1 \u0111\u1ed9ng h\u00f3a 100%, t\u00edch h\u1ee3p SmartHome, <strong class=\"text-white font-medium bg-swd-cyan\/20 px-1 rounded\">kh\u00f4ng d\u00f9ng mu\u1ed1i ho\u00e0n nguy\u00ean<\/strong>, gi\u1eef tr\u1ecdn vi kho\u00e1ng.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 relative z-10\">\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"btn-cyan px-8 py-4 text-sm md:text-base uppercase tracking-wider text-center flex items-center justify-center gap-2 rounded-full\">\r\n Y\u00eau C\u1ea7u Gi\u1ea3i Ph\u00e1p <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <a href=\"#san-pham\" class=\"px-8 py-4 rounded-full border border-white\/40 text-white font-semibold hover:bg-white\/10 transition duration-300 text-center flex items-center justify-center gap-2\">\r\n Kh\u00e1m Ph\u00e1 S\u1ea3n Ph\u1ea9m\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Orbit Graphic -->\r\n <div class=\"lg:col-span-5 hidden lg:flex justify-center items-center h-full relative group mt-24 xl:mt-32\">\r\n <div class=\"relative w-full h-[400px] flex items-center justify-center animate-float group-hover:scale-105 transition-transform duration-500 cursor-crosshair\">\r\n <div class=\"absolute w-52 h-52 rounded-full border border-swd-cyan\/30 animate-[spin_20s_linear_infinite] group-hover:border-swd-cyan\/80 transition-colors duration-500\"><\/div>\r\n <div class=\"absolute w-[280px] h-[280px] rounded-full border border-dashed border-swd-cyan\/20 animate-[spin_30s_linear_infinite_reverse] group-hover:border-swd-cyan\/60 transition-colors duration-500\"><\/div>\r\n \r\n <div class=\"w-36 h-64 bg-gradient-to-b from-[#0d3b75] to-swd-cyan\/20 rounded-full border border-swd-cyan\/50 shadow-[0_0_50px_rgba(0,180,219,0.3)] flex flex-col items-center justify-center relative backdrop-blur-sm z-20 group-hover:shadow-[0_0_80px_rgba(0,180,219,0.7)] transition-shadow duration-500\">\r\n <i class=\"fa-solid fa-microchip text-3xl text-swd-cyan mb-3 group-hover:scale-125 transition-transform duration-300\"><\/i>\r\n <span class=\"text-white font-bold tracking-widest uppercase text-xs group-hover:text-swd-cyan transition-colors\">SWD Core<\/span>\r\n <div class=\"w-full h-1 bg-gradient-to-r from-transparent via-swd-cyan to-transparent mt-6 absolute top-1\/2\"><\/div>\r\n <div class=\"absolute inset-0 bg-swd-cyan\/10 rounded-full opacity-0 group-hover:opacity-100 animate-ping transition-opacity\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute w-[340px] h-[340px] rounded-full orbit-track z-30 pointer-events-none\">\r\n <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 w-max pointer-events-auto\">\r\n <div class=\"glass-panel px-3 py-1.5 rounded-xl text-xs text-white font-bold shadow-2xl flex items-center gap-2 orbit-item\">\r\n <i class=\"fa-solid fa-mobile-screen text-swd-cyan animate-pulse\"><\/i> \u0110\u1ed3ng B\u1ed9 SmartHome\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute -bottom-4 left-1\/2 -translate-x-1\/2 w-max pointer-events-auto\">\r\n <div class=\"glass-panel px-3 py-1.5 rounded-xl text-xs text-white font-bold shadow-2xl flex items-center gap-2 orbit-item\">\r\n <i class=\"fa-solid fa-droplet text-swd-cyan animate-pulse\"><\/i> 100% Kh\u00f4ng D\u00f9ng Mu\u1ed1i\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TH\u01af\u01a0NG HI\u1ec6U -->\r\n <section id=\"ve-thuong-hieu\" class=\"py-20 bg-white relative border-b border-gray-100\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n <div class=\"relative w-full h-[400px] md:h-[500px] rounded-[2.5rem] overflow-hidden shadow-2xl border border-gray-100 group\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/SWD.jpg\" alt=\"Th\u01b0\u01a1ng hi\u1ec7u SWD\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#082954]\/90 via-[#082954]\/20 to-transparent flex items-end p-8\">\r\n <div>\r\n <p class=\"text-swd-cyan font-bold uppercase tracking-wider text-sm mb-2\"><i class=\"fa-solid fa-earth-asia mr-2 animate-pulse\"><\/i>T\u1ea7m v\u00f3c qu\u1ed1c t\u1ebf<\/p>\r\n <p class=\"text-white text-base md:text-lg font-medium leading-relaxed\">Ti\u00ean phong mang gi\u1ea3i ph\u00e1p x\u1eed l\u00fd n\u01b0\u1edbc k\u1ef9 thu\u1eadt s\u1ed1 Vi\u1ec7t Nam v\u01b0\u01a1n t\u1ea7m khu v\u1ef1c.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col justify-center\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-3 block\">V\u1ecb Th\u1ebf Th\u01b0\u01a1ng Hi\u1ec7u<\/span>\r\n <h2 class=\"font-display text-3xl md:text-4xl lg:text-[2.5rem] font-black text-swd-blue mb-6 leading-tight\">\u0110\u01a0N V\u1eca CUNG C\u1ea4P GI\u1ea2I PH\u00c1P L\u1eccC N\u01af\u1edaC T\u1ed4NG<br><span class=\"text-swd-blue\">KHU V\u1ef0C \u0110\u00d4NG NAM \u00c1<\/span><\/h2>\r\n <p class=\"text-gray-600 mb-6 leading-relaxed\"><strong>SPRING WATER DELIVERY (SWD)<\/strong> t\u1ef1 h\u1ea1i l\u00e0 \u0111\u1ed1i t\u00e1c chi\u1ebfn l\u01b0\u1ee3c v\u00e0 nh\u00e0 cung c\u1ea5p gi\u1ea3i ph\u00e1p x\u1eed l\u00fd n\u01b0\u1edbc trung t\u00e2m h\u00e0ng \u0111\u1ea7u cho c\u00e1c c\u00f4ng tr\u00ecnh si\u00eau sang t\u1ea1i Vi\u1ec7t Nam, \u0111\u1ed3ng th\u1eddi \u0111ang m\u1ea1nh m\u1ebd m\u1edf r\u1ed9ng m\u1ea1ng l\u01b0\u1edbi ph\u00e2n ph\u1ed1i sang c\u00e1c qu\u1ed1c gia \u0110\u00f4ng Nam \u00c1.<\/p>\r\n \r\n <div class=\"flex flex-wrap md:flex-nowrap justify-between gap-4 mt-8\" id=\"stats-section\">\r\n <div class=\"flex-1 bg-gradient-to-br from-[#0d3b75] to-[#082954] p-5 rounded-2xl border border-swd-cyan\/50 shadow-[0_0_20px_rgba(0,180,219,0.15)] text-center group hover:-translate-y-2 transition-transform duration-300 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-swd-cyan\/10 opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n <p class=\"text-4xl font-display font-black text-white mb-1 drop-shadow-[0_0_10px_rgba(0,180,219,0.8)]\"><span class=\"counter\" data-target=\"10\">0<\/span>+<\/p>\r\n <p class=\"text-[10px] md:text-xs font-bold text-swd-cyan uppercase tracking-widest\">N\u0103m Kinh Nghi\u1ec7m<\/p>\r\n <\/div>\r\n <div class=\"flex-1 bg-gradient-to-br from-[#0d3b75] to-[#082954] p-5 rounded-2xl border border-swd-cyan\/50 shadow-[0_0_20px_rgba(0,180,219,0.15)] text-center group hover:-translate-y-2 transition-transform duration-300 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-swd-cyan\/10 opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n <p class=\"text-4xl font-display font-black text-white mb-1 drop-shadow-[0_0_10px_rgba(0,180,219,0.8)]\"><span class=\"counter\" data-target=\"1500\">0<\/span>+<\/p>\r\n <p class=\"text-[10px] md:text-xs font-bold text-swd-cyan uppercase tracking-widest\">D\u1ef1 \u00c1n Ho\u00e0n Th\u00e0nh<\/p>\r\n <\/div>\r\n <div class=\"flex-1 bg-gradient-to-br from-[#0d3b75] to-[#082954] p-5 rounded-2xl border border-swd-cyan\/50 shadow-[0_0_20px_rgba(0,180,219,0.15)] text-center group hover:-translate-y-2 transition-transform duration-300 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-swd-cyan\/10 opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n <p class=\"text-4xl font-display font-black text-white mb-1 drop-shadow-[0_0_10px_rgba(0,180,219,0.8)]\"><span class=\"counter\" data-target=\"5\">0<\/span>+<\/p>\r\n <p class=\"text-[10px] md:text-xs font-bold text-swd-cyan uppercase tracking-widest\">V\u0103n Ph\u00f2ng Khu V\u1ef1c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- H\u1ec6 SINH TH\u00c1I S\u1ea2N PH\u1ea8M -->\r\n <section id=\"san-pham\" class=\"py-24 bg-[#0f2c54] relative overflow-hidden border-b border-white\/5\">\r\n <div class=\"absolute inset-0 bg-tech-grid opacity-20 pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto relative z-10\"> \r\n \r\n <div class=\"px-4 md:px-8 flex flex-col lg:flex-row justify-between items-center lg:items-end mb-12 gap-6 text-white text-center lg:text-left\">\r\n <div>\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-3 block\">Danh M\u1ee5c Thi\u1ebft B\u1ecb Cao C\u1ea5p<\/span>\r\n <h2 class=\"font-display text-3xl md:text-5xl font-black\">H\u1ec7 Sinh Th\u00e1i SWD<\/h2>\r\n <\/div>\r\n \r\n <div class=\"flex bg-[#0d3b75] p-1.5 rounded-full shadow-lg border border-[#00B4DB]\/30 w-full sm:w-fit mx-auto lg:mx-0 justify-center\">\r\n <button class=\"tab-btn active px-4 sm:px-6 py-2.5 rounded-full font-bold text-sm transition-colors text-white bg-gradient-to-r from-swd-cyan to-blue-600 shadow-md whitespace-nowrap\" data-target=\"tab-apartment\">\r\n Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9\r\n <\/button>\r\n <button class=\"tab-btn px-4 sm:px-6 py-2.5 rounded-full font-bold text-sm text-gray-400 hover:text-white transition-colors bg-transparent whitespace-nowrap\" data-target=\"tab-villa\">\r\n Bi\u1ec7t Th\u1ef1 & C\u00f4ng Tr\u00ecnh\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tab C\u0102N H\u1ed8 -->\r\n <div id=\"tab-apartment\" class=\"tab-content block animate-[fadeIn_0.5s_ease-out]\">\r\n <div class=\"apt-pagination w-full flex justify-center items-center mb-6 h-8\"><\/div>\r\n <div class=\"slider-wrapper relative\">\r\n <div class=\"swiper-button-prev apt-prev\"><\/div>\r\n <div class=\"swiper-button-next apt-next\"><\/div>\r\n\r\n <div class=\"swiper apartmentSwiper pb-4\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- F3000A -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-white rounded-3xl p-6 shadow-xl flex flex-col h-full transform transition duration-300 product-card border border-transparent hover:border-swd-cyan\/50\">\r\n <div class=\"product-image-container bg-gray-50 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000A.png\" alt=\"F3000A\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-gray-200 text-gray-600 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Ti\u00eau chu\u1ea9n<\/span>\r\n <h3 class=\"font-display text-2xl font-bold text-swd-blue mt-3 mb-1\">F3000A (Apartment)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">T\u1eeb 10.235.000 <span class=\"text-sm font-normal text-gray-500\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-600\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>L\u1eafp \u0111\u1eb7t <strong>\u00e2m tr\u1ea7n th\u1ea1ch cao<\/strong><\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t: 3000 L\u00edt\/gi\u1edd<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>T\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng l\u1ecdc<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-100 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000a-2\/\" class=\"w-full py-2.5 rounded-xl border border-gray-200 text-gray-600 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- F3000AC -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-white rounded-3xl p-6 shadow-xl flex flex-col h-full transform transition duration-300 product-card border border-transparent hover:border-swd-cyan\/50\">\r\n <div class=\"product-image-container bg-gray-50 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000AC.png\" alt=\"F3000AC\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-blue-100 text-swd-blue text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">X\u1eed l\u00fd kim lo\u1ea1i<\/span>\r\n <h3 class=\"font-display text-2xl font-bold text-swd-blue mt-3 mb-1\">F3000AC (Apartment+Cond)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">T\u1eeb 14.835.000 <span class=\"text-sm font-normal text-gray-500\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-600\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>X\u1eed l\u00fd Canxi, S\u1eaft, Magie <strong>(Ko mu\u1ed1i)<\/strong><\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>L\u1eafp \u0111\u1eb7t \u00e2m tr\u1ea7n th\u1ea1ch cao<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t 3000 L\u00edt\/gi\u1edd<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-100 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000ac-2\/\" class=\"w-full py-2.5 rounded-xl border border-gray-200 text-gray-600 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- F3000P -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-gradient-to-b from-swd-light to-white rounded-3xl p-6 shadow-2xl flex flex-col h-full product-card border-2 border-swd-cyan relative\">\r\n <div class=\"absolute top-0 right-6 bg-swd-cyan text-white text-xs font-bold px-3 py-1 rounded-b-lg shadow-md z-20\">BEST SELLER<\/div>\r\n <div class=\"product-image-container bg-white rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 border border-blue-50 shadow-inner relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000P-e1781512519592.png\" alt=\"F3000P\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-swd-cyan\/20 text-swd-cyan text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Ch\u1ecbu nhi\u1ec7t \u0111\u1ed9 cao<\/span>\r\n <h3 class=\"font-display text-2xl font-bold text-swd-blue mt-3 mb-1\">F3000P (Premium)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">T\u1eeb 17.135.000 <span class=\"text-sm font-normal text-gray-500\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-600\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Ch\u1ecbu \u0111\u01b0\u1ee3c <strong>n\u01b0\u1edbc n\u00f3ng \u0111\u1ebfn 70\u00b0C<\/strong><\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Ph\u00f9 h\u1ee3p CC Vinhomes, Masterise<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>M\u00e0ng l\u1ecdc PES (Mitsubishi - Nh\u1eadt)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-blue-100 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000p-premium\/\" class=\"w-full py-2.5 rounded-xl border border-swd-cyan\/40 text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm bg-swd-cyan\/5\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm shadow-lg\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- F3000PC -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-white rounded-3xl p-6 shadow-xl flex flex-col h-full transform transition duration-300 product-card border border-transparent hover:border-swd-cyan\/50\">\r\n <div class=\"product-image-container bg-gray-50 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC.png\" alt=\"F3000PC\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-purple-100 text-purple-600 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">All-in-one C\u0103n h\u1ed9<\/span>\r\n <h3 class=\"font-display text-2xl font-bold text-swd-blue mt-3 mb-1\">F3000PC <span class=\"text-lg font-normal\">(Prem+Cond)<\/span><\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">T\u1eeb 21.735.000 <span class=\"text-sm font-normal text-gray-500\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-600\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>L\u1ecdc n\u01b0\u1edbc n\u00f3ng 70\u00b0C<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>X\u1eed l\u00fd Canxi kh\u00f4ng mu\u1ed1i<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t 3000 L\/h, \u00e2m tr\u1ea7n<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-100 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000pc-4\/\" class=\"w-full py-2.5 rounded-xl border border-gray-200 text-gray-600 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- F3000PS -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-white rounded-3xl p-6 shadow-xl flex flex-col h-full transform transition duration-300 product-card border border-transparent hover:border-swd-cyan\/50\">\r\n <div class=\"product-image-container bg-gray-50 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PS.png\" alt=\"F3000PS\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-green-100 text-green-700 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Tri\u1ec7t \u0111\u1ec3 Canxi<\/span>\r\n <h3 class=\"font-display text-2xl font-bold text-swd-blue mt-3 mb-1\">F3000PS (Softener)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">T\u1eeb 41.273.500 <span class=\"text-sm font-normal text-gray-500\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-600\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i><strong>Cam k\u1ebft n\u1ed3ng \u0111\u1ed9 Canxi < 20ppm<\/strong><\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>B\u1ea3o v\u1ec7 tuy\u1ec7t \u0111\u1ed1i v\u00f2i sen, v\u00e1ch k\u00ednh<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Tu\u1ed5i th\u1ecd m\u00e0ng 3 n\u0103m<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-100 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000ps-4\/\" class=\"w-full py-2.5 rounded-xl border border-gray-200 text-gray-600 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tab BI\u1ec6T TH\u1ef0 -->\r\n <div id=\"tab-villa\" class=\"tab-content hidden animate-[fadeIn_0.5s_ease-out]\">\r\n <div class=\"villa-pagination w-full flex justify-center items-center mb-6 h-8\"><\/div>\r\n <div class=\"slider-wrapper relative\">\r\n <div class=\"swiper-button-prev villa-prev\"><\/div>\r\n <div class=\"swiper-button-next villa-next\"><\/div>\r\n\r\n <div class=\"swiper villaSwiper pb-4\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- R500I -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-[#0d3b75] rounded-3xl p-6 shadow-xl flex flex-col h-full product-card border border-blue-800 text-white hover:border-swd-cyan\/50 transition-colors relative\">\r\n <div class=\"product-image-container bg-[#082954] rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/I-Chinh-Dien.png\" alt=\"R500I Imperial\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-gray-800 text-gray-300 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Imperial Series - Tinh Khi\u1ebft<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1\">R500I (Imperial)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">206.885.000 \u0111<\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-300\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>M\u00e0ng LG, CSM (H\u00e0n Qu\u1ed1c)<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Kh\u00f4ng d\u00f9ng mu\u1ed1i ho\u00e0n nguy\u00ean<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t 500L\/h<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-800 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r500i\/\" class=\"w-full py-2.5 rounded-xl border border-white\/20 text-gray-300 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- M600I -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-[#0d3b75] rounded-3xl p-6 shadow-xl flex flex-col h-full product-card border border-blue-800 text-white hover:border-swd-cyan\/50 transition-colors relative\">\r\n <div class=\"product-image-container bg-[#082954] rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/I-Chinh-Dien.png\" alt=\"M600I Imperial\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-gray-800 text-gray-300 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Imperial Series - C\u00f2n Kho\u00e1ng<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1\">M600I (Imperial)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">278.173.500 \u0111<\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-300\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Gi\u1eef l\u1ea1i vi kho\u00e1ng t\u1ef1 nhi\u00ean<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Bypass t\u1ef1 \u0111\u1ed9ng khi l\u1ed7i<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t 600L\/h<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-800 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m600i\/\" class=\"w-full py-2.5 rounded-xl border border-white\/20 text-gray-300 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- R1000I -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-[#0d3b75] rounded-3xl p-6 shadow-xl flex flex-col h-full product-card border border-blue-800 text-white hover:border-swd-cyan\/50 transition-colors relative\">\r\n <div class=\"product-image-container bg-[#082954] rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/I-Chinh-Dien.png\" alt=\"R1000I Imperial\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-gray-800 text-gray-300 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Imperial Series - Tinh Khi\u1ebft<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1\">R1000I (Imperial)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">442.623.500 \u0111<\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-300\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>M\u00e0ng LG, CSM (H\u00e0n Qu\u1ed1c)<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Kh\u00f4ng d\u00f9ng mu\u1ed1i ho\u00e0n nguy\u00ean<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t 1000L\/h<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-800 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000i\/\" class=\"w-full py-2.5 rounded-xl border border-white\/20 text-gray-300 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- M1300I -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-[#0d3b75] rounded-3xl p-6 shadow-xl flex flex-col h-full product-card border border-blue-800 text-white hover:border-swd-cyan\/50 transition-colors relative\">\r\n <div class=\"product-image-container bg-[#082954] rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-cyan rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-cyan\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/I-Chinh-Dien.png\" alt=\"M1300I Imperial\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-gray-800 text-gray-300 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Imperial Series - C\u00f2n Kho\u00e1ng<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1\">M1300I (Imperial)<\/h3>\r\n <p class=\"text-xl font-bold text-swd-cyan mb-4\">505.873.500 \u0111<\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-300\">\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Gi\u1eef l\u1ea1i vi kho\u00e1ng t\u1ef1 nhi\u00ean<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>Bypass t\u1ef1 \u0111\u1ed9ng khi l\u1ed7i<\/li>\r\n <li><i class=\"fa-solid fa-check text-swd-cyan w-4\"><\/i>C\u00f4ng su\u1ea5t 1300L\/h<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-800 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300i\/\" class=\"w-full py-2.5 rounded-xl border border-white\/20 text-gray-300 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-cyan text-white font-bold text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- R1000 Signature -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-gradient-to-b from-[#1a1a1a] to-[#0a0a0a] rounded-3xl p-6 shadow-2xl flex flex-col h-full product-card border border-swd-gold\/40 text-white relative\">\r\n <div class=\"absolute top-0 right-6 bg-swd-gold text-black text-xs font-bold px-4 py-1 rounded-b-lg shadow-md z-20\"><i class=\"fa-solid fa-crown mr-1\"><\/i> L\u00c2U \u0110\u00c0I<\/div>\r\n <div class=\"product-image-container bg-black\/40 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 border border-white\/5 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-gold rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-gold\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/I-Chinh-Dien.png\" alt=\"R1000S Signature\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-swd-gold\/20 text-swd-gold text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">100% Tinh Khi\u1ebft<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1 text-gradient-gold\">R1000S (Signature)<\/h3>\r\n <p class=\"text-xl font-bold text-white mb-4\">923.890.000 <span class=\"text-sm font-normal text-gray-400\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-300\">\r\n <li><i class=\"fa-solid fa-circle-check text-swd-gold w-4\"><\/i>M\u00e0ng DOW, DuPont (Hoa K\u1ef3)<\/li>\r\n <li><i class=\"fa-solid fa-circle-check text-swd-gold w-4\"><\/i>N\u01b0\u1edbc TINH KHI\u1ebeT u\u1ed1ng tr\u1ef1c ti\u1ebfp<\/li>\r\n <li><i class=\"fa-solid fa-circle-check text-swd-gold w-4\"><\/i>K\u1ebft n\u1ed1i SmartHome, BMS to\u00e0n di\u1ec7n<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-white\/10 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000s\/\" class=\"w-full py-2.5 rounded-xl border border-swd-gold\/40 text-swd-gold font-bold text-center hover:bg-swd-gold hover:text-black transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-gold text-swd-gold font-bold text-center hover:bg-swd-gold hover:text-black transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-gold text-white font-bold text-sm shadow-lg\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- M1300 Signature -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-gradient-to-b from-[#1a1a1a] to-[#0a0a0a] rounded-3xl p-6 shadow-2xl flex flex-col h-full product-card border border-swd-gold\/40 text-white relative\">\r\n <div class=\"absolute top-0 right-6 bg-swd-gold text-black text-xs font-bold px-4 py-1 rounded-b-lg shadow-md z-20\"><i class=\"fa-solid fa-crown mr-1\"><\/i> L\u00c2U \u0110\u00c0I<\/div>\r\n <div class=\"product-image-container bg-black\/40 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 border border-white\/5 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-swd-gold rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-swd-gold\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/I-Chinh-Dien.png\" alt=\"M1300S Signature\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-swd-gold\/20 text-swd-gold text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">C\u00f2n Vi Kho\u00e1ng<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1 text-gradient-gold\">M1300S (Signature)<\/h3>\r\n <p class=\"text-xl font-bold text-white mb-4\">956.890.000 <span class=\"text-sm font-normal text-gray-400\">VN\u0110<\/span><\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-300\">\r\n <li><i class=\"fa-solid fa-circle-check text-swd-gold w-4\"><\/i>C\u00f4ng su\u1ea5t kh\u1ee7ng 1300 L\u00edt\/h<\/li>\r\n <li><i class=\"fa-solid fa-circle-check text-swd-gold w-4\"><\/i>N\u01b0\u1edbc C\u00d2N KHO\u1ea2NG u\u1ed1ng tr\u1ef1c ti\u1ebfp<\/li>\r\n <li><i class=\"fa-solid fa-circle-check text-swd-gold w-4\"><\/i>Vi x\u1eed l\u00fd Siemens, Gi\u00e1m s\u00e1t Mitsubishi<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-800 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300s\/\" class=\"w-full py-2.5 rounded-xl border border-swd-gold\/40 text-swd-gold font-bold text-center hover:bg-swd-gold hover:text-black transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-swd-gold text-swd-gold font-bold text-center hover:bg-swd-gold hover:text-black transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl btn-gold text-white font-bold text-sm shadow-lg\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Efficient R1000E -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-[#082954] rounded-3xl p-6 shadow-xl flex flex-col h-full product-card border border-gray-800 text-white hover:border-gray-500 transition-colors relative\">\r\n <div class=\"product-image-container bg-black\/30 rounded-2xl h-[280px] lg:h-[320px] mb-6 flex items-center justify-center p-6 relative overflow-hidden w-full\">\r\n <div class=\"ripple-circle absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 pointer-events-none\">\r\n <div class=\"absolute w-24 h-24 border-2 border-gray-500 rounded-full animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]\"><\/div>\r\n <div class=\"absolute w-40 h-40 border border-gray-500\/50 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]\" style=\"animation-delay: 0.5s\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/may-khong-vo.png\" alt=\"Efficient R1000E\" class=\"product-img relative z-10 max-w-full max-h-[90%] object-contain transition-all duration-500\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"bg-gray-800 text-gray-400 text-[10px] font-bold px-2 py-1 rounded uppercase tracking-wide\">Efficient Series<\/span>\r\n <h3 class=\"font-display text-2xl font-bold mt-3 mb-1\">R1000E<\/h3>\r\n <p class=\"text-xl font-bold text-gray-300 mb-4\">137.873.500 \u0111<\/p>\r\n <ul class=\"space-y-2 mb-6 text-sm text-gray-400\">\r\n <li><i class=\"fa-solid fa-check text-gray-500 w-4\"><\/i>Thi\u1ebft k\u1ebf Module linh ho\u1ea1t (\u00e1p m\u00e1i)<\/li>\r\n <li><i class=\"fa-solid fa-check text-gray-500 w-4\"><\/i>\u0110i\u1ec1u khi\u1ec3n Siemens t\u1ef1 \u0111\u1ed9ng<\/li>\r\n <li><i class=\"fa-solid fa-check text-gray-500 w-4\"><\/i>U\u1ed1ng tr\u1ef1c ti\u1ebfp, t\u1ef1 s\u1ee5c r\u1eeda m\u00e0ng<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-gray-800 flex flex-col gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000e\/\" class=\"w-full py-2.5 rounded-xl border border-white\/20 text-gray-300 font-bold text-center hover:border-swd-cyan hover:text-swd-cyan transition-colors text-sm\">Xem Chi Ti\u1ebft S\u1ea3n Ph\u1ea9m<\/a>\r\n <div class=\"flex gap-2\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-2.5 rounded-xl border border-gray-500 text-gray-400 font-bold text-center hover:bg-gray-600 hover:text-white transition-colors text-sm flex items-center justify-center gap-1\"><i class=\"fa-solid fa-phone\"><\/i> T\u01b0 V\u1ea5n<\/a>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-2.5 rounded-xl bg-gray-700 text-white font-bold hover:bg-gray-600 transition-colors text-sm\">Kh\u1ea3o S\u00e1t<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- C\u00d4NG NGH\u1ec6 L\u00d5I -->\r\n <section id=\"cong-nghe\" class=\"py-24 bg-swd-light relative border-b border-gray-200\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-3 block\">\u0110\u1ed9t Ph\u00e1 C\u00f4ng Ngh\u1ec7 L\u00f5i<\/span>\r\n <h2 class=\"font-display text-3xl md:text-5xl font-black text-swd-blue mb-6 leading-tight\">B\u1ee9t Ph\u00e1 Gi\u1edbi H\u1ea1n<br>C\u1ee7a Ng\u00e0nh L\u1ecdc N\u01b0\u1edbc<\/h2>\r\n <p class=\"text-gray-600 text-lg\">H\u1ec7 th\u1ed1ng SWD kh\u00f4ng ch\u1ec9 l\u00e0m s\u1ea1ch, ch\u00fang t\u00f4i ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng b\u1eb1ng vi x\u1eed l\u00fd, gi\u1ea3i ph\u00f3ng gia ch\u1ee7 kh\u1ecfi m\u1ecdi thao t\u00e1c b\u1ea3o tr\u00ec th\u1ee7 c\u00f4ng l\u1ed7i th\u1eddi.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6 max-w-6xl mx-auto\">\r\n <div class=\"md:col-span-2 lg:col-span-2 row-span-2 bg-gradient-to-br from-swd-blue to-[#082954] rounded-3xl p-8 relative overflow-hidden group shadow-xl\">\r\n <div class=\"absolute -right-10 -bottom-10 opacity-10 group-hover:scale-110 transition-transform duration-700\">\r\n <i class=\"fa-solid fa-ban text-[200px] text-white\"><\/i>\r\n <\/div>\r\n <div class=\"relative z-10 h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"w-12 h-12 bg-white\/10 backdrop-blur-sm rounded-xl flex items-center justify-center text-swd-cyan text-xl mb-6\">\r\n <i class=\"fa-solid fa-flask-vial\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-display text-2xl md:text-3xl font-bold text-white mb-4 leading-snug\">C\u00f4ng Ngh\u1ec7 X\u1eed L\u00fd<br><span class=\"text-gradient\">Kh\u00f4ng D\u00f9ng Mu\u1ed1i<\/span><\/h3>\r\n <p class=\"text-gray-300 text-sm md:text-base leading-relaxed max-w-sm\">Lo\u1ea1i b\u1ecf ho\u00e0n to\u00e0n Canxi, Magie g\u00e2y c\u1eb7n tr\u1eafng thi\u1ebft b\u1ecb v\u1ec7 sinh cao c\u1ea5p m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ed5 mu\u1ed1i \u0111\u1ecbnh k\u1ef3. Th\u00e2n thi\u1ec7n m\u00f4i tr\u01b0\u1eddng, ti\u1ebft ki\u1ec7m chi ph\u00ed v\u1eadn h\u00e0nh.<\/p>\r\n <\/div>\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"mt-8 self-start px-5 py-2 rounded-full border border-swd-cyan text-swd-cyan font-semibold hover:bg-swd-cyan hover:text-white transition-colors text-sm\">\r\n T\u00ecm hi\u1ec3u nguy\u00ean l\u00fd\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-1 lg:col-span-2 bg-white rounded-3xl p-8 border border-gray-100 shadow-lg group hover:-translate-y-1 transition-transform\">\r\n <div class=\"flex items-start justify-between mb-4\">\r\n <h3 class=\"font-display text-xl font-bold text-swd-blue w-2\/3\">100% V\u1eadn H\u00e0nh T\u1ef1 \u0110\u1ed9ng H\u00f3a<\/h3>\r\n <div class=\"w-10 h-10 bg-blue-50 text-swd-cyan rounded-full flex items-center justify-center group-hover:rotate-90 transition-transform\"><i class=\"fa-solid fa-gears\"><\/i><\/div>\r\n <\/div>\r\n <p class=\"text-gray-500 text-sm\">Trang b\u1ecb vi x\u1eed l\u00fd Siemens (CHLB \u0110\u1ee9c). M\u00e1y t\u1ef1 \u0111\u1ed9ng nh\u1eadn bi\u1ebft, s\u1ee5c r\u1eeda m\u00e0ng l\u1ecdc, x\u1ea3 th\u1ea3i v\u00e0 Bypass h\u1ec7 th\u1ed1ng an to\u00e0n khi g\u1eb7p s\u1ef1 c\u1ed1.<\/p>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-1 lg:col-span-1 bg-white rounded-3xl p-8 border border-gray-100 shadow-lg group hover:-translate-y-1 transition-transform flex flex-col justify-center\">\r\n <i class=\"fa-solid fa-glass-water text-3xl text-swd-cyan mb-4\"><\/i>\r\n <h3 class=\"font-display text-lg font-bold text-swd-blue mb-2\">U\u1ed1ng Tr\u1ef1c Ti\u1ebfp, C\u00f2n Vi Kho\u00e1ng<\/h3>\r\n <p class=\"text-gray-500 text-sm\">\u0110\u1ea1t QCVN 06:2010\/BYT. Gi\u1eef nguy\u00ean kho\u00e1ng ch\u1ea5t t\u1ef1 nhi\u00ean.<\/p>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-1 lg:col-span-1 bg-white rounded-3xl p-8 border border-gray-100 shadow-lg group hover:-translate-y-1 transition-transform flex flex-col justify-center\">\r\n <i class=\"fa-solid fa-house-signal text-3xl text-swd-cyan mb-4\"><\/i>\r\n <h3 class=\"font-display text-lg font-bold text-swd-blue mb-2\">\u0110\u1ed3ng B\u1ed9 H\u1ec7 Th\u1ed1ng SmartHome<\/h3>\r\n <p class=\"text-gray-500 text-sm\">Gi\u00e1m s\u00e1t ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc Real-time qua App \u0111i\u1ec7n tho\u1ea1i & BMS.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- QUY TR\u00ccNH THI C\u00d4NG -->\r\n <section id=\"quy-trinh\" class=\"py-24 bg-white overflow-hidden relative\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-3 block\">H\u00e0nh Tr\u00ecnh Ki\u1ebfn T\u1ea1o<\/span>\r\n <h2 class=\"font-display text-3xl md:text-5xl font-black text-swd-blue\">Quy Tr\u00ecnh Thi C\u00f4ng Kh\u00e9p K\u00edn<\/h2>\r\n <p class=\"text-gray-500 mt-4\">T\u1eeb kh\u00e2u kh\u1ea3o s\u00e1t \u0111\u1ebfn khi b\u00e0n giao, m\u1ecdi thao t\u00e1c \u0111\u1ec1u \u0111\u01b0\u1ee3c gi\u00e1m s\u00e1t b\u1edfi \u0111\u1ed9i ng\u0169 k\u1ef9 s\u01b0 chuy\u00ean gia h\u00e0ng \u0111\u1ea7u.<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center max-w-6xl mx-auto\">\r\n <div class=\"relative rounded-[2rem] overflow-hidden shadow-2xl h-[500px] lg:h-[600px] group\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/QuyTrinh.png\" alt=\"K\u1ef9 s\u01b0 chuy\u00ean gia SWD\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-swd-blue\/90 via-transparent to-transparent\"><\/div>\r\n <div class=\"absolute bottom-8 left-8 right-8\">\r\n <div class=\"glass-light p-4 rounded-xl flex items-center gap-4\">\r\n <div class=\"w-12 h-12 bg-swd-cyan text-white rounded-full flex items-center justify-center text-xl animate-pulse\"><i class=\"fa-solid fa-microscope\"><\/i><\/div>\r\n <div>\r\n <p class=\"font-bold text-swd-blue text-sm uppercase\">Ph\u00e2n t\u00edch chu\u1ea9n x\u00e1c<\/p>\r\n <p class=\"text-xs text-gray-600\">\u0110o l\u01b0\u1eddng 12 ch\u1ec9 ti\u00eau n\u01b0\u1edbc b\u1eb1ng m\u00e1y m\u00f3c Digital.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative pl-6 md:pl-10\">\r\n <div class=\"absolute top-4 left-[21px] md:left-[37px] bottom-0 w-1 bg-gray-100 rounded-full overflow-hidden\">\r\n <div class=\"absolute w-full h-1\/3 bg-gradient-to-b from-transparent via-swd-cyan to-transparent animate-flow-down\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-12 relative z-10\">\r\n <div class=\"relative group\">\r\n <div class=\"absolute -left-[30px] md:-left-[46px] top-1 w-10 h-10 rounded-full bg-white border-4 border-swd-cyan flex justify-center items-center font-bold text-swd-blue shadow-[0_0_15px_rgba(0,180,219,0.5)] group-hover:bg-swd-cyan group-hover:text-white transition-colors z-10\">1<\/div>\r\n <div class=\"pl-4\">\r\n <h4 class=\"font-display font-bold text-xl text-swd-blue mb-2\">Kh\u1ea3o S\u00e1t Smart Scan<\/h4>\r\n <p class=\"text-gray-600 leading-relaxed text-sm\">Chuy\u00ean gia tr\u1ef1c ti\u1ebfp \u0111\u1ebfn l\u1ea5y m\u1eabu n\u01b0\u1edbc, ph\u00e2n t\u00edch k\u1ef9 thu\u1eadt s\u1ed1 v\u00e0 kh\u1ea3o s\u00e1t v\u1ecb tr\u00ed l\u1eafp \u0111\u1eb7t t\u1ed1i \u01b0u.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative group\">\r\n <div class=\"absolute -left-[30px] md:-left-[46px] top-1 w-10 h-10 rounded-full bg-white border-4 border-swd-blue flex justify-center items-center font-bold text-swd-blue shadow-lg group-hover:bg-swd-blue group-hover:text-white transition-colors z-10\">2<\/div>\r\n <div class=\"pl-4\">\r\n <h4 class=\"font-display font-bold text-xl text-swd-blue mb-2\">Thi\u1ebft K\u1ebf B\u1ea3n V\u1ebd C\u00e1 Nh\u00e2n H\u00f3a<\/h4>\r\n <p class=\"text-gray-600 leading-relaxed text-sm\">T\u00f9y bi\u1ebfn Module theo kh\u00f4ng gian th\u1ef1c t\u1ebf v\u00e0 k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng n\u01b0\u1edbc c\u1ee7a gia ch\u1ee7 \u0111\u1ec3 l\u00ean b\u1ea3n v\u1ebd 3D thi c\u00f4ng chi ti\u1ebft.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative group\">\r\n <div class=\"absolute -left-[30px] md:-left-[46px] top-1 w-10 h-10 rounded-full bg-white border-4 border-swd-cyan flex justify-center items-center font-bold text-swd-blue shadow-[0_0_15px_rgba(0,180,219,0.5)] group-hover:bg-swd-cyan group-hover:text-white transition-colors z-10\">3<\/div>\r\n <div class=\"pl-4\">\r\n <h4 class=\"font-display font-bold text-xl text-swd-blue mb-2\">L\u1eafp \u0110\u1eb7t & \u0110\u1ed3ng B\u1ed9 H\u00f3a<\/h4>\r\n <p class=\"text-gray-600 leading-relaxed text-sm\">Thi c\u00f4ng chuy\u00ean nghi\u1ec7p, \u0111\u1ea5u n\u1ed1i h\u1ec7 th\u1ed1ng ph\u1ea7n c\u1ee9ng v\u00e0o n\u1ec1n t\u1ea3ng SmartHome (nh\u00e0 th\u00f4ng minh) \u0111\u1ec3 gi\u00e1m s\u00e1t tr\u00ean \u0111i\u1ec7n tho\u1ea1i.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative group\">\r\n <div class=\"absolute -left-[30px] md:-left-[46px] top-1 w-10 h-10 rounded-full bg-white border-4 border-swd-blue flex justify-center items-center font-bold text-swd-blue shadow-lg group-hover:bg-swd-blue group-hover:text-white transition-colors z-10\">4<\/div>\r\n <div class=\"pl-4\">\r\n <h4 class=\"font-display font-bold text-xl text-swd-blue mb-2\">B\u1ea3o Tr\u00ec K\u1ef9 Thu\u1eadt S\u1ed1<\/h4>\r\n <p class=\"text-gray-600 leading-relaxed text-sm\">M\u00e1y t\u1ef1 \u0111\u1ed9ng ghi nh\u1edb, t\u1ef1 s\u1ee5c r\u1eeda v\u00e0 b\u00e1o c\u00e1o l\u1ecbch thay l\u00f5i\/v\u1ec7 sinh \u0111\u1ecbnh k\u1ef3 th\u1eb3ng v\u1ec1 trung t\u00e2m \u0111i\u1ec1u h\u00e0nh SWD v\u00e0 App gia ch\u1ee7.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-16\">\r\n <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"btn-cyan px-8 py-4 text-base uppercase tracking-wider font-bold rounded-full\">\u0110\u1eb7t L\u1ecbch Chuy\u00ean Gia Kh\u1ea3o S\u00e1t Mi\u1ec5n Ph\u00ed<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TR\u1ea2I NGHI\u1ec6M KH\u00c1CH H\u00c0NG -->\r\n <section id=\"khach-hang\" class=\"py-24 bg-swd-light\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-16 gap-6\">\r\n <div>\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-3 block\">Tr\u1ea3i Nghi\u1ec7m Th\u1ef1c T\u1ebf<\/span>\r\n <h2 class=\"font-display text-3xl md:text-5xl font-black text-swd-blue\">S\u1ef1 L\u1ef1a Ch\u1ecdn C\u1ee7a Gi\u1edbi Tinh Hoa<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-3\">\r\n <button class=\"review-prev w-14 h-14 rounded-full bg-white shadow-lg text-swd-blue flex items-center justify-center hover:bg-swd-cyan hover:text-white transition-colors text-xl\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\r\n <button class=\"review-next w-14 h-14 rounded-full bg-white shadow-lg text-swd-blue flex items-center justify-center hover:bg-swd-cyan hover:text-white transition-colors text-xl\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"swiper reviewSwiper pb-10 px-2\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- KH 1 -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 h-full flex flex-col relative mt-8 hover:-translate-y-2 transition-transform\">\r\n <div class=\"absolute -top-8 left-8 w-16 h-16 rounded-full border-4 border-white shadow-lg overflow-hidden bg-gray-200\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/003B73\/FFF?text=HB\" alt=\"Kh\u00e1ch h\u00e0ng\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div class=\"mt-6 flex-1\">\r\n <div class=\"flex text-yellow-400 text-sm mb-4\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <span class=\"bg-blue-50 text-swd-blue text-xs font-bold px-2 py-1 rounded mb-4 inline-block\">S\u1eed d\u1ee5ng: M1200 Efficient<\/span>\r\n <div class=\"bg-gray-50 p-4 rounded-xl mb-4 relative\">\r\n <p class=\"text-gray-500 text-sm italic font-medium\">\"N\u1ed7i \u0111au: V\u00f2i sen Grohe m\u1edd m\u1ecbt c\u1eb7n canxi. M\u1ed7i th\u00e1ng b\u1ea3o v\u1ec7 ph\u1ea3i khi\u00eang mu\u1ed1i \u0111\u1ed5 v\u00e0o m\u00e1y r\u1ea5t m\u1ec7t...\"<\/p>\r\n <\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm\">\"T\u1eeb khi thay sang SWD M1200, m\u1ecdi th\u1ee9 t\u1ef1 \u0111\u1ed9ng ho\u00e0n to\u00e0n. Kh\u00f4ng t\u1ed1n 1 h\u1ea1t mu\u1ed1i n\u00e0o m\u00e0 thi\u1ebft b\u1ecb v\u1ec7 sinh l\u00fac n\u00e0o c\u0169ng s\u00e1ng b\u00f3ng. Check ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc ngay tr\u00ean app khi \u0111i c\u00f4ng t\u00e1c r\u1ea5t ti\u1ec7n.\"<\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-gray-100\">\r\n <p class=\"font-bold text-swd-blue\">Anh Tr\u1ea7n Ho\u00e0ng B.<\/p>\r\n <p class=\"text-xs text-gray-500\">Ch\u1ee7 Bi\u1ec7t th\u1ef1 Vinhomes Riverside<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- KH 2 -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 h-full flex flex-col relative mt-8 hover:-translate-y-2 transition-transform\">\r\n <div class=\"absolute -top-8 left-8 w-16 h-16 rounded-full border-4 border-white shadow-lg overflow-hidden bg-gray-200\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/00B4DB\/FFF?text=PT\" alt=\"Kh\u00e1ch h\u00e0ng\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div class=\"mt-6 flex-1\">\r\n <div class=\"flex text-yellow-400 text-sm mb-4\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <span class=\"bg-cyan-50 text-swd-cyan text-xs font-bold px-2 py-1 rounded mb-4 inline-block\">S\u1eed d\u1ee5ng: F3000 \u00c2m tr\u1ea7n<\/span>\r\n <div class=\"bg-gray-50 p-4 rounded-xl mb-4 relative\">\r\n <p class=\"text-gray-500 text-sm italic font-medium\">\"Chung c\u01b0 tr\u1ea7n th\u1ea5p, ban c\u00f4ng h\u1eb9p, c\u00e1c b\u00ean kh\u00e1c \u0111\u1ebfn kh\u1ea3o s\u00e1t \u0111\u1ec1u l\u1eafc \u0111\u1ea7u v\u00ec m\u00e1y c\u1ee7a h\u1ecd qu\u00e1 c\u1ed3ng k\u1ec1nh...\"<\/p>\r\n <\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm\">\"SWD t\u01b0 v\u1ea5n d\u00f2ng F3000 gi\u1ea5u k\u00edn tr\u00ean tr\u1ea7n th\u1ea1ch cao. \u00c1p l\u1ef1c n\u01b0\u1edbc 6 v\u00f2i x\u1ea3 c\u00f9ng l\u00fac v\u1eabn c\u1ef1c kh\u1ecfe, t\u1eafm n\u01b0\u1edbc n\u00f3ng kh\u00f4ng \u1ea3nh h\u01b0\u1edfng m\u00e0ng l\u1ecdc. Th\u1ea9m m\u1ef9 tuy\u1ec7t \u0111\u1ed1i!\"<\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-gray-100\">\r\n <p class=\"font-bold text-swd-blue\">Ch\u1ecb Ph\u01b0\u01a1ng Th\u00fay<\/p>\r\n <p class=\"text-xs text-gray-500\">Penthouse The Matrix One<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- KH 3 -->\r\n <div class=\"swiper-slide h-auto\">\r\n <div class=\"bg-gradient-to-b from-[#1a1a1a] to-black p-8 rounded-3xl shadow-xl border border-swd-gold\/30 h-full flex flex-col relative mt-8 hover:-translate-y-2 transition-transform text-white\">\r\n <div class=\"absolute -top-8 left-8 w-16 h-16 rounded-full border-4 border-[#1a1a1a] shadow-lg overflow-hidden bg-swd-gold\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/D4AF37\/000?text=BS\" alt=\"Kh\u00e1ch h\u00e0ng\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div class=\"mt-6 flex-1\">\r\n <div class=\"flex text-swd-gold text-sm mb-4\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <span class=\"bg-swd-gold\/20 text-swd-gold border border-swd-gold\/50 text-xs font-bold px-2 py-1 rounded mb-4 inline-block\">S\u1eed d\u1ee5ng: R1000 Signature<\/span>\r\n <div class=\"bg-white\/5 p-4 rounded-xl mb-4 relative border border-white\/10\">\r\n <p class=\"text-gray-400 text-sm italic font-medium\">\"Ph\u00f2ng kh\u00e1m nha khoa y\u00eau c\u1ea7u ngu\u1ed3n n\u01b0\u1edbc c\u1ea5p cho gh\u1ebf nha ph\u1ea3i tinh khi\u1ebft 100% \u0111\u1ec3 tr\u00e1nh t\u1eafc ngh\u1ebdn van vi m\u1ea1ch si\u00eau nh\u1ecf...\"<\/p>\r\n <\/div>\r\n <p class=\"text-gray-300 leading-relaxed text-sm\">\"H\u1ec7 th\u1ed1ng R1000 Signature \u0111\u00e1p xu\u1ea5t s\u1eafc. M\u00e0ng l\u1ecdc DOW Hoa K\u1ef3 cho ra n\u01b0\u1edbc tinh khi\u1ebft tuy\u1ec7t \u0111\u1ed1i. T\u1ef1 \u0111\u1ed9ng Bypass an to\u00e0n, ph\u00f2ng kh\u00e1m kh\u00f4ng bao gi\u1edd b\u1ecb gi\u00e1n \u0111o\u1ea1n ngu\u1ed3n n\u01b0\u1edbc.\"<\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-gray-800\">\r\n <p class=\"font-bold text-swd-gold\">Bs. Ho\u00e0ng Qu\u1ed1c Tu\u1ea5n<\/p>\r\n <p class=\"text-xs text-gray-400\">Gi\u00e1m \u0111\u1ed1c Chu\u1ed7i Nha khoa Qu\u1ed1c t\u1ebf<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TRUY\u1ec0N TH\u00d4NG & S\u1ef0 KI\u1ec6N \u0110\u1ed8NG -->\r\n <section id=\"tin-tuc\" class=\"py-24 bg-white relative border-t border-gray-100\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-16 gap-6\">\r\n <div>\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-3 block\">G\u00f3c Nh\u00ecn Chuy\u00ean Gia<\/span>\r\n <h2 class=\"font-display text-3xl md:text-5xl font-black text-swd-blue\">T\u00e2m \u0110i\u1ec3m Truy\u1ec1n Th\u00f4ng<\/h2>\r\n <\/div>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/news\/\" class=\"hidden md:inline-flex items-center gap-2 text-swd-blue font-bold hover:text-swd-cyan transition-colors border-b-2 border-swd-blue hover:border-swd-cyan pb-1\">\r\n Xem t\u1ea5t c\u1ea3 <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Kh\u1ed1i ch\u1ee9a b\u00e0i vi\u1ebft \u0110\u1ed8NG - S\u1ebd t\u1ef1 \u0111\u1ed9ng v\u1ebd 3 b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t b\u1eb1ng Javascript -->\r\n <div id=\"home-news-container\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <div class=\"col-span-full text-center py-10 text-gray-400\">\r\n <i class=\"fa-solid fa-circle-notch fa-spin text-3xl text-swd-cyan\"><\/i> \u0110ang t\u1ea3i b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t...\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-10 text-center md:hidden\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/news\/\" class=\"inline-flex items-center gap-2 text-swd-blue font-bold hover:text-swd-cyan transition-colors border-b-2 border-swd-blue hover:border-swd-cyan pb-1\">\r\n Xem t\u1ea5t c\u1ea3 tin t\u1ee9c <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer id=\"form-section\" class=\"bg-[#082954] pt-20 pb-10 border-t-4 border-swd-cyan relative\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-tech-grid opacity-10 pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 md:px-8 relative z-10\">\r\n <div class=\"grid md:grid-cols-12 gap-12 mb-16\">\r\n <!-- Info -->\r\n <div class=\"md:col-span-4\">\r\n <div class=\"flex items-center gap-2 mb-6\">\r\n <div class=\"w-12 h-12 bg-gradient-to-br from-swd-cyan to-swd-blue rounded-xl flex items-center justify-center text-white font-bold text-2xl shadow-[0_0_15px_rgba(0,180,219,0.5)]\"><i class=\"fa-solid fa-droplet\"><\/i><\/div>\r\n <div>\r\n <h2 class=\"font-display font-black text-3xl text-white leading-none\">SWD<\/h2>\r\n <span class=\"text-[10px] text-swd-cyan uppercase font-bold tracking-[0.2em] block\">Purify Your Life<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-400 text-sm mb-6 leading-relaxed\">C\u00d4NG TY C\u1ed4 PH\u1ea6N SPRING WATER DELIVERY. Nh\u00e0 cung c\u1ea5p gi\u1ea3i ph\u00e1p x\u1eed l\u00fd n\u01b0\u1edbc trung t\u00e2m k\u1ef9 thu\u1eadt s\u1ed1 cho c\u00e1c c\u00f4ng tr\u00ecnh h\u1ea1ng sang.<\/p>\r\n <ul class=\"space-y-3 text-sm text-gray-400\">\r\n <li><i class=\"fa-solid fa-location-dot text-swd-cyan w-5\"><\/i> 199\/110\/85 \u0110\u1ecbnh C\u00f4ng H\u1ea1, P.\u0110\u1ecbnh C\u00f4ng, H\u00e0 N\u1ed9i<\/li>\r\n <li><i class=\"fa-solid fa-phone text-swd-cyan w-5\"><\/i> 0876888886<\/li>\r\n <li><i class=\"fa-solid fa-envelope text-swd-cyan w-5\"><\/i> contact@swd.vn<\/li>\r\n <li><i class=\"fa-solid fa-file-invoice text-swd-cyan w-5\"><\/i> MST: 0110879471<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Links -->\r\n <div class=\"md:col-span-3 lg:ml-8\">\r\n <h4 class=\"text-white font-display font-bold text-lg mb-6 uppercase tracking-wider\">H\u1ec7 Sinh Th\u00e1i<\/h4>\r\n <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/f3000p-premium\/\" class=\"hover:text-swd-cyan transition-colors\">M\u00e1y L\u1ecdc T\u1ed5ng C\u0103n H\u1ed9 (F3000)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000e\/\" class=\"hover:text-swd-cyan transition-colors\">H\u1ec7 Th\u1ed1ng Bi\u1ec7t Th\u1ef1 (Efficient)<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000s\/\" class=\"hover:text-swd-gold transition-colors\">H\u1ec7 Th\u1ed1ng L\u00e2u \u0110\u00e0i (Signature)<\/a><\/li>\r\n <li><a href=\"#cong-nghe\" class=\"hover:text-swd-cyan transition-colors\">C\u00f4ng ngh\u1ec7 kh\u00f4ng mu\u1ed1i<\/a><\/li>\r\n <li><a href=\"#quy-trinh\" class=\"hover:text-swd-cyan transition-colors\">Quy tr\u00ecnh l\u1eafp \u0111\u1eb7t chu\u1ea9n<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Footer Form -->\r\n <div class=\"md:col-span-5 bg-gradient-to-b from-[#0d3b75] to-[#082954] p-8 rounded-3xl border border-[#00B4DB]\/20 shadow-2xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-swd-cyan to-blue-600\"><\/div>\r\n <h4 class=\"font-display font-bold text-2xl text-white mb-2 leading-tight\">N\u00e2ng T\u1ea7m Kh\u00f4ng Gian S\u1ed1ng<br>B\u1eaft \u0110\u1ea7u T\u1eeb Ngu\u1ed3n N\u01b0\u1edbc<\/h4>\r\n <p class=\"text-swd-cyan text-sm mb-6\">Chuy\u00ean gia k\u1ef9 thu\u1eadt SWD s\u1eb5n s\u00e0ng kh\u1ea3o s\u00e1t v\u00e0 thi\u1ebft k\u1ebf b\u1ea3n v\u1ebd mi\u1ec5n ph\u00ed cho c\u00f4ng tr\u00ecnh c\u1ee7a b\u1ea1n.<\/p>\r\n \r\n <iframe name=\"hidden_iframe\" id=\"hidden_iframe\" style=\"display:none;\" onload=\"if(window.submitted){onFormSuccess();}\"><\/iframe>\r\n<form id=\"footer-form\" class=\"space-y-4\" action=\"https:\/\/script.google.com\/macros\/s\/AKfycbwNYs77f-dJASA07BSlkYiwKG8dwXaA81tyCXzLVu0cV8nUTVBQaSRonqVo8TqDvDkSDg\/exec\" method=\"POST\" target=\"hidden_iframe\" onsubmit=\"return validateAndSubmit(this);\">\r\n <input type=\"text\" name=\"ho_ten\" id=\"ft-name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean \/ \u0110\u01a1n v\u1ecb thi c\u00f4ng\" class=\"w-full bg-[#0f2c54] border border-gray-700 rounded-xl px-4 py-3.5 text-white focus:outline-none focus:border-swd-cyan text-sm transition-colors\" required>\r\n \r\n <div class=\"relative\">\r\n <input type=\"tel\" name=\"so_dien_thoai\" id=\"ft-phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7 *\" class=\"w-full bg-[#0f2c54] border border-gray-700 rounded-xl px-4 py-3.5 text-white focus:outline-none focus:border-swd-cyan text-sm transition-colors\" required>\r\n <p id=\"ft-phone-error\" class=\"text-red-500 text-xs mt-1 hidden\">Vui l\u00f2ng nh\u1eadp \u0111\u00fang \u0111\u1ecbnh d\u1ea1ng s\u1ed1 \u0111i\u1ec7n tho\u1ea1i Vi\u1ec7t Nam h\u1ee3p l\u1ec7.<\/p>\r\n <\/div>\r\n\r\n <select name=\"san_pham\" id=\"ft-type\" class=\"w-full bg-[#0f2c54] border border-gray-700 rounded-xl px-4 py-3.5 text-gray-400 focus:outline-none focus:border-swd-cyan text-sm appearance-none transition-colors\" required>\r\n <option value=\"\">-- L\u1ef1a ch\u1ecdn d\u00f2ng s\u1ea3n ph\u1ea9m quan t\u00e2m --<\/option>\r\n <option value=\"F3000A (Apartment)\">F3000A (Apartment)<\/option>\r\n <option value=\"F3000AC (Apartment+Cond)\">F3000AC (Apartment+Cond)<\/option>\r\n <option value=\"F3000P (Premium)\">F3000P (Premium)<\/option>\r\n <option value=\"F3000PC (Prem+Cond)\">F3000PC (Prem+Cond)<\/option>\r\n <option value=\"F3000PS (Prem+Softener)\">F3000PS (Prem+Softener)<\/option>\r\n <option value=\"R1000E (Efficient)\">R1000E (Efficient)<\/option>\r\n <option value=\"M1200E (Efficient)\">M1200E (Efficient)<\/option>\r\n <option value=\"R500I (Imperial)\">R500I (Imperial)<\/option>\r\n <option value=\"M600I (Imperial)\">M600I (Imperial)<\/option>\r\n <option value=\"R1000I (Imperial)\">R1000I (Imperial)<\/option>\r\n <option value=\"M1300I (Imperial)\">M1300I (Imperial)<\/option>\r\n <option value=\"R1000S (Signature)\">R1000S (Signature)<\/option>\r\n <option value=\"M1300S (Signature)\">M1300S (Signature)<\/option>\r\n <\/select>\r\n \r\n <button type=\"submit\" class=\"w-full btn-cyan py-3.5 mt-2 rounded-xl text-base tracking-wider font-bold\" id=\"ft-submit-btn\">\r\n NH\u1eacN T\u01af V\u1ea4N NGAY\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"border-t border-white\/10 pt-8 text-center text-gray-500 text-sm flex flex-col md:flex-row justify-between items-center\">\r\n <p>© 2026 C\u00d4NG TY C\u1ed4 PH\u1ea6N SPRING WATER DELIVERY. All rights reserved.<\/p>\r\n <div class=\"flex gap-5 mt-4 md:mt-0 text-xl\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-swd-cyan hover:text-white transition-all\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-swd-cyan hover:text-white transition-all\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-swd-cyan hover:text-white transition-all\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- FLOATING ACTIONS -->\r\n <div class=\"fixed bottom-6 right-6 flex flex-col gap-4 z-[90]\">\r\n <a href=\"https:\/\/zalo.me\/0876888886\" target=\"_blank\" class=\"w-14 h-14 bg-[#0068FF] text-white rounded-full flex items-center justify-center text-3xl shadow-[0_0_20px_rgba(0,104,255,0.5)] hover:scale-110 transition-transform relative ring-btn\">\r\n <i class=\"fa-solid fa-comment-dots text-2xl\"><\/i>\r\n <span class=\"absolute -top-1 -right-1 w-4 h-4 bg-red-500 border-2 border-white rounded-full\"><\/span>\r\n <\/a>\r\n <a href=\"tel:0876888886\" class=\"w-14 h-14 bg-[#00B4DB] text-white rounded-full flex items-center justify-center text-2xl shadow-[0_0_20px_rgba(0,180,219,0.5)] hover:scale-110 transition-transform relative ring-btn\" style=\"animation-delay: 1s;\">\r\n <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Swiper JS & L\u1ec7nh Hi\u1ec7u \u1ee8ng C\u1ee5c B\u1ed9 -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.js\"><\/script>\r\n <script>\r\n \/\/ 1. Sticky Header \u0111\u1ed5i m\u00e0u khi cu\u1ed9n\r\n const header = document.getElementById('header');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n header.classList.add('bg-[#082954]\/90', 'backdrop-blur-lg', 'border-white\/10', 'shadow-lg');\r\n header.classList.remove('bg-transparent', 'border-transparent');\r\n } else {\r\n header.classList.add('bg-transparent', 'border-transparent');\r\n header.classList.remove('bg-[#082954]\/90', 'backdrop-blur-lg', 'border-white\/10', 'shadow-lg');\r\n }\r\n });\r\n\r\n \/\/ 2. Tabs Logic (D\u00f2ng C\u0103n H\u1ed9 \/ D\u00f2ng Bi\u1ec7t Th\u1ef1)\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n tabBtns.forEach(b => {\r\n b.classList.remove('bg-gradient-to-r', 'from-swd-cyan', 'to-blue-600', 'shadow-md', 'text-white', 'active');\r\n b.classList.add('text-gray-400', 'bg-transparent');\r\n });\r\n tabContents.forEach(c => c.classList.add('hidden'));\r\n\r\n btn.classList.add('bg-gradient-to-r', 'from-swd-cyan', 'to-blue-600', 'shadow-md', 'text-white', 'active');\r\n btn.classList.remove('text-gray-400', 'bg-transparent');\r\n document.getElementById(btn.getAttribute('data-target')).classList.remove('hidden');\r\n });\r\n });\r\n\r\n \/\/ 3. Hi\u1ec7u \u1ee9ng t\u0103ng s\u1ed1 t\u1ef1 \u0111\u1ed9ng cho m\u1ee5c Stats (S\u1ed1 li\u1ec7u th\u1ed1ng k\u00ea)\r\n const counters = document.querySelectorAll('.counter');\r\n const speed = 100;\r\n let counted = false;\r\n\r\n const startCounting = () => {\r\n counters.forEach(counter => {\r\n const updateCount = () => {\r\n const target = +counter.getAttribute('data-target');\r\n const count = +counter.innerText;\r\n const inc = target \/ speed;\r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + inc);\r\n setTimeout(updateCount, 15);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCount();\r\n });\r\n };\r\n\r\n const statsSection = document.getElementById('stats-section');\r\n const observer = new IntersectionObserver((entries) => {\r\n if(entries[0].isIntersecting && !counted) {\r\n startCounting();\r\n counted = true;\r\n }\r\n }, { threshold: 0.5 });\r\n if(statsSection) observer.observe(statsSection);\r\n\r\n \/\/ 4. Kh\u1edfi t\u1ea1o hi\u1ec7u \u1ee9ng tr\u01b0\u1ee3t \u1ea3nh (Swiper Sliders)\r\n const commonOptions = {\r\n slidesPerView: 1,\r\n spaceBetween: 20,\r\n loop: true,\r\n breakpoints: { 768: { slidesPerView: 2, spaceBetween: 40 } }\r\n };\r\n \r\n new Swiper('.apartmentSwiper', { \r\n ...commonOptions, \r\n pagination: { el: '.apt-pagination', clickable: true },\r\n navigation: { nextEl: '.apt-next', prevEl: '.apt-prev' } \r\n });\r\n \r\n new Swiper('.villaSwiper', { \r\n ...commonOptions, \r\n pagination: { el: '.villa-pagination', clickable: true },\r\n navigation: { nextEl: '.villa-next', prevEl: '.villa-prev' } \r\n });\r\n \r\n new Swiper('.reviewSwiper', {\r\n slidesPerView: 1,\r\n spaceBetween: 30,\r\n loop: true,\r\n navigation: { nextEl: '.review-next', prevEl: '.review-prev' },\r\n breakpoints: { 768: { slidesPerView: 2 }, 1024: { slidesPerView: 3 } }\r\n });\r\n\r\n \/\/ ==========================================\r\n \/\/ 5. KHO D\u1eee LI\u1ec6U B\u00c0I VI\u1ebeT \u0110\u1ed8NG (SWD_NEWS_DATA) C\u1ee6A TRANG CH\u1ee6\r\n \/\/ ==========================================\r\n const SWD_NEWS_DATA = [\r\n {\r\n id: 13,\r\n title: \"So s\u00e1nh h\u1ec7 th\u1ed1ng l\u1ecdc t\u1ed5ng tinh khi\u1ebft SWD v\u00e0 m\u00e1y l\u1ecdc RO: \u0110\u00e2u l\u00e0 gi\u1ea3i ph\u00e1p sinh ho\u1ea1t to\u00e0n di\u1ec7n v\u00e0 ti\u1ebft ki\u1ec7m?\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"6 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B1-1.png\",\r\n desc: \"Ph\u00e2n v\u00e2n gi\u1eefa m\u00e1y l\u1ecdc RO v\u00e0 h\u1ec7 th\u1ed1ng l\u1ecdc t\u1ed5ng tinh khi\u1ebft SWD? Kh\u00e1m ph\u00e1 b\u00e0i to\u00e1n kinh t\u1ebf v\u00e0 gi\u1ea3i ph\u00e1p b\u1ea3o v\u1ec7 to\u00e0n di\u1ec7n cho s\u1ee9c kh\u1ecfe, kh\u00f4ng gian s\u1ed1ng c\u1ee7a gia \u0111\u00ecnh b\u1ea1n.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/so-sanh-he-thong-loc-tong-tinh-khiet-swd-va-may-loc-ro\/\"\r\n },\r\n {\r\n id: 12,\r\n title: \"Gi\u1ea3i m\u00e3 \u0111\u1ed9 b\u1ec1n b\u1ec9: T\u1ea1i sao SWD s\u1eed d\u1ee5ng v\u1eadt li\u1ec7u PES (Mitsubishi Chemical) cho h\u1ec7 th\u1ed1ng m\u00e0ng si\u00eau l\u1ecdc UF?\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"5 ph\u00fat \u0111\u1ecdc\",\r\n category: \"C\u00d4NG NGH\u1ec6\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B2-1.png\",\r\n desc: \"Kh\u00e1m ph\u00e1 l\u00fd do SWD l\u1ef1a ch\u1ecdn v\u1eadt li\u1ec7u PES cao c\u1ea5p t\u1eeb Mitsubishi Chemical (Nh\u1eadt B\u1ea3n) cho m\u00e0ng si\u00eau l\u1ecdc UF. Gi\u1ea3i ph\u00e1p c\u00f4ng ngh\u1ec7 mang l\u1ea1i \u0111\u1ed9 b\u1ec1n c\u01a1 h\u1ecdc v\u01b0\u1ee3t tr\u1ed9i v\u00e0 ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t an to\u00e0n tuy\u1ec7t \u0111\u1ed1i.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/giai-ma-do-ben-bi-vat-lieu-pes-mang-loc-uf\/\"\r\n },\r\n {\r\n id: 11,\r\n title: \"L\u1eafp h\u1ec7 th\u1ed1ng l\u1ecdc t\u1ed5ng c\u00f3 l\u00e0m gi\u1ea3m \u00e1p l\u1ef1c n\u01b0\u1edbc sinh ho\u1ea1t? L\u1eddi gi\u1ea3i t\u1eeb \u0111\u1ed9i ng\u0169 k\u1ef9 s\u01b0 SWD\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"4 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B3-1.png\",\r\n desc: \"Nhi\u1ec1u gia \u0111\u00ecnh lo ng\u1ea1i l\u1eafp h\u1ec7 th\u1ed1ng l\u1ecdc n\u01b0\u1edbc t\u1ed5ng s\u1ebd khi\u1ebfn v\u00f2i sen ch\u1ea3y y\u1ebfu, m\u00e1y gi\u1eb7t b\u00e1o l\u1ed7i. Kh\u00e1m ph\u00e1 nguy\u00ean nh\u00e2n th\u1ef1c s\u1ef1 v\u00e0 l\u1eddi gi\u1ea3i k\u1ef9 thu\u1eadt t\u1eeb chuy\u00ean gia SWD \u0111\u1ec3 duy tr\u00ec \u00e1p l\u1ef1c n\u01b0\u1edbc ho\u00e0n h\u1ea3o.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/lap-he-thong-loc-tong-co-lam-giam-ap-luc-nuoc\/\"\r\n },\r\n {\r\n id: 10,\r\n title: \"Amoni trong n\u01b0\u1edbc sinh ho\u1ea1t: M\u1ed1i nguy th\u1ea7m l\u1eb7ng t\u00e0n ph\u00e1 s\u1ee9c kh\u1ecfe v\u00e0 c\u00e1ch x\u1eed l\u00fd\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"4 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B4-1.png\",\r\n desc: \"N\u01b0\u1edbc sinh ho\u1ea1t c\u00f3 m\u00f9i khai nh\u1eb9, lu\u1ed9c th\u1ecbt ch\u00edn nh\u01b0ng v\u1eabn c\u00f3 m\u00e0u h\u1ed3ng? R\u1ea5t c\u00f3 th\u1ec3 ngu\u1ed3n n\u01b0\u1edbc nh\u00e0 b\u1ea1n \u0111\u00e3 nhi\u1ec5m Amoni. T\u00ecm hi\u1ec3u ngay t\u00e1c h\u1ea1i v\u00e0 gi\u1ea3i ph\u00e1p x\u1eed l\u00fd tri\u1ec7t \u0111\u1ec3 t\u1eeb chuy\u00ean gia SWD.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/amoni-trong-nuoc-sinh-hoat\/\"\r\n },\r\n {\r\n id: 9,\r\n title: \"N\u01b0\u1edbc s\u1ea1ch v\u00e0 N\u01b0\u1edbc gi\u1eef kho\u00e1ng: Ti\u00eau chu\u1ea9n k\u00e9p cho ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t cao c\u1ea5p\",\r\n date: \"20\/06\/2026\",\r\n readTime: \"4 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B5-1.png\",\r\n desc: \"Kh\u00f4ng gian s\u1ed1ng \u0111\u1eb3ng c\u1ea5p \u0111\u00f2i h\u1ecfi ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t ph\u1ea3i \u0111\u1ea1t chu\u1ea9n kh\u1eaft khe. Kh\u00e1m ph\u00e1 gi\u1ea3i ph\u00e1p x\u1eed l\u00fd n\u01b0\u1edbc to\u00e0n di\u1ec7n t\u1eeb SWD, \u0111\u00e1p \u1ee9ng ti\u00eau chu\u1ea9n k\u00e9p v\u1ec1 \u0111\u1ed9 s\u1ea1ch v\u00e0 kho\u00e1ng ch\u1ea5t t\u1ef1 nhi\u00ean.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/tieu-chuan-kep-nuoc-sinh-hoat\/\"\r\n }\r\n ];\r\n\r\n \/\/ T\u1ef1 \u0111\u1ed9ng v\u1ebd 3 b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t l\u00ean Trang Ch\u1ee7 t\u1eeb m\u1ea3ng SWD_NEWS_DATA\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const container = document.getElementById('home-news-container');\r\n if (container && typeof SWD_NEWS_DATA !== 'undefined' && SWD_NEWS_DATA.length > 0) {\r\n container.innerHTML = \"\";\r\n \/\/ Ch\u1ec9 l\u1ea5y \u0111\u00fang 3 b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t \u1edf \u0111\u1ea7u m\u1ea3ng\r\n const topThreeNews = SWD_NEWS_DATA.slice(0, 3);\r\n \r\n topThreeNews.forEach(item => {\r\n container.innerHTML += `\r\n <article onclick=\"window.location.href='${item.url}'\" class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 group cursor-pointer hover:shadow-2xl transition-all duration-300 hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"h-56 overflow-hidden relative bg-gray-100\">\r\n <div class=\"absolute top-4 left-4 bg-blue-600 text-white text-[10px] font-bold px-3 py-1.5 rounded-full z-10 shadow-md uppercase tracking-widest\">${item.category}<\/div>\r\n <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.title}\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\">\r\n <\/div>\r\n <div class=\"p-6 flex-1 flex flex-col\">\r\n <div class=\"flex items-center gap-4 text-xs text-gray-500 mb-3\">\r\n <span><i class=\"fa-regular fa-calendar mr-1 text-swd-cyan\"><\/i> ${item.date}<\/span>\r\n <span><i class=\"fa-regular fa-clock mr-1 text-swd-cyan\"><\/i> ${item.readTime}<\/span>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-bold text-swd-blue mb-3 group-hover:text-swd-cyan transition-colors line-clamp-2 leading-snug\">${item.title}<\/h3>\r\n <p class=\"text-gray-600 text-sm line-clamp-3 mb-6\">${item.desc}<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"text-swd-cyan font-bold text-sm group-hover:underline flex items-center gap-1\">\u0110\u1ecdc ti\u1ebfp <i class=\"fa-solid fa-arrow-right text-[10px] mt-0.5\"><\/i><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n `;\r\n });\r\n }\r\n });\r\n\r\n \/\/ ==========================================\r\n \/\/ 6. X\u1eec L\u00dd FORM V\u00c0 G\u1eecI GOOGLE SHEET\r\n \/\/ ==========================================\r\n const GOOGLE_SHEET_WEBAPP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwNYs77f-dJASA07BSlkYiwKG8dwXaA81tyCXzLVu0cV8nUTVBQaSRonqVo8TqDvDkSDg\/exec';\r\n\r\n function validatePhone(phone) {\r\n const regex = \/^(0)(3|5|7|8|9)([0-9]{8})$\/;\r\n return regex.test(phone);\r\n }\r\n\r\n window.submitted = false;\r\n function validateAndSubmit(form) {\r\n const phoneInput = document.getElementById('ft-phone');\r\n const errorMsg = document.getElementById('ft-phone-error');\r\n const phoneVal = phoneInput.value.trim();\r\n\r\n if (!validatePhone(phoneVal)) {\r\n phoneInput.classList.add('input-error');\r\n if (errorMsg) errorMsg.classList.remove('hidden');\r\n phoneInput.focus();\r\n return false;\r\n }\r\n phoneInput.classList.remove('input-error');\r\n if (errorMsg) errorMsg.classList.add('hidden');\r\n\r\n const btn = document.getElementById('ft-submit-btn');\r\n if (btn) {\r\n btn.innerText = '\u0110ANG G\u1eecI...';\r\n btn.disabled = true;\r\n }\r\n window.submitted = true;\r\n return true;\r\n }\r\n\r\n function onFormSuccess() {\r\n alert('C\u1ea3m \u01a1n b\u1ea1n! Y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi th\u00e0nh c\u00f4ng.');\r\n const form = document.getElementById('footer-form');\r\n if (form) form.reset();\r\n const btn = document.getElementById('ft-submit-btn');\r\n if (btn) {\r\n btn.innerText = 'NH\u1eacN T\u01af V\u1ea4N NGAY';\r\n btn.disabled = false;\r\n }\r\n window.submitted = false;\r\n }\r\n \r\n function closeMenu() {\r\n const menu = document.getElementById('mobile-menu');\r\n const overlay = document.getElementById('mobile-overlay');\r\n if(menu && overlay) {\r\n menu.classList.remove('menu-open');\r\n overlay.classList.add('hidden');\r\n overlay.classList.remove('opacity-100');\r\n }\r\n }\r\n\r\n function toggleAccordion(id) {\r\n const el = document.getElementById(id);\r\n const icon = document.getElementById('icon-' + id);\r\n if(el) {\r\n if (el.style.maxHeight) {\r\n el.style.maxHeight = null;\r\n if(icon) icon.style.transform = 'rotate(0deg)';\r\n } else {\r\n el.style.maxHeight = el.scrollHeight + \"px\";\r\n if(icon) icon.style.transform = 'rotate(180deg)';\r\n }\r\n }\r\n }\r\n \r\n \/\/ B\u1ecf b\u00e1o l\u1ed7i khi nh\u1eadp l\u1ea1i\r\n if(document.getElementById('md-phone')) {\r\n document.getElementById('md-phone').addEventListener('input', function() {\r\n this.classList.remove('input-error');\r\n const err = document.getElementById('md-phone-error');\r\n if(err) err.classList.add('hidden');\r\n });\r\n }\r\n if(document.getElementById('ft-phone')) {\r\n document.getElementById('ft-phone').addEventListener('input', function() {\r\n this.classList.remove('input-error');\r\n const err = document.getElementById('ft-phone-error');\r\n if(err) err.classList.add('hidden');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>SWD – Purify Your Life | Ki\u1ebfn T\u1ea1o Chu\u1ea9n S\u1ed1ng Tinh Hoa SWD Purify Your Life V\u1ec1 Ch\u00fang T\u00f4i H\u1ec7 Sinh Th\u00e1i S\u1ea3n Ph\u1ea9m D\u00e0nh cho C\u0103n h\u1ed9 F3000A (Apartment) F3000AC (Apartment+Cond) F3000P (Premium) HOT F3000PC (Prem+Cond) F3000PS (Softener) Bi\u1ec7t th\u1ef1 & D\u1ef1 \u00e1n R1000E (Efficient) M1200E (Efficient) R500I (Imperial) M600I (Imperial) R1000I (Imperial) M1300I […]<\/p>\n","protected":false},"author":1,"featured_media":24,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":133,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":502,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media\/24"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}