{"id":43,"date":"2025-11-01T19:13:38","date_gmt":"2025-11-01T19:13:38","guid":{"rendered":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/?page_id=43"},"modified":"2025-12-11T08:32:18","modified_gmt":"2025-12-11T08:32:18","slug":"home","status":"publish","type":"page","link":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99e3b27 e-con-full e-flex e-con e-parent\" data-id=\"99e3b27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-134b6a5 elementor-widget elementor-widget-html\" data-id=\"134b6a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 AHAM | Anti-Dust Mite Service<\/title>\r\n    <meta name=\"description\" content=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e14\u0e49\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 Hydro Air Cleaner \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35 \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e1c\u0e25 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e13\u0e11\u0e25\">\r\n    \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=Kanit:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\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.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Sarabun', 'sans-serif'],\r\n                        heading: ['Kanit', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            50: '#f0f9ff',\r\n                            500: '#0ea5e9',\r\n                            600: '#0284c7',\r\n                            900: '#0c4a6e',\r\n                        },\r\n                        accent: {\r\n                            DEFAULT: '#0d9488',\r\n                            hover: '#0f766e',\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* SEO Link Effect *\/\r\n        .power-seo-link {\r\n            position: relative;\r\n            font-weight: 700;\r\n            color: #0369a1;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n            z-index: 10;\r\n            cursor: pointer;\r\n            padding: 0 4px;\r\n        }\r\n\r\n        .power-seo-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 30%;\r\n            background: linear-gradient(90deg, #2dd4bf 0%, #0ea5e9 100%);\r\n            opacity: 0.3;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            z-index: -1;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .power-seo-link:hover {\r\n            color: #0c4a6e;\r\n            text-shadow: 0 0 15px rgba(14, 165, 233, 0.4);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .power-seo-link:hover::after {\r\n            height: 100%;\r\n            opacity: 0.25;\r\n            transform: scale(1.05);\r\n            box-shadow: 0 0 20px rgba(45, 212, 191, 0.3);\r\n        }\r\n\r\n        .power-seo-link::before {\r\n            content: '\\f08e';\r\n            font-family: 'Font Awesome 6 Free';\r\n            font-weight: 900;\r\n            font-size: 0.7em;\r\n            position: absolute;\r\n            top: -8px;\r\n            right: -12px;\r\n            opacity: 0;\r\n            transform: translate(-5px, 5px);\r\n            transition: all 0.3s ease;\r\n            color: #0d9488;\r\n        }\r\n\r\n        .power-seo-link:hover::before {\r\n            opacity: 1;\r\n            transform: translate(0, 0);\r\n        }\r\n\r\n        \/* Glassmorphism Card *\/\r\n        .glass-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        \/* Hero Pattern *\/\r\n        .hero-pattern {\r\n            background-color: #0c4a6e;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230ea5e9' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n        }\r\n    <\/style>\r\n\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n       \"@context\": \"https:\/\/schema.org\",\r\n       \"@graph\": [\r\n         {\r\n           \"@type\": \"LocalBusiness\",\r\n           \"@id\": \"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/#organization\",\r\n           \"name\": \"\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19 Pro Clean\",\r\n           \"description\": \"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e14\u0e49\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\",\r\n           \"url\": \"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/\",\r\n           \"telephone\": \"+66-XX-XXX-XXXX\",\r\n           \"address\": {\r\n             \"@type\": \"PostalAddress\",\r\n             \"addressLocality\": \"\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23\",\r\n             \"addressCountry\": \"TH\"\r\n           }\r\n         }\r\n       ]\r\n    }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-600 font-sans antialiased\">\r\n\r\n    <nav class=\"fixed w-full z-50 top-0 start-0 bg-white\/90 backdrop-blur-md border-b border-slate-200 shadow-sm\">\r\n        <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-between px-4 py-3\">\r\n            <a href=\"#\" class=\"flex items-center space-x-2 rtl:space-x-reverse\">\r\n                <div class=\"bg-sky-600 text-white w-10 h-10 flex items-center justify-center rounded-lg shadow-lg\">\r\n                    <i class=\"fa-solid fa-shield-virus text-xl\"><\/i>\r\n                <\/div>\r\n                <span class=\"self-center text-2xl font-heading font-bold whitespace-nowrap text-slate-800\">Pro<span class=\"text-sky-500\">Clean<\/span><\/span>\r\n            <\/a>\r\n            <div class=\"flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse\">\r\n                <a href=\"#contact\" class=\"text-white bg-gradient-to-r from-sky-600 to-sky-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-sky-200 font-medium rounded-full text-sm px-6 py-2.5 text-center shadow-md transition-all transform hover:scale-105\">\r\n                    <i class=\"fa-brands fa-line mr-1\"><\/i> \u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"items-center justify-between hidden w-full md:flex md:w-auto md:order-1\">\r\n                <ul class=\"flex flex-col p-4 md:p-0 mt-4 font-medium border border-slate-100 rounded-lg bg-slate-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white\/0\">\r\n                    <li><a href=\"#home\" class=\"block py-2 px-3 text-sky-700 rounded hover:bg-slate-100 md:hover:bg-transparent md:hover:text-sky-500 md:p-0\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a><\/li>\r\n                    <li><a href=\"#services\" class=\"block py-2 px-3 text-slate-700 rounded hover:bg-slate-100 md:hover:bg-transparent md:hover:text-sky-500 md:p-0\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/a><\/li>\r\n                    <li><a href=\"#pricing\" class=\"block py-2 px-3 text-slate-700 rounded hover:bg-slate-100 md:hover:bg-transparent md:hover:text-sky-500 md:p-0\">\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\r\n                    <li><a href=\"#about\" class=\"block py-2 px-3 text-slate-700 rounded hover:bg-slate-100 md:hover:bg-transparent md:hover:text-sky-500 md:p-0\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <section id=\"home\" class=\"relative hero-pattern text-white pt-32 pb-20 lg:pt-40 lg:pb-28 overflow-hidden\">\r\n        <div class=\"absolute inset-0 bg-gradient-to-b from-slate-900\/90 to-sky-900\/90\"><\/div>\r\n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center z-10\">\r\n            <span class=\"inline-block py-1 px-3 rounded-full bg-teal-500\/20 border border-teal-400\/40 text-teal-200 text-sm font-medium mb-6 backdrop-blur-sm\">\r\n                <i class=\"fa-solid fa-check-circle mr-1\"><\/i> \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 AHAM \u0e08\u0e32\u0e01\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2d\u0e40\u0e21\u0e23\u0e34\u0e01\u0e32\r\n            <\/span>\r\n            <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-heading font-bold tracking-tight mb-6 leading-tight\">\r\n                \u0e04\u0e37\u0e19\u0e25\u0e21\u0e2b\u0e32\u0e22\u0e43\u0e08\u0e2a\u0e30\u0e2d\u0e32\u0e14 <br class=\"hidden md:block\" \/>\r\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-300 to-teal-300\">\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19 99.99%<\/span>\r\n            <\/h1>\r\n            <p class=\"mt-4 text-lg md:text-xl text-slate-200 max-w-2xl mx-auto mb-10 font-light\">\r\n                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e39\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19 \u0e42\u0e0b\u0e1f\u0e32 \u0e1e\u0e23\u0e21 \u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 Hydro Air Cleaner <br class=\"hidden md:block\"\/>\r\n                \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e44\u0e23\u0e49\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49 \u0e40\u0e14\u0e47\u0e01 \u0e41\u0e25\u0e30\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\r\n            <\/p>\r\n            <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\r\n                <a href=\"#contact\" class=\"px-8 py-3.5 rounded-full bg-white text-sky-700 font-bold hover:bg-slate-100 transition shadow-lg text-lg\">\r\n                    \u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35\r\n                <\/a>\r\n                <a href=\"#services\" class=\"px-8 py-3.5 rounded-full border border-white\/30 bg-white\/10 text-white font-medium hover:bg-white\/20 transition backdrop-blur-sm text-lg\">\r\n                    \u0e14\u0e39\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-full h-16 bg-gradient-to-t from-slate-50 to-transparent\"><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16 bg-slate-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-3xl font-heading font-bold text-slate-900\">\u0e20\u0e31\u0e22\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e21\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e47\u0e19<\/h2>\r\n                <p class=\"mt-2 text-slate-600\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e41\u0e25\u0e30\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e04\u0e27\u0e23\u0e23\u0e39\u0e49<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n                <div class=\"glass-card p-6 rounded-2xl bg-white shadow-sm\">\r\n                    <h3 class=\"text-lg font-heading font-semibold text-sky-700 mb-4 text-center\"><i class=\"fa-solid fa-chart-pie mr-2\"><\/i>\u0e2a\u0e32\u0e40\u0e2b\u0e15\u0e38\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e04\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49\u0e43\u0e19\u0e44\u0e17\u0e22<\/h3>\r\n                    <div class=\"h-64 relative w-full\">\r\n                        <canvas id=\"allergyChart\"><\/canvas>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"flex items-start p-4 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-md transition\">\r\n                        <div class=\"flex-shrink-0 w-12 h-12 bg-red-100 text-red-500 rounded-full flex items-center justify-center text-xl\">\r\n                            <i class=\"fa-solid fa-bugs\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"ml-4\">\r\n                            <h4 class=\"text-lg font-bold text-slate-800\">10 \u0e25\u0e49\u0e32\u0e19\u0e15\u0e31\u0e27<\/h4>\r\n                            <p class=\"text-slate-600 text-sm\">\u0e04\u0e37\u0e2d\u0e08\u0e33\u0e19\u0e27\u0e19\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e32\u0e08\u0e41\u0e1d\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19\u0e02\u0e19\u0e32\u0e14 6 \u0e1f\u0e38\u0e15\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex items-start p-4 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-md transition\">\r\n                        <div class=\"flex-shrink-0 w-12 h-12 bg-orange-100 text-orange-500 rounded-full flex items-center justify-center text-xl\">\r\n                            <i class=\"fa-solid fa-lungs-virus\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"ml-4\">\r\n                            <h4 class=\"text-lg font-bold text-slate-800\">\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 1<\/h4>\r\n                            <p class=\"text-slate-600 text-sm\">\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e04\u0e37\u0e2d\u0e2a\u0e32\u0e40\u0e2b\u0e15\u0e38\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 1 \u0e02\u0e2d\u0e07\u0e42\u0e23\u0e04\u0e2b\u0e2d\u0e1a\u0e2b\u0e37\u0e14\u0e41\u0e25\u0e30\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e43\u0e19\u0e40\u0e14\u0e47\u0e01\u0e44\u0e17\u0e22<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex items-start p-4 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-md transition\">\r\n                        <div class=\"flex-shrink-0 w-12 h-12 bg-teal-100 text-teal-600 rounded-full flex items-center justify-center text-xl\">\r\n                            <i class=\"fa-solid fa-hand-holding-medical\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"ml-4\">\r\n                            <h4 class=\"text-lg font-bold text-slate-800\">\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49<\/h4>\r\n                            <p class=\"text-slate-600 text-sm\">\u0e01\u0e32\u0e23\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e27\u0e34\u0e18\u0e35\u0e17\u0e38\u0e01 3-6 \u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e2d\u0e32\u0e01\u0e32\u0e23\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"services\" class=\"py-20 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16\">\r\n                <span class=\"text-sky-600 font-semibold tracking-wide uppercase text-sm\">Our Services<\/span>\r\n                <h2 class=\"text-3xl md:text-4xl font-heading font-bold text-slate-900 mt-2\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e13<\/h2>\r\n                <div class=\"w-16 h-1 bg-sky-500 mx-auto mt-4 rounded-full\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                <div class=\"group relative bg-slate-50 rounded-2xl p-8 hover:bg-sky-50 transition duration-300 border border-slate-100 hover:border-sky-200 shadow-sm hover:shadow-xl\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-xl shadow-md flex items-center justify-center text-2xl text-sky-600 mb-6 group-hover:scale-110 transition duration-300\">\r\n                        <i class=\"fa-solid fa-bed\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-heading font-bold text-slate-800 mb-3 group-hover:text-sky-700\">\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19<\/h3>\r\n                    <p class=\"text-slate-600 leading-relaxed mb-4\">\r\n                        \u0e40\u0e04\u0e25\u0e35\u0e22\u0e23\u0e4c\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e25\u0e36\u0e01\u0e16\u0e36\u0e07\u0e43\u0e22\u0e1c\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e31\u0e48\u0e19\u0e2a\u0e30\u0e40\u0e17\u0e37\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e41\u0e23\u0e07\u0e14\u0e39\u0e14\u0e2a\u0e39\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e14\u0e49\u0e27\u0e22 UV-C\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"group relative bg-slate-50 rounded-2xl p-8 hover:bg-sky-50 transition duration-300 border border-slate-100 hover:border-sky-200 shadow-sm hover:shadow-xl\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-xl shadow-md flex items-center justify-center text-2xl text-sky-600 mb-6 group-hover:scale-110 transition duration-300\">\r\n                        <i class=\"fa-solid fa-couch\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-heading font-bold text-slate-800 mb-3 group-hover:text-sky-700\">\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e42\u0e0b\u0e1f\u0e32<\/h3>\r\n                    <p class=\"text-slate-600 leading-relaxed mb-4\">\r\n                        \u0e14\u0e39\u0e41\u0e25\u0e42\u0e0b\u0e1f\u0e32\u0e1c\u0e49\u0e32\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e31\u0e07 \u0e02\u0e08\u0e31\u0e14\u0e04\u0e23\u0e32\u0e1a\u0e41\u0e25\u0e30\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19 \u0e04\u0e37\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e14\u0e43\u0e2a\u0e41\u0e25\u0e30\u0e01\u0e25\u0e34\u0e48\u0e19\u0e2b\u0e2d\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"group relative bg-slate-50 rounded-2xl p-8 hover:bg-sky-50 transition duration-300 border border-slate-100 hover:border-sky-200 shadow-sm hover:shadow-xl\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-xl shadow-md flex items-center justify-center text-2xl text-sky-600 mb-6 group-hover:scale-110 transition duration-300\">\r\n                        <i class=\"fa-solid fa-rug\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-heading font-bold text-slate-800 mb-3 group-hover:text-sky-700\">\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e1e\u0e23\u0e21<\/h3>\r\n                    <p class=\"text-slate-600 leading-relaxed mb-4\">\r\n                        \u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e1e\u0e23\u0e21\u0e17\u0e38\u0e01\u0e0a\u0e19\u0e34\u0e14 \u0e25\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e30\u0e2a\u0e21\u0e02\u0e2d\u0e07\u0e1d\u0e38\u0e48\u0e19\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e42\u0e23\u0e04 \u0e15\u0e49\u0e19\u0e40\u0e2b\u0e15\u0e38\u0e02\u0e2d\u0e07\u0e01\u0e25\u0e34\u0e48\u0e19\u0e2d\u0e31\u0e1a\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"about\" class=\"py-20 bg-slate-50 relative overflow-hidden\">\r\n        <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-80 h-80 bg-sky-100 rounded-full blur-3xl opacity-50\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-teal-100 rounded-full blur-3xl opacity-50\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-slate-100\">\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-2\">\r\n                    <div class=\"p-10 lg:p-14 flex flex-col justify-center\">\r\n                        <h2 class=\"text-3xl font-heading font-bold text-slate-900 mb-6\">\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\u0e44\u0e14\u0e49<\/h2>\r\n                        \r\n                        <p class=\"text-slate-600 text-lg leading-loose mb-6\">\r\n                            \u0e40\u0e23\u0e32\u0e04\u0e37\u0e2d\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e22\u0e32\u0e27\u0e19\u0e32\u0e19 \u0e40\u0e23\u0e32\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e14\u0e35\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e44\u0e17\u0e22 \u0e40\u0e23\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\r\n                            <a href=\"https:\/\/cjm.co.th\/dust-mite-removal\/\" class=\"power-seo-link\" rel=\"dofollow noopener\" title=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\" target=\"_blank\">\r\n                                \u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\r\n                            <\/a>\r\n                            \u0e41\u0e25\u0e30\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35 \r\n                            \u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e08\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2d\u0e40\u0e21\u0e23\u0e34\u0e01\u0e32 \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e42\u0e14\u0e22\r\n                            <a class=\"text-teal-600 hover:underline font-medium\" href=\"https:\/\/www.aham.org\/\" rel=\"nofollow noopener\" target=\"_blank\">\r\n                                AHAM (Association of Home Appliance Manufacturers)\r\n                            <\/a>\r\n                            \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n                        <\/p>\r\n\r\n                        <ul class=\"space-y-3 mt-2\">\r\n                            <li class=\"flex items-center text-slate-700\">\r\n                                <i class=\"fa-solid fa-check text-teal-500 mr-3\"><\/i> \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 100% \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\r\n                            <\/li>\r\n                            <li class=\"flex items-center text-slate-700\">\r\n                                <i class=\"fa-solid fa-check text-teal-500 mr-3\"><\/i> \u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e44\u0e14\u0e49\u0e25\u0e36\u0e01\u0e16\u0e36\u0e07 6 \u0e19\u0e34\u0e49\u0e27\r\n                            <\/li>\r\n                            <li class=\"flex items-center text-slate-700\">\r\n                                <i class=\"fa-solid fa-check text-teal-500 mr-3\"><\/i> \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"bg-sky-600 p-10 lg:p-14 text-white flex flex-col justify-center items-center text-center\">\r\n                        <i class=\"fa-solid fa-certificate text-6xl mb-6 text-sky-200\"><\/i>\r\n                        <h3 class=\"text-2xl font-heading font-bold mb-4\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25<\/h3>\r\n                        <p class=\"text-sky-100 mb-8\">\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a Hydro Air Cleaner \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\u0e27\u0e48\u0e32\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e33\u0e08\u0e31\u0e14\u0e2a\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49<\/p>\r\n                        <div class=\"grid grid-cols-2 gap-6 w-full max-w-sm\">\r\n                            <div class=\"text-center p-4 bg-white\/10 rounded-lg backdrop-blur-sm\">\r\n                                <span class=\"block text-3xl font-bold\">10+<\/span>\r\n                                <span class=\"text-sm opacity-80\">\u0e1b\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c<\/span>\r\n                            <\/div>\r\n                            <div class=\"text-center p-4 bg-white\/10 rounded-lg backdrop-blur-sm\">\r\n                                <span class=\"block text-3xl font-bold\">5k+<\/span>\r\n                                <span class=\"text-sm opacity-80\">\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08<\/span>\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    <section id=\"pricing\" class=\"py-20 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl md:text-4xl font-heading font-bold text-slate-900\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e2a\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21<\/h2>\r\n                <p class=\"mt-4 text-slate-600\">\u0e23\u0e32\u0e04\u0e32\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e44\u0e21\u0e48\u0e1a\u0e27\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e14\u0e35\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e08\u0e31\u0e1a\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n                <div class=\"bg-white rounded-2xl shadow-lg border border-slate-100 p-8 hover:shadow-xl transition relative\">\r\n                    <h3 class=\"text-xl font-bold text-slate-800\">\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e43\u0e0a\u0e49<\/h3>\r\n                    <div class=\"my-4\">\r\n                        <span class=\"text-4xl font-bold text-sky-600\">1,690<\/span>\r\n                        <span class=\"text-slate-500\">\u0e1a\u0e32\u0e17 \/ \u0e04\u0e23\u0e31\u0e49\u0e07<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-slate-500 text-sm mb-6 line-through\">\u0e1b\u0e01\u0e15\u0e34 2,290 \u0e1a\u0e32\u0e17<\/p>\r\n                    <ul class=\"space-y-3 mb-8 text-sm text-slate-600\">\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-green-500 mr-2\"><\/i> \u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19 1 \u0e2b\u0e25\u0e31\u0e07<\/li>\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-green-500 mr-2\"><\/i> \u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e2b\u0e21\u0e2d\u0e19 2 \u0e43\u0e1a<\/li>\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-green-500 mr-2\"><\/i> \u0e2d\u0e1a\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d UV<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#contact\" class=\"block w-full py-3 px-6 text-center rounded-lg border-2 border-sky-600 text-sky-600 font-bold hover:bg-sky-600 hover:text-white transition\">\u0e08\u0e2d\u0e07\u0e40\u0e25\u0e22<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"bg-gradient-to-b from-sky-700 to-sky-900 rounded-2xl shadow-2xl p-8 transform md:-translate-y-4 relative text-white\">\r\n                    <div class=\"absolute top-0 right-0 bg-yellow-400 text-yellow-900 text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg\">\u0e02\u0e32\u0e22\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/div>\r\n                    <h3 class=\"text-xl font-bold\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 (5 \u0e04\u0e23\u0e31\u0e49\u0e07)<\/h3>\r\n                    <div class=\"my-4\">\r\n                        <span class=\"text-4xl font-bold text-white\">8,050<\/span>\r\n                        <span class=\"text-sky-200\">\u0e1a\u0e32\u0e17<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-sky-300 text-sm mb-6\">\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 1,610 \u0e1a\u0e32\u0e17\/\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>\r\n                    <ul class=\"space-y-3 mb-8 text-sm text-sky-100\">\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-yellow-400 mr-2\"><\/i> \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/li>\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-yellow-400 mr-2\"><\/i> \u0e1f\u0e23\u0e35! \u0e1e\u0e48\u0e19\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19<\/li>\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-yellow-400 mr-2\"><\/i> \u0e1f\u0e23\u0e35! \u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e15\u0e38\u0e4a\u0e01\u0e15\u0e32<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#contact\" class=\"block w-full py-3 px-6 text-center rounded-lg bg-yellow-400 text-yellow-900 font-bold hover:bg-yellow-300 transition shadow-lg\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e19\u0e35\u0e49<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white rounded-2xl shadow-lg border border-slate-100 p-8 hover:shadow-xl transition relative\">\r\n                    <h3 class=\"text-xl font-bold text-slate-800\">\u0e2a\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21 (10 \u0e04\u0e23\u0e31\u0e49\u0e07)<\/h3>\r\n                    <div class=\"my-4\">\r\n                        <span class=\"text-4xl font-bold text-sky-600\">15,180<\/span>\r\n                        <span class=\"text-slate-500\">\u0e1a\u0e32\u0e17<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-slate-500 text-sm mb-6\">\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 1,518 \u0e1a\u0e32\u0e17\/\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>\r\n                    <ul class=\"space-y-3 mb-8 text-sm text-slate-600\">\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-green-500 mr-2\"><\/i> \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e43\u0e2b\u0e0d\u0e48<\/li>\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-green-500 mr-2\"><\/i> \u0e41\u0e0a\u0e23\u0e4c\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e01\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e44\u0e14\u0e49<\/li>\r\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-green-500 mr-2\"><\/i> \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e23\u0e30\u0e14\u0e31\u0e1a VIP<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#contact\" class=\"block w-full py-3 px-6 text-center rounded-lg border-2 border-sky-600 text-sky-600 font-bold hover:bg-sky-600 hover:text-white transition\">\u0e08\u0e2d\u0e07\u0e40\u0e25\u0e22<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16 bg-slate-50\">\r\n        <div class=\"max-w-4xl mx-auto px-4\">\r\n            <h2 class=\"text-2xl font-heading font-bold text-center mb-8\">\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e23\u0e32?<\/h2>\r\n            <div class=\"bg-white rounded-xl shadow-md overflow-hidden border border-slate-200\">\r\n                <table class=\"w-full text-left border-collapse\">\r\n                    <thead>\r\n                        <tr class=\"bg-slate-800 text-white\">\r\n                            <th class=\"p-4 text-sm md:text-base font-medium w-1\/3\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34<\/th>\r\n                            <th class=\"p-4 text-sm md:text-base font-bold bg-sky-700 w-1\/3 text-center border-b-4 border-teal-500\">Pro Clean <i class=\"fa-solid fa-star text-yellow-400 text-xs\"><\/i><\/th>\r\n                            <th class=\"p-4 text-sm md:text-base font-medium w-1\/3 text-center text-slate-300\">\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"text-slate-600 text-sm md:text-base\">\r\n                        <tr class=\"border-b border-slate-100\">\r\n                            <td class=\"p-4 font-semibold text-sky-700\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/td>\r\n                            <td class=\"p-4 text-center bg-sky-50\/50 font-bold text-teal-600\"><i class=\"fa-solid fa-check-circle mr-1\"><\/i> Hydro Air (\u0e19\u0e49\u0e33)<\/td>\r\n                            <td class=\"p-4 text-center\">\u0e16\u0e38\u0e07\u0e40\u0e01\u0e47\u0e1a\u0e1d\u0e38\u0e48\u0e19 (Filter)<\/td>\r\n                        <\/tr>\r\n                        <tr class=\"border-b border-slate-100\">\r\n                            <td class=\"p-4 font-semibold text-sky-700\">\u0e01\u0e32\u0e23\u0e1f\u0e38\u0e49\u0e07\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22<\/td>\r\n                            <td class=\"p-4 text-center bg-sky-50\/50 font-bold text-teal-600\">0% (\u0e1d\u0e38\u0e48\u0e19\u0e08\u0e21\u0e19\u0e49\u0e33)<\/td>\r\n                            <td class=\"p-4 text-center\">\u0e21\u0e35\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e2b\u0e25\u0e38\u0e14\u0e25\u0e2d\u0e14<\/td>\r\n                        <\/tr>\r\n                        <tr class=\"border-b border-slate-100\">\r\n                            <td class=\"p-4 font-semibold text-sky-700\">\u0e01\u0e33\u0e08\u0e31\u0e14\u0e01\u0e25\u0e34\u0e48\u0e19<\/td>\r\n                            <td class=\"p-4 text-center bg-sky-50\/50 font-bold text-teal-600\"><i class=\"fa-solid fa-check-circle mr-1\"><\/i> \u0e17\u0e33\u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/td>\r\n                            <td class=\"p-4 text-center\">\u0e17\u0e33\u0e44\u0e14\u0e49\u0e19\u0e49\u0e2d\u0e22<\/td>\r\n                        <\/tr>\r\n                        <tr class=\"border-b border-slate-100\">\r\n                            <td class=\"p-4 font-semibold text-sky-700\">\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35<\/td>\r\n                            <td class=\"p-4 text-center bg-sky-50\/50 font-bold text-teal-600\">\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 100%<\/td>\r\n                            <td class=\"p-4 text-center\">\u0e2d\u0e32\u0e08\u0e21\u0e35\u0e2a\u0e32\u0e23\u0e15\u0e01\u0e04\u0e49\u0e32\u0e07<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16 bg-white\">\r\n        <div class=\"max-w-3xl mx-auto px-4\">\r\n            <h2 class=\"text-3xl font-heading font-bold text-center mb-10\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/h2>\r\n            <div class=\"space-y-4\">\r\n                <details class=\"group bg-slate-50 p-6 rounded-xl border border-slate-100 open:bg-white open:shadow-md transition-all duration-300\">\r\n                    <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-slate-800\">\r\n                        <span>\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e44\u0e2b\u0e21?<\/span>\r\n                        <span class=\"transition group-open:rotate-180\"><i class=\"fa-solid fa-chevron-down text-sky-500\"><\/i><\/span>\r\n                    <\/summary>\r\n                    <div class=\"text-slate-600 mt-4 leading-relaxed group-open:animate-fadeIn\">\r\n                        <strong>\u0e44\u0e21\u0e48\u0e08\u0e23\u0e34\u0e07\u0e04\u0e23\u0e31\u0e1a<\/strong> \u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e44\u0e21\u0e48\u0e21\u0e35\u0e1b\u0e32\u0e01\u0e17\u0e35\u0e48\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49 \u0e2d\u0e32\u0e01\u0e32\u0e23\u0e04\u0e31\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e37\u0e48\u0e19\u0e41\u0e14\u0e07\u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49\u0e17\u0e35\u0e48\u0e21\u0e35\u0e15\u0e48\u0e2d \"\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e0b\u0e32\u0e01\" \u0e02\u0e2d\u0e07\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e04\u0e23\u0e31\u0e1a\r\n                    <\/div>\r\n                <\/details>\r\n                <details class=\"group bg-slate-50 p-6 rounded-xl border border-slate-100 open:bg-white open:shadow-md transition-all duration-300\">\r\n                    <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-slate-800\">\r\n                        <span>\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e49\u0e33 (Hydro Air)?<\/span>\r\n                        <span class=\"transition group-open:rotate-180\"><i class=\"fa-solid fa-chevron-down text-sky-500\"><\/i><\/span>\r\n                    <\/summary>\r\n                    <div class=\"text-slate-600 mt-4 leading-relaxed group-open:animate-fadeIn\">\r\n                        \u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e49\u0e33\u0e08\u0e30\u0e14\u0e31\u0e01\u0e08\u0e31\u0e1a\u0e1d\u0e38\u0e48\u0e19\u0e25\u0e30\u0e2d\u0e2d\u0e07\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\u0e21\u0e32\u0e01\u0e44\u0e14\u0e49\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32\u0e41\u0e1c\u0e48\u0e19\u0e01\u0e23\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e04\u0e37\u0e2d <strong>\u0e44\u0e21\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1d\u0e38\u0e48\u0e19\u0e1f\u0e38\u0e49\u0e07\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e01\u0e25\u0e31\u0e1a\u0e2d\u0e2d\u0e01\u0e21\u0e32<\/strong> \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e30\u0e2d\u0e32\u0e14 100%\r\n                    <\/div>\r\n                <\/details>\r\n                <details class=\"group bg-slate-50 p-6 rounded-xl border border-slate-100 open:bg-white open:shadow-md transition-all duration-300\">\r\n                    <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-slate-800\">\r\n                        <span>\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e19\u0e32\u0e19\u0e44\u0e2b\u0e21?<\/span>\r\n                        <span class=\"transition group-open:rotate-180\"><i class=\"fa-solid fa-chevron-down text-sky-500\"><\/i><\/span>\r\n                    <\/summary>\r\n                    <div class=\"text-slate-600 mt-4 leading-relaxed group-open:animate-fadeIn\">\r\n                        \u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 15-20 \u0e19\u0e32\u0e17\u0e35 \u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 20-30 \u0e19\u0e32\u0e17\u0e35\u0e04\u0e23\u0e31\u0e1a \u0e40\u0e23\u0e32\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e41\u0e15\u0e48\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e04\u0e23\u0e31\u0e1a\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"contact\" class=\"py-20 bg-blue-900 text-white relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 bg-gradient-to-br from-blue-900 to-slate-900\"><\/div>\r\n        <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\"><\/div>\r\n        \r\n        <div class=\"max-w-4xl mx-auto px-4 relative z-10 text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-heading font-bold mb-4 text-white drop-shadow-md\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e1b\u0e25\u0e2d\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?<\/h2>\r\n            <p class=\"text-sky-100 mb-10 text-lg\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e20\u0e39\u0e21\u0e34\u0e41\u0e1e\u0e49\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19\u0e1f\u0e23\u0e35 \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\r\n            \r\n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-6\">\r\n                <a href=\"https:\/\/line.me\/R\/ti\/p\/@cjmth\" target=\"_blank\" class=\"bg-[#06C755] hover:bg-[#05b34c] text-white px-8 py-4 rounded-full text-xl font-bold flex items-center shadow-lg transition transform hover:scale-105 border border-white\/20\" rel=\"noopener\">\r\n                    <i class=\"fa-brands fa-line text-3xl mr-3\"><\/i> \u0e41\u0e2d\u0e14 LINE \u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\r\n                <\/a>\r\n                <a href=\"tel:02-XXX-XXXX\" class=\"bg-white hover:bg-slate-100 text-blue-900 px-8 py-4 rounded-full text-xl font-bold flex items-center shadow-lg transition transform hover:scale-105\">\r\n                    <i class=\"fa-solid fa-phone mr-3 text-blue-600\"><\/i> \u0e42\u0e17\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mt-16 bg-white\/10 backdrop-blur-md rounded-2xl p-8 border border-white\/20 max-w-lg mx-auto text-left shadow-2xl\">\r\n                <h3 class=\"text-xl font-bold mb-4 text-white\"><i class=\"fa-regular fa-envelope mr-2\"><\/i> \u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a<\/h3>\r\n                <form onsubmit=\"event.preventDefault(); alert('\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e04\u0e23\u0e31\u0e1a \u0e40\u0e23\u0e32\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e42\u0e14\u0e22\u0e40\u0e23\u0e47\u0e27\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14');\" class=\"space-y-4\">\r\n                    <input type=\"text\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\" class=\"w-full px-4 py-3 rounded-lg bg-white\/90 text-slate-800 focus:outline-none focus:ring-2 focus:ring-teal-400 placeholder-slate-400 shadow-inner\" required>\r\n                    <input type=\"tel\" placeholder=\"\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\" class=\"w-full px-4 py-3 rounded-lg bg-white\/90 text-slate-800 focus:outline-none focus:ring-2 focus:ring-teal-400 placeholder-slate-400 shadow-inner\" required>\r\n                    <button type=\"submit\" class=\"w-full bg-teal-500 hover:bg-teal-600 text-white font-bold py-3 rounded-lg transition shadow-md border border-teal-400\">\r\n                        \u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Allergy Chart\r\n            const ctx = document.getElementById('allergyChart').getContext('2d');\r\n            new Chart(ctx, {\r\n                type: 'doughnut',\r\n                data: {\r\n                    labels: ['\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19', '\u0e41\u0e21\u0e25\u0e07\u0e2a\u0e32\u0e1a', '\u0e40\u0e01\u0e2a\u0e23\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49', '\u0e2d\u0e37\u0e48\u0e19\u0e46'],\r\n                    datasets: [{\r\n                        data: [70, 15, 10, 5],\r\n                        backgroundColor: [\r\n                            '#0ea5e9', \/\/ Sky 500\r\n                            '#0d9488', \/\/ Teal 600\r\n                            '#cbd5e1', \/\/ Slate 300\r\n                            '#f1f5f9'  \/\/ Slate 100\r\n                        ],\r\n                        borderWidth: 0,\r\n                        hoverOffset: 4\r\n                    }]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: false,\r\n                    plugins: {\r\n                        legend: {\r\n                            position: 'bottom',\r\n                            labels: { font: { family: 'Sarabun' } }\r\n                        }\r\n                    },\r\n                    cutout: '75%'\r\n                }\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>\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e08\u0e31\u0e14\u0e44\u0e23\u0e1d\u0e38\u0e48\u0e19 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 AHAM | An [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":48,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":61,"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/157"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=\/wp\/v2\/media\/48"}],"wp:attachment":[{"href":"https:\/\/xn--12co0bubv1be5jdj1f1h9b8c.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}