Truy\u1ec1n Th\u00f4ng & S\u1ef1 Ki\u1ec7n - SWD Purify Your Life<\/title>\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 <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 '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 .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 }\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 .input-error { border-color: #ef4444 !important; background-color: #fef2f2 !important; color: #ef4444 !important; }\r\n \r\n \/* Style cho n\u00fat ph\u00e2n trang *\/\r\n .page-btn { @apply w-12 h-12 rounded-xl flex items-center justify-center font-bold text-sm transition-all border border-gray-200 shadow-sm; }\r\n .page-btn-active { @apply bg-gradient-to-r from-swd-cyan to-blue-600 text-white border-transparent shadow-md scale-105; }\r\n .page-btn-inactive { @apply bg-white text-gray-600 hover:border-swd-cyan hover:text-swd-cyan; }\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-[#082954]\/90 backdrop-blur-lg border-b border-white\/10 shadow-lg py-4\">\r\n <div class=\"container mx-auto px-4 md:px-8 flex justify-between items-center\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" 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\">SWD<\/h1>\r\n <span class=\"text-[9px] text-swd-cyan uppercase font-bold tracking-[0.2em] block\">Purify Your Life<\/span>\r\n <\/div>\r\n <\/a>\r\n\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=\"https:\/\/swd-locnuoc.vn\/#ve-thuong-hieu\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">V\u1ec1 Ch\u00fang T\u00f4i<\/a>\r\n <div class=\"relative group\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#san-pham\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors flex items-center gap-1 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 <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)<\/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 \/ 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)<\/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)<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#cong-nghe\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">C\u00f4ng Ngh\u1ec7 L\u00f5i<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#quy-trinh\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">Quy Tr\u00ecnh L\u1eafp \u0110\u1eb7t<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#khach-hang\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">Kh\u00e1ch H\u00e0ng<\/a>\r\n <a href=\"#\" class=\"text-swd-cyan font-bold text-sm tracking-wide transition-colors drop-shadow-md\">Tin T\u1ee9c<\/a>\r\n <\/nav>\r\n\r\n <div class=\"hidden lg:block\">\r\n <button onclick=\"openModal('\u0110\u0103ng K\u00fd T\u01b0 V\u1ea5n T\u1eeb Trang Tin T\u1ee9c')\" 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 <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 <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=\"https:\/\/swd-locnuoc.vn\/#ve-thuong-hieu\" onclick=\"closeMenu()\" 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)<\/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 \/ M1200E (Efficient)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r500i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">R500I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m600i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">M600I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">R1000I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">M1300I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000s\/\" onclick=\"closeMenu()\" class=\"block text-swd-gold font-bold\">R1000S (Signature)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300s\/\" onclick=\"closeMenu()\" class=\"block text-swd-gold font-bold\">M1300S (Signature)<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#cong-nghe\" onclick=\"closeMenu()\" 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=\"https:\/\/swd-locnuoc.vn\/#quy-trinh\" onclick=\"closeMenu()\" 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=\"https:\/\/swd-locnuoc.vn\/#khach-hang\" onclick=\"closeMenu()\" 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 <\/nav>\r\n <\/div>\r\n <div class=\"p-5 bg-white border-t border-gray-100 rounded-b-3xl\">\r\n <button onclick=\"openModal('T\u01b0 V\u1ea5n Nhanh Mobile Tin T\u1ee9c'); closeMenu();\" 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 <section class=\"relative pt-36 pb-16 bg-gradient-to-b from-[#082954] to-[#0d3b75] text-white overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-tech-grid opacity-20 pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 md:px-8 relative z-10 text-center\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-xs mb-2 block\">G\u00f3c Nh\u00ecn Chuy\u00ean Gia & B\u00e1o Ch\u00ed<\/span>\r\n <h1 class=\"font-display font-black text-3xl md:text-5xl mb-4\">T\u00e2m \u0110i\u1ec3m Truy\u1ec1n Th\u00f4ng<\/h1>\r\n \r\n <div class=\"text-xs text-gray-300 font-medium flex items-center justify-center gap-2 mt-4\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"hover:text-swd-cyan\"><i class=\"fa-solid fa-house\"><\/i> Trang ch\u1ee7<\/a> \r\n <i class=\"fa-solid fa-chevron-right text-[8px] opacity-50\"><\/i>\r\n <span class=\"text-swd-cyan font-bold\">Tin t\u1ee9c truy\u1ec1n th\u00f4ng<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 bg-swd-light\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n \r\n <div id=\"news-archive-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <\/div>\r\n\r\n <div id=\"pagination-container\" class=\"flex justify-center items-center gap-2 mt-16\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <footer 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 <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 <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\u1ebf<\/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=\"https:\/\/swd-locnuoc.vn\/#cong-nghe\" class=\"hover:text-swd-cyan transition-colors\">C\u00f4ng ngh\u1ec7 kh\u00f4ng mu\u1ed1i<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/#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 <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 <form id=\"footer-form\" class=\"space-y-4\">\r\n <input type=\"text\" id=\"ft-name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean \/ \u0110\u01a1n v\u1ecb thi c\u00f4ng\" class=\"w-full bg-[#082954] 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\" id=\"ft-phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7 *\" class=\"w-full bg-[#082954] 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 id=\"ft-type\" class=\"w-full bg-[#082954] 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\">\r\n <option value=\"\">-- L\u1ef1a ch\u1ecdn lo\u1ea1i c\u00f4ng tr\u00ecnh --<\/option>\r\n <option value=\"canho\">C\u0103n h\u1ed9 chung c\u01b0 \/ Penthouse<\/option>\r\n <option value=\"bietthu\">Bi\u1ec7t th\u1ef1 \/ L\u00e2u \u0111\u00e0i \/ Nh\u00e0 ph\u1ed1<\/option>\r\n <option value=\"duan\">B\u1ec7nh vi\u1ec7n \/ Kh\u00e1ch s\u1ea1n \/ Tr\u01b0\u1eddng h\u1ecdc \/ C\u00f4ng ty<\/option>\r\n <\/select>\r\n \r\n <button type=\"button\" onclick=\"submitToGoogleSheet('footer-form')\" 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 <div id=\"global-modal\" class=\"fixed inset-0 bg-black\/80 z-[100] hidden items-center justify-center backdrop-blur-md opacity-0 transition-opacity duration-300\">\r\n <div class=\"bg-white rounded-3xl w-full max-w-lg mx-4 overflow-hidden transform scale-95 transition-transform duration-300 shadow-2xl border border-gray-100\" id=\"modal-content\">\r\n <div class=\"bg-gradient-to-r from-swd-blue to-[#0d3b75] p-8 relative\">\r\n <button onclick=\"closeModal()\" class=\"absolute top-4 right-5 text-white\/50 hover:text-white text-2xl bg-white\/10 w-8 h-8 rounded-full flex items-center justify-center transition-colors\"><i class=\"fa-solid fa-times\"><\/i><\/button>\r\n <span class=\"text-[10px] text-swd-cyan font-bold tracking-widest uppercase block mb-2\">\u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n chuy\u00ean s\u00e2u<\/span>\r\n <h3 class=\"font-display text-white font-black text-2xl mb-1 leading-tight\" id=\"modal-title\">Y\u00eau C\u1ea7u Gi\u1ea3i Ph\u00e1p<\/h3>\r\n <p class=\"text-gray-300 text-sm mt-2\">Chuy\u00ean gia SWD s\u1ebd li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp sau 5 ph\u00fat.<\/p>\r\n <\/div>\r\n <div class=\"p-8\">\r\n <form id=\"modal-form\" class=\"space-y-5\">\r\n <input type=\"hidden\" id=\"modal-source\" value=\"\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-swd-blue uppercase mb-1.5 ml-1\">H\u1ecd v\u00e0 T\u00ean<\/label>\r\n <input type=\"text\" id=\"md-name\" class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:border-swd-cyan text-sm\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-swd-blue uppercase mb-1.5 ml-1\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"md-phone\" class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:border-swd-cyan text-sm\" required>\r\n <p id=\"md-phone-error\" class=\"text-red-500 text-xs mt-1 hidden ml-1\">Vui l\u00f2ng nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i h\u1ee3p l\u1ec7.<\/p>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-swd-blue uppercase mb-1.5 ml-1\">Y\u00eau c\u1ea7u c\u1ee5 th\u1ec3<\/label>\r\n <textarea id=\"md-note\" class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:border-swd-cyan h-24 text-sm\" placeholder=\"V\u00ed d\u1ee5: C\u1ea7n kh\u1ea3o s\u00e1t l\u1eafp \u0111\u1eb7t tr\u1ea1m l\u1ecdc cho bi\u1ec7t th\u1ef1...\"><\/textarea>\r\n <\/div>\r\n <button type=\"button\" onclick=\"submitToGoogleSheet('modal-form')\" class=\"w-full btn-cyan py-4 text-base tracking-widest mt-4 font-bold rounded-xl\" id=\"md-submit-btn\">G\u1eecI Y\u00caU C\u1ea6U NGAY<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\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\">\r\n <i class=\"fa-solid fa-comment-dots text-2xl\"><\/i>\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\">\r\n <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ 1. Mobile Menu & Accordion\r\n const menuBtn = document.getElementById('menu-btn');\r\n const closeMenuBtn = document.getElementById('close-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileOverlay = document.getElementById('mobile-overlay');\r\n\r\n function openMenu() { mobileMenu.classList.add('menu-open'); mobileOverlay.classList.remove('hidden'); setTimeout(() => mobileOverlay.classList.remove('opacity-0'), 10); }\r\n function closeMenu() { mobileMenu.classList.remove('menu-open'); mobileOverlay.classList.add('opacity-0'); setTimeout(() => mobileOverlay.classList.add('hidden'), 300); }\r\n menuBtn.addEventListener('click', openMenu);\r\n closeMenuBtn.addEventListener('click', closeMenu);\r\n mobileOverlay.addEventListener('click', closeMenu);\r\n\r\n function toggleAccordion(id) {\r\n const content = document.getElementById(id);\r\n const icon = document.getElementById(`icon-${id}`);\r\n if (content.style.maxHeight) { content.style.maxHeight = null; icon.style.transform = \"rotate(0deg)\"; } \r\n else { content.style.maxHeight = content.scrollHeight + \"px\"; icon.style.transform = \"rotate(180deg)\"; }\r\n }\r\n\r\n \/\/ 2. Global Modal Tool\r\n const modal = document.getElementById('global-modal');\r\n const modalContent = document.getElementById('modal-content');\r\n const modalTitle = document.getElementById('modal-title');\r\n const modalSource = document.getElementById('modal-source');\r\n\r\n function openModal(sourceTitle) {\r\n modalTitle.innerHTML = sourceTitle;\r\n modalSource.value = sourceTitle;\r\n modal.classList.remove('hidden');\r\n modal.style.display = 'flex';\r\n setTimeout(() => { modal.classList.remove('opacity-0'); modalContent.classList.remove('scale-95'); }, 10);\r\n }\r\n function closeModal() {\r\n modal.classList.add('opacity-0'); modalContent.classList.add('scale-95');\r\n setTimeout(() => { modal.classList.add('hidden'); modal.style.display = 'none'; }, 300);\r\n }\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n\r\n \/\/ 3. Logic Form\r\n function validatePhone(phone) { return \/^(0)(3|5|7|8|9)([0-9]{8})$\/.test(phone); }\r\n function submitToGoogleSheet(formId) {\r\n const btn = document.getElementById(formId === 'modal-form' ? 'md-submit-btn' : 'ft-submit-btn');\r\n const phoneInput = document.getElementById(formId === 'modal-form' ? 'md-phone' : 'ft-phone');\r\n const errorMsg = document.getElementById(formId === 'modal-form' ? 'md-phone-error' : 'ft-phone-error');\r\n \r\n if (!validatePhone(phoneInput.value.trim())) {\r\n phoneInput.classList.add('input-error'); errorMsg.classList.remove('hidden'); phoneInput.focus(); return false;\r\n }\r\n phoneInput.classList.remove('input-error'); errorMsg.classList.add('hidden');\r\n \r\n const originalText = btn.innerHTML;\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> \u0110ANG G\u1eecI...'; btn.disabled = true;\r\n setTimeout(() => {\r\n alert('Tuy\u1ec7t v\u1eddi! Y\u00eau c\u1ea7u t\u01b0 v\u1ea5n c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c ti\u1ebfp nh\u1eadn th\u00e0nh c\u00f4ng.');\r\n document.getElementById(formId).reset();\r\n if (formId === 'modal-form') closeModal();\r\n btn.innerHTML = originalText; btn.disabled = false;\r\n }, 800);\r\n }\r\n\r\n \/\/ =========================================================================\r\n \/\/ 4. KHO D\u1eee LI\u1ec6U B\u00c0I VI\u1ebeT T\u1eacP TRUNG (SWD_NEWS_DATA)\r\n \/\/ Khi vi\u1ebft b\u00e0i b\u00e1o m\u1edbi, b\u1ea1n ch\u1ec9 c\u1ea7n copy m\u1eabu {}, d\u00e1n l\u00ean \u0110\u1ea6U M\u1ea2NG n\u00e0y l\u00e0 xong.\r\n \/\/ =========================================================================\r\n const SWD_NEWS_DATA = [\r\n {\r\n id: 8,\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\",\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\/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: 7,\r\n title: \"Gi\u1ea3i m\u00e3 \u0111\u1ed9 b\u1ec1n b\u1ec9\",\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\/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\/\"\r\n },\r\n {\r\n id: 6,\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?\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"5 ph\u00fat \u0111\u1ecdc\",\r\n category: \"chuy\u00ean 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-sinh-hoat\/\"\r\n },\r\n {\r\n id: 5,\r\n title: \"N\u01b0\u1edbc s\u1ea1ch v\u00e0 N\u01b0\u1edbc gi\u1eef kho\u00e1ng\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"3 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\/nuoc-sach-va-nuoc-giu-khoang\/\"\r\n },\r\n {\r\n id: 4,\r\n title: \"Amoni trong n\u01b0\u1edbc sinh ho\u1ea1t\",\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: 3,\r\n title: \"H\u01a1n m\u1ed9t th\u1eadp k\u1ef7 ki\u1ebfn t\u1ea1o ngu\u1ed3n n\u01b0\u1edbc s\u1ea1ch: Cam k\u1ebft \u0111\u1ed3ng h\u00e0nh tr\u1ecdn \u0111\u1eddi t\u1eeb \u0111\u1ed9i ng\u0169 chuy\u00ean gia SWD\",\r\n date: \"12\/06\/2026\",\r\n readTime: \"4 ph\u00fat \u0111\u1ecdc\",\r\n category: \"TIN T\u1ee8C\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B6-1.png\",\r\n desc: \"H\u01a1n 10 n\u0103m ph\u00e1t tri\u1ec3n, SWD kh\u1eb3ng \u0111\u1ecbnh v\u1ecb th\u1ebf qua tri\u1ebft l\u00fd 'B\u00e1n ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc, kh\u00f4ng b\u00e1n m\u00e1y l\u1ecdc n\u01b0\u1edbc'. T\u00ecm hi\u1ec3u cam k\u1ebft \u0111\u1ed3ng h\u00e0nh v\u00e0 gi\u1ea3i ph\u00e1p n\u01b0\u1edbc s\u1ea1ch th\u00e2n thi\u1ec7n, tr\u00e1ch nhi\u1ec7m cho m\u1ecdi gia \u0111\u00ecnh.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/hanh-trinh-10-nam-swd\/\"\r\n },\r\n {\r\n id: 2,\r\n title: \"C\u00f4ng ngh\u1ec7 m\u00e0ng l\u1ecdc si\u00eau vi: R\u00e0o ch\u1eafn v\u1eefng ch\u1eafc lo\u1ea1i b\u1ecf 99,9% vi khu\u1ea9n v\u00e0 t\u1ea1p ch\u1ea5t k\u00edch th\u01b0\u1edbc nanomet\",\r\n date: \"12\/06\/2026\",\r\n readTime: \"3 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B7-1.png\",\r\n desc: \"Kh\u00e1m ph\u00e1 s\u1ee9c m\u1ea1nh c\u1ee7a c\u00f4ng ngh\u1ec7 m\u00e0ng l\u1ecdc si\u00eau vi trong h\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc hi\u1ec7n \u0111\u1ea1i. C\u01a1 ch\u1ebf ng\u0103n ch\u1eb7n 99,9% vi khu\u1ea9n v\u00e0 t\u1ea1p ch\u1ea5t k\u00edch th\u01b0\u1edbc nanomet, mang l\u1ea1i ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t an to\u00e0n tuy\u1ec7t \u0111\u1ed1i.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/cong-nghe-mang-loc-sieu-vi-rao-chan-vung-chac-loai-bo-999-vi-khuan-va-tap-chat-kich-thuoc-nanomet\/\"\r\n },\r\n {\r\n id: 1,\r\n title: \"Hi\u1ec3u \u0111\u00fang v\u1ec1 n\u01b0\u1edbc c\u1ee9ng:'Th\u1ee7 ph\u1ea1m' t\u00e0n ph\u00e1 thi\u1ebft b\u1ecb v\u1ec7 sinh cao c\u1ea5p h\u00e0ng tr\u0103m tri\u1ec7u \u0111\u1ed3ng\",\r\n date: \"12\/06\/2026\",\r\n readTime: \"3 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B8-1.png\",\r\n desc: \"N\u01b0\u1edbc c\u1ee9ng ch\u1ee9a l\u01b0\u1ee3ng l\u1edbn Canxi, Magie l\u00e0 nguy\u00ean nh\u00e2n tr\u1ef1c ti\u1ebfp l\u00e0m \u1ed1 v\u00e0ng, b\u00e1m c\u1eb7n thi\u1ebft b\u1ecb v\u1ec7 sinh nh\u1eadp kh\u1ea9u. T\u00ecm hi\u1ec3u c\u01a1 ch\u1ebf g\u00e2y h\u1ea1i v\u00e0 gi\u1ea3i ph\u00e1p l\u00e0m m\u1ec1m n\u01b0\u1edbc to\u00e0n di\u1ec7n t\u1eeb SWD.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/hieu-dung-ve-nuoc-cung-thu-pham-tan-pha-thiet-bi-ve-sinh-cao-cap-hang-tram-trieu-dong\/\"\r\n }\r\n ];\r\n\r\n \/\/ 5. LOGIC RENDER V\u00c0 PH\u00c2N TRANG D\u1ef0A TR\u00caN KHO D\u1eee LI\u1ec6U T\u0128NH\r\n let currentPage = 1;\r\n const itemsPerPage = 6; \/\/ \u0110\u1eb7t hi\u1ec3n th\u1ecb 6 b\u00e0i vi\u1ebft tr\u00ean m\u1ed9t trang b\u00e0i vi\u1ebft\r\n\r\n function displayNews(page) {\r\n const grid = document.getElementById('news-archive-grid');\r\n grid.innerHTML = \"\"; \/\/ X\u00f3a c\u00e1c b\u00e0i vi\u1ebft c\u0169 c\u1ee7a trang tr\u01b0\u1edbc\r\n\r\n \/\/ T\u00ednh to\u00e1n kho\u1ea3ng c\u1eaft m\u1ea3ng d\u1eef li\u1ec7u\r\n const start = (page - 1) * itemsPerPage;\r\n const end = start + itemsPerPage;\r\n const paginatedItems = SWD_NEWS_DATA.slice(start, end);\r\n\r\n \/\/ Ti\u1ebfn h\u00e0nh d\u1ef1ng kh\u1ed1i HTML cho t\u1eebng b\u00e0i vi\u1ebft\r\n paginatedItems.forEach(item => {\r\n const card = document.createElement('article');\r\n card.className = \"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 group cursor-pointer hover:shadow-2xl transition-all duration-300 flex flex-col h-full\";\r\n card.onclick = () => { window.location.href = item.url; };\r\n \r\n card.innerHTML = `\r\n <div class=\"h-56 overflow-hidden relative flex-shrink-0 bg-gray-100\">\r\n <div class=\"absolute top-4 left-4 bg-swd-cyan text-white text-xs font-bold px-3 py-1 rounded-full z-10 shadow-md\">${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 flex-col flex-1\">\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\"><\/i> ${item.date}<\/span>\r\n <span><i class=\"fa-regular fa-clock mr-1\"><\/i> ${item.readTime}<\/span>\r\n <\/div>\r\n <h3 class=\"font-display text-lg 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-4 flex-1\">${item.desc}<\/p>\r\n <span class=\"text-swd-cyan font-bold text-sm group-hover:underline inline-flex items-center gap-1 mt-auto\">\u0110\u1ecdc ti\u1ebfp <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/span>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n\r\n \/\/ Sau khi render b\u00e0i vi\u1ebft, ti\u1ebfn h\u00e0nh render c\u00e1c n\u00fat b\u1ea5m ph\u00e2n trang d\u01b0\u1edbi \u0111\u00e1y\r\n setupPagination();\r\n }\r\n\r\n function setupPagination() {\r\n const container = document.getElementById('pagination-container');\r\n container.innerHTML = \"\"; \/\/ X\u00f3a c\u00e1c n\u00fat ph\u00e2n trang c\u0169\r\n\r\n const pageCount = Math.ceil(SWD_NEWS_DATA.length \/ itemsPerPage);\r\n \r\n \/\/ N\u1ebfu t\u1ed5ng s\u1ed1 b\u00e0i vi\u1ebft kh\u00f4ng \u0111\u1ee7 \u0111\u1ec3 chia l\u00e0m 2 trang th\u00ec kh\u00f4ng hi\u1ec7n c\u1ee5m n\u00fat b\u1ea5m\r\n if (pageCount <= 1) return;\r\n\r\n for (let i = 1; i <= pageCount; i++) {\r\n const btn = document.createElement('button');\r\n btn.innerText = i;\r\n btn.className = `page-btn ${i === currentPage ? 'page-btn-active' : 'page-btn-inactive'}`;\r\n btn.onclick = () => {\r\n currentPage = i;\r\n displayNews(currentPage);\r\n \/\/ T\u1ef1 \u0111\u1ed9ng cu\u1ed9n m\u01b0\u1ee3t m\u00e0 l\u00ean tr\u00ean \u0111\u1ea7u v\u00f9ng tin t\u1ee9c khi \u0111\u1ed5i trang\r\n document.getElementById('news-archive-grid').scrollIntoView({ behavior: 'smooth' });\r\n };\r\n container.appendChild(btn);\r\n }\r\n }\r\n\r\n \/\/ Ch\u1ea1y h\u00e0m k\u00edch ho\u1ea1t h\u1ec7 th\u1ed1ng ngay khi load trang\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n displayNews(currentPage);\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>Truy\u1ec1n Th\u00f4ng & S\u1ef1 Ki\u1ec7n – SWD Purify Your Life 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) F3000PC (Prem+Cond) F3000PS (Softener) Bi\u1ec7t th\u1ef1 & D\u1ef1 \u00e1n R1000E \/ M1200E (Efficient) R500I (Imperial) M600I (Imperial) R1000I (Imperial) M1300I (Imperial) R1000S (Signature) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/209","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=209"}],"version-history":[{"count":31,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions\/341"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Truy\u1ec1n Th\u00f4ng & S\u1ef1 Ki\u1ec7n - SWD Purify Your Life<\/title>\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 <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 '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 .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 }\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 .input-error { border-color: #ef4444 !important; background-color: #fef2f2 !important; color: #ef4444 !important; }\r\n \r\n \/* Style cho n\u00fat ph\u00e2n trang *\/\r\n .page-btn { @apply w-12 h-12 rounded-xl flex items-center justify-center font-bold text-sm transition-all border border-gray-200 shadow-sm; }\r\n .page-btn-active { @apply bg-gradient-to-r from-swd-cyan to-blue-600 text-white border-transparent shadow-md scale-105; }\r\n .page-btn-inactive { @apply bg-white text-gray-600 hover:border-swd-cyan hover:text-swd-cyan; }\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-[#082954]\/90 backdrop-blur-lg border-b border-white\/10 shadow-lg py-4\">\r\n <div class=\"container mx-auto px-4 md:px-8 flex justify-between items-center\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" 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\">SWD<\/h1>\r\n <span class=\"text-[9px] text-swd-cyan uppercase font-bold tracking-[0.2em] block\">Purify Your Life<\/span>\r\n <\/div>\r\n <\/a>\r\n\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=\"https:\/\/swd-locnuoc.vn\/#ve-thuong-hieu\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">V\u1ec1 Ch\u00fang T\u00f4i<\/a>\r\n <div class=\"relative group\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#san-pham\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors flex items-center gap-1 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 <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)<\/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 \/ 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)<\/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)<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#cong-nghe\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">C\u00f4ng Ngh\u1ec7 L\u00f5i<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#quy-trinh\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">Quy Tr\u00ecnh L\u1eafp \u0110\u1eb7t<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#khach-hang\" class=\"text-white hover:text-swd-cyan font-semibold text-sm tracking-wide transition-colors drop-shadow-md\">Kh\u00e1ch H\u00e0ng<\/a>\r\n <a href=\"#\" class=\"text-swd-cyan font-bold text-sm tracking-wide transition-colors drop-shadow-md\">Tin T\u1ee9c<\/a>\r\n <\/nav>\r\n\r\n <div class=\"hidden lg:block\">\r\n <button onclick=\"openModal('\u0110\u0103ng K\u00fd T\u01b0 V\u1ea5n T\u1eeb Trang Tin T\u1ee9c')\" 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 <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 <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=\"https:\/\/swd-locnuoc.vn\/#ve-thuong-hieu\" onclick=\"closeMenu()\" 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)<\/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 \/ M1200E (Efficient)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r500i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">R500I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m600i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">M600I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">R1000I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300i\/\" onclick=\"closeMenu()\" class=\"block text-gray-600\">M1300I (Imperial)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/r1000s\/\" onclick=\"closeMenu()\" class=\"block text-swd-gold font-bold\">R1000S (Signature)<\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/index.php\/m1300s\/\" onclick=\"closeMenu()\" class=\"block text-swd-gold font-bold\">M1300S (Signature)<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#cong-nghe\" onclick=\"closeMenu()\" 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=\"https:\/\/swd-locnuoc.vn\/#quy-trinh\" onclick=\"closeMenu()\" 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=\"https:\/\/swd-locnuoc.vn\/#khach-hang\" onclick=\"closeMenu()\" 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 <\/nav>\r\n <\/div>\r\n <div class=\"p-5 bg-white border-t border-gray-100 rounded-b-3xl\">\r\n <button onclick=\"openModal('T\u01b0 V\u1ea5n Nhanh Mobile Tin T\u1ee9c'); closeMenu();\" 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 <section class=\"relative pt-36 pb-16 bg-gradient-to-b from-[#082954] to-[#0d3b75] text-white overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-tech-grid opacity-20 pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 md:px-8 relative z-10 text-center\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-xs mb-2 block\">G\u00f3c Nh\u00ecn Chuy\u00ean Gia & B\u00e1o Ch\u00ed<\/span>\r\n <h1 class=\"font-display font-black text-3xl md:text-5xl mb-4\">T\u00e2m \u0110i\u1ec3m Truy\u1ec1n Th\u00f4ng<\/h1>\r\n \r\n <div class=\"text-xs text-gray-300 font-medium flex items-center justify-center gap-2 mt-4\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"hover:text-swd-cyan\"><i class=\"fa-solid fa-house\"><\/i> Trang ch\u1ee7<\/a> \r\n <i class=\"fa-solid fa-chevron-right text-[8px] opacity-50\"><\/i>\r\n <span class=\"text-swd-cyan font-bold\">Tin t\u1ee9c truy\u1ec1n th\u00f4ng<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 bg-swd-light\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n \r\n <div id=\"news-archive-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <\/div>\r\n\r\n <div id=\"pagination-container\" class=\"flex justify-center items-center gap-2 mt-16\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <footer 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 <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 <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\u1ebf<\/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=\"https:\/\/swd-locnuoc.vn\/#cong-nghe\" class=\"hover:text-swd-cyan transition-colors\">C\u00f4ng ngh\u1ec7 kh\u00f4ng mu\u1ed1i<\/a><\/li>\r\n <li><a href=\"https:\/\/swd-locnuoc.vn\/#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 <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 <form id=\"footer-form\" class=\"space-y-4\">\r\n <input type=\"text\" id=\"ft-name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean \/ \u0110\u01a1n v\u1ecb thi c\u00f4ng\" class=\"w-full bg-[#082954] 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\" id=\"ft-phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7 *\" class=\"w-full bg-[#082954] 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 id=\"ft-type\" class=\"w-full bg-[#082954] 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\">\r\n <option value=\"\">-- L\u1ef1a ch\u1ecdn lo\u1ea1i c\u00f4ng tr\u00ecnh --<\/option>\r\n <option value=\"canho\">C\u0103n h\u1ed9 chung c\u01b0 \/ Penthouse<\/option>\r\n <option value=\"bietthu\">Bi\u1ec7t th\u1ef1 \/ L\u00e2u \u0111\u00e0i \/ Nh\u00e0 ph\u1ed1<\/option>\r\n <option value=\"duan\">B\u1ec7nh vi\u1ec7n \/ Kh\u00e1ch s\u1ea1n \/ Tr\u01b0\u1eddng h\u1ecdc \/ C\u00f4ng ty<\/option>\r\n <\/select>\r\n \r\n <button type=\"button\" onclick=\"submitToGoogleSheet('footer-form')\" 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 <div id=\"global-modal\" class=\"fixed inset-0 bg-black\/80 z-[100] hidden items-center justify-center backdrop-blur-md opacity-0 transition-opacity duration-300\">\r\n <div class=\"bg-white rounded-3xl w-full max-w-lg mx-4 overflow-hidden transform scale-95 transition-transform duration-300 shadow-2xl border border-gray-100\" id=\"modal-content\">\r\n <div class=\"bg-gradient-to-r from-swd-blue to-[#0d3b75] p-8 relative\">\r\n <button onclick=\"closeModal()\" class=\"absolute top-4 right-5 text-white\/50 hover:text-white text-2xl bg-white\/10 w-8 h-8 rounded-full flex items-center justify-center transition-colors\"><i class=\"fa-solid fa-times\"><\/i><\/button>\r\n <span class=\"text-[10px] text-swd-cyan font-bold tracking-widest uppercase block mb-2\">\u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n chuy\u00ean s\u00e2u<\/span>\r\n <h3 class=\"font-display text-white font-black text-2xl mb-1 leading-tight\" id=\"modal-title\">Y\u00eau C\u1ea7u Gi\u1ea3i Ph\u00e1p<\/h3>\r\n <p class=\"text-gray-300 text-sm mt-2\">Chuy\u00ean gia SWD s\u1ebd li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp sau 5 ph\u00fat.<\/p>\r\n <\/div>\r\n <div class=\"p-8\">\r\n <form id=\"modal-form\" class=\"space-y-5\">\r\n <input type=\"hidden\" id=\"modal-source\" value=\"\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-swd-blue uppercase mb-1.5 ml-1\">H\u1ecd v\u00e0 T\u00ean<\/label>\r\n <input type=\"text\" id=\"md-name\" class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:border-swd-cyan text-sm\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-swd-blue uppercase mb-1.5 ml-1\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"md-phone\" class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:border-swd-cyan text-sm\" required>\r\n <p id=\"md-phone-error\" class=\"text-red-500 text-xs mt-1 hidden ml-1\">Vui l\u00f2ng nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i h\u1ee3p l\u1ec7.<\/p>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-swd-blue uppercase mb-1.5 ml-1\">Y\u00eau c\u1ea7u c\u1ee5 th\u1ec3<\/label>\r\n <textarea id=\"md-note\" class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:border-swd-cyan h-24 text-sm\" placeholder=\"V\u00ed d\u1ee5: C\u1ea7n kh\u1ea3o s\u00e1t l\u1eafp \u0111\u1eb7t tr\u1ea1m l\u1ecdc cho bi\u1ec7t th\u1ef1...\"><\/textarea>\r\n <\/div>\r\n <button type=\"button\" onclick=\"submitToGoogleSheet('modal-form')\" class=\"w-full btn-cyan py-4 text-base tracking-widest mt-4 font-bold rounded-xl\" id=\"md-submit-btn\">G\u1eecI Y\u00caU C\u1ea6U NGAY<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\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\">\r\n <i class=\"fa-solid fa-comment-dots text-2xl\"><\/i>\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\">\r\n <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ 1. Mobile Menu & Accordion\r\n const menuBtn = document.getElementById('menu-btn');\r\n const closeMenuBtn = document.getElementById('close-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileOverlay = document.getElementById('mobile-overlay');\r\n\r\n function openMenu() { mobileMenu.classList.add('menu-open'); mobileOverlay.classList.remove('hidden'); setTimeout(() => mobileOverlay.classList.remove('opacity-0'), 10); }\r\n function closeMenu() { mobileMenu.classList.remove('menu-open'); mobileOverlay.classList.add('opacity-0'); setTimeout(() => mobileOverlay.classList.add('hidden'), 300); }\r\n menuBtn.addEventListener('click', openMenu);\r\n closeMenuBtn.addEventListener('click', closeMenu);\r\n mobileOverlay.addEventListener('click', closeMenu);\r\n\r\n function toggleAccordion(id) {\r\n const content = document.getElementById(id);\r\n const icon = document.getElementById(`icon-${id}`);\r\n if (content.style.maxHeight) { content.style.maxHeight = null; icon.style.transform = \"rotate(0deg)\"; } \r\n else { content.style.maxHeight = content.scrollHeight + \"px\"; icon.style.transform = \"rotate(180deg)\"; }\r\n }\r\n\r\n \/\/ 2. Global Modal Tool\r\n const modal = document.getElementById('global-modal');\r\n const modalContent = document.getElementById('modal-content');\r\n const modalTitle = document.getElementById('modal-title');\r\n const modalSource = document.getElementById('modal-source');\r\n\r\n function openModal(sourceTitle) {\r\n modalTitle.innerHTML = sourceTitle;\r\n modalSource.value = sourceTitle;\r\n modal.classList.remove('hidden');\r\n modal.style.display = 'flex';\r\n setTimeout(() => { modal.classList.remove('opacity-0'); modalContent.classList.remove('scale-95'); }, 10);\r\n }\r\n function closeModal() {\r\n modal.classList.add('opacity-0'); modalContent.classList.add('scale-95');\r\n setTimeout(() => { modal.classList.add('hidden'); modal.style.display = 'none'; }, 300);\r\n }\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n\r\n \/\/ 3. Logic Form\r\n function validatePhone(phone) { return \/^(0)(3|5|7|8|9)([0-9]{8})$\/.test(phone); }\r\n function submitToGoogleSheet(formId) {\r\n const btn = document.getElementById(formId === 'modal-form' ? 'md-submit-btn' : 'ft-submit-btn');\r\n const phoneInput = document.getElementById(formId === 'modal-form' ? 'md-phone' : 'ft-phone');\r\n const errorMsg = document.getElementById(formId === 'modal-form' ? 'md-phone-error' : 'ft-phone-error');\r\n \r\n if (!validatePhone(phoneInput.value.trim())) {\r\n phoneInput.classList.add('input-error'); errorMsg.classList.remove('hidden'); phoneInput.focus(); return false;\r\n }\r\n phoneInput.classList.remove('input-error'); errorMsg.classList.add('hidden');\r\n \r\n const originalText = btn.innerHTML;\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> \u0110ANG G\u1eecI...'; btn.disabled = true;\r\n setTimeout(() => {\r\n alert('Tuy\u1ec7t v\u1eddi! Y\u00eau c\u1ea7u t\u01b0 v\u1ea5n c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c ti\u1ebfp nh\u1eadn th\u00e0nh c\u00f4ng.');\r\n document.getElementById(formId).reset();\r\n if (formId === 'modal-form') closeModal();\r\n btn.innerHTML = originalText; btn.disabled = false;\r\n }, 800);\r\n }\r\n\r\n \/\/ =========================================================================\r\n \/\/ 4. KHO D\u1eee LI\u1ec6U B\u00c0I VI\u1ebeT T\u1eacP TRUNG (SWD_NEWS_DATA)\r\n \/\/ Khi vi\u1ebft b\u00e0i b\u00e1o m\u1edbi, b\u1ea1n ch\u1ec9 c\u1ea7n copy m\u1eabu {}, d\u00e1n l\u00ean \u0110\u1ea6U M\u1ea2NG n\u00e0y l\u00e0 xong.\r\n \/\/ =========================================================================\r\n const SWD_NEWS_DATA = [\r\n {\r\n id: 8,\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\",\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\/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: 7,\r\n title: \"Gi\u1ea3i m\u00e3 \u0111\u1ed9 b\u1ec1n b\u1ec9\",\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\/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\/\"\r\n },\r\n {\r\n id: 6,\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?\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"5 ph\u00fat \u0111\u1ecdc\",\r\n category: \"chuy\u00ean 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-sinh-hoat\/\"\r\n },\r\n {\r\n id: 5,\r\n title: \"N\u01b0\u1edbc s\u1ea1ch v\u00e0 N\u01b0\u1edbc gi\u1eef kho\u00e1ng\",\r\n date: \"16\/06\/2026\",\r\n readTime: \"3 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\/nuoc-sach-va-nuoc-giu-khoang\/\"\r\n },\r\n {\r\n id: 4,\r\n title: \"Amoni trong n\u01b0\u1edbc sinh ho\u1ea1t\",\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: 3,\r\n title: \"H\u01a1n m\u1ed9t th\u1eadp k\u1ef7 ki\u1ebfn t\u1ea1o ngu\u1ed3n n\u01b0\u1edbc s\u1ea1ch: Cam k\u1ebft \u0111\u1ed3ng h\u00e0nh tr\u1ecdn \u0111\u1eddi t\u1eeb \u0111\u1ed9i ng\u0169 chuy\u00ean gia SWD\",\r\n date: \"12\/06\/2026\",\r\n readTime: \"4 ph\u00fat \u0111\u1ecdc\",\r\n category: \"TIN T\u1ee8C\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B6-1.png\",\r\n desc: \"H\u01a1n 10 n\u0103m ph\u00e1t tri\u1ec3n, SWD kh\u1eb3ng \u0111\u1ecbnh v\u1ecb th\u1ebf qua tri\u1ebft l\u00fd 'B\u00e1n ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc, kh\u00f4ng b\u00e1n m\u00e1y l\u1ecdc n\u01b0\u1edbc'. T\u00ecm hi\u1ec3u cam k\u1ebft \u0111\u1ed3ng h\u00e0nh v\u00e0 gi\u1ea3i ph\u00e1p n\u01b0\u1edbc s\u1ea1ch th\u00e2n thi\u1ec7n, tr\u00e1ch nhi\u1ec7m cho m\u1ecdi gia \u0111\u00ecnh.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/hanh-trinh-10-nam-swd\/\"\r\n },\r\n {\r\n id: 2,\r\n title: \"C\u00f4ng ngh\u1ec7 m\u00e0ng l\u1ecdc si\u00eau vi: R\u00e0o ch\u1eafn v\u1eefng ch\u1eafc lo\u1ea1i b\u1ecf 99,9% vi khu\u1ea9n v\u00e0 t\u1ea1p ch\u1ea5t k\u00edch th\u01b0\u1edbc nanomet\",\r\n date: \"12\/06\/2026\",\r\n readTime: \"3 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B7-1.png\",\r\n desc: \"Kh\u00e1m ph\u00e1 s\u1ee9c m\u1ea1nh c\u1ee7a c\u00f4ng ngh\u1ec7 m\u00e0ng l\u1ecdc si\u00eau vi trong h\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc hi\u1ec7n \u0111\u1ea1i. C\u01a1 ch\u1ebf ng\u0103n ch\u1eb7n 99,9% vi khu\u1ea9n v\u00e0 t\u1ea1p ch\u1ea5t k\u00edch th\u01b0\u1edbc nanomet, mang l\u1ea1i ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t an to\u00e0n tuy\u1ec7t \u0111\u1ed1i.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/cong-nghe-mang-loc-sieu-vi-rao-chan-vung-chac-loai-bo-999-vi-khuan-va-tap-chat-kich-thuoc-nanomet\/\"\r\n },\r\n {\r\n id: 1,\r\n title: \"Hi\u1ec3u \u0111\u00fang v\u1ec1 n\u01b0\u1edbc c\u1ee9ng:'Th\u1ee7 ph\u1ea1m' t\u00e0n ph\u00e1 thi\u1ebft b\u1ecb v\u1ec7 sinh cao c\u1ea5p h\u00e0ng tr\u0103m tri\u1ec7u \u0111\u1ed3ng\",\r\n date: \"12\/06\/2026\",\r\n readTime: \"3 ph\u00fat \u0111\u1ecdc\",\r\n category: \"CHUY\u00caN GIA\",\r\n image: \"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/B8-1.png\",\r\n desc: \"N\u01b0\u1edbc c\u1ee9ng ch\u1ee9a l\u01b0\u1ee3ng l\u1edbn Canxi, Magie l\u00e0 nguy\u00ean nh\u00e2n tr\u1ef1c ti\u1ebfp l\u00e0m \u1ed1 v\u00e0ng, b\u00e1m c\u1eb7n thi\u1ebft b\u1ecb v\u1ec7 sinh nh\u1eadp kh\u1ea9u. T\u00ecm hi\u1ec3u c\u01a1 ch\u1ebf g\u00e2y h\u1ea1i v\u00e0 gi\u1ea3i ph\u00e1p l\u00e0m m\u1ec1m n\u01b0\u1edbc to\u00e0n di\u1ec7n t\u1eeb SWD.\",\r\n url: \"https:\/\/swd-locnuoc.vn\/index.php\/hieu-dung-ve-nuoc-cung-thu-pham-tan-pha-thiet-bi-ve-sinh-cao-cap-hang-tram-trieu-dong\/\"\r\n }\r\n ];\r\n\r\n \/\/ 5. LOGIC RENDER V\u00c0 PH\u00c2N TRANG D\u1ef0A TR\u00caN KHO D\u1eee LI\u1ec6U T\u0128NH\r\n let currentPage = 1;\r\n const itemsPerPage = 6; \/\/ \u0110\u1eb7t hi\u1ec3n th\u1ecb 6 b\u00e0i vi\u1ebft tr\u00ean m\u1ed9t trang b\u00e0i vi\u1ebft\r\n\r\n function displayNews(page) {\r\n const grid = document.getElementById('news-archive-grid');\r\n grid.innerHTML = \"\"; \/\/ X\u00f3a c\u00e1c b\u00e0i vi\u1ebft c\u0169 c\u1ee7a trang tr\u01b0\u1edbc\r\n\r\n \/\/ T\u00ednh to\u00e1n kho\u1ea3ng c\u1eaft m\u1ea3ng d\u1eef li\u1ec7u\r\n const start = (page - 1) * itemsPerPage;\r\n const end = start + itemsPerPage;\r\n const paginatedItems = SWD_NEWS_DATA.slice(start, end);\r\n\r\n \/\/ Ti\u1ebfn h\u00e0nh d\u1ef1ng kh\u1ed1i HTML cho t\u1eebng b\u00e0i vi\u1ebft\r\n paginatedItems.forEach(item => {\r\n const card = document.createElement('article');\r\n card.className = \"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 group cursor-pointer hover:shadow-2xl transition-all duration-300 flex flex-col h-full\";\r\n card.onclick = () => { window.location.href = item.url; };\r\n \r\n card.innerHTML = `\r\n <div class=\"h-56 overflow-hidden relative flex-shrink-0 bg-gray-100\">\r\n <div class=\"absolute top-4 left-4 bg-swd-cyan text-white text-xs font-bold px-3 py-1 rounded-full z-10 shadow-md\">${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 flex-col flex-1\">\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\"><\/i> ${item.date}<\/span>\r\n <span><i class=\"fa-regular fa-clock mr-1\"><\/i> ${item.readTime}<\/span>\r\n <\/div>\r\n <h3 class=\"font-display text-lg 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-4 flex-1\">${item.desc}<\/p>\r\n <span class=\"text-swd-cyan font-bold text-sm group-hover:underline inline-flex items-center gap-1 mt-auto\">\u0110\u1ecdc ti\u1ebfp <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/span>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n\r\n \/\/ Sau khi render b\u00e0i vi\u1ebft, ti\u1ebfn h\u00e0nh render c\u00e1c n\u00fat b\u1ea5m ph\u00e2n trang d\u01b0\u1edbi \u0111\u00e1y\r\n setupPagination();\r\n }\r\n\r\n function setupPagination() {\r\n const container = document.getElementById('pagination-container');\r\n container.innerHTML = \"\"; \/\/ X\u00f3a c\u00e1c n\u00fat ph\u00e2n trang c\u0169\r\n\r\n const pageCount = Math.ceil(SWD_NEWS_DATA.length \/ itemsPerPage);\r\n \r\n \/\/ N\u1ebfu t\u1ed5ng s\u1ed1 b\u00e0i vi\u1ebft kh\u00f4ng \u0111\u1ee7 \u0111\u1ec3 chia l\u00e0m 2 trang th\u00ec kh\u00f4ng hi\u1ec7n c\u1ee5m n\u00fat b\u1ea5m\r\n if (pageCount <= 1) return;\r\n\r\n for (let i = 1; i <= pageCount; i++) {\r\n const btn = document.createElement('button');\r\n btn.innerText = i;\r\n btn.className = `page-btn ${i === currentPage ? 'page-btn-active' : 'page-btn-inactive'}`;\r\n btn.onclick = () => {\r\n currentPage = i;\r\n displayNews(currentPage);\r\n \/\/ T\u1ef1 \u0111\u1ed9ng cu\u1ed9n m\u01b0\u1ee3t m\u00e0 l\u00ean tr\u00ean \u0111\u1ea7u v\u00f9ng tin t\u1ee9c khi \u0111\u1ed5i trang\r\n document.getElementById('news-archive-grid').scrollIntoView({ behavior: 'smooth' });\r\n };\r\n container.appendChild(btn);\r\n }\r\n }\r\n\r\n \/\/ Ch\u1ea1y h\u00e0m k\u00edch ho\u1ea1t h\u1ec7 th\u1ed1ng ngay khi load trang\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n displayNews(currentPage);\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>Truy\u1ec1n Th\u00f4ng & S\u1ef1 Ki\u1ec7n – SWD Purify Your Life 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) F3000PC (Prem+Cond) F3000PS (Softener) Bi\u1ec7t th\u1ef1 & D\u1ef1 \u00e1n R1000E \/ M1200E (Efficient) R500I (Imperial) M600I (Imperial) R1000I (Imperial) M1300I (Imperial) R1000S (Signature) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/209","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=209"}],"version-history":[{"count":31,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions\/341"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}