{"id":4959,"date":"2026-03-31T07:06:53","date_gmt":"2026-03-31T07:06:53","guid":{"rendered":"https:\/\/em.co.th\/?p=4959"},"modified":"2026-07-10T06:55:15","modified_gmt":"2026-07-10T06:55:15","slug":"solarforfactory500k","status":"publish","type":"post","link":"https:\/\/em.co.th\/en\/solarforfactory500k\/","title":{"rendered":"\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e04\u0e48\u0e32\u0e44\u0e1f 500,000 \u0e1a\u0e32\u0e17 \u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e44\u0e27"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n EM Energy | \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e48\u0e32\u0e44\u0e1f 500k \u0e40\u0e1b\u0e47\u0e19\u0e01\u0e33\u0e44\u0e23\u0e2b\u0e25\u0e31\u0e01\u0e25\u0e49\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22 Solar Rooftop<\/title>\r\n \r\n <!-- Google Fonts: Prompt for modern, professional Thai typography -->\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=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- FontAwesome & Lucide Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <style>\r\n \/* Custom styles for background overlay *\/\r\n .hero-bg {\r\n background-color: #0f172a;\r\n \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e27\u0e48\u0e32\u0e07\/\u0e21\u0e35\u0e04\u0e2d\u0e19\u0e17\u0e23\u0e32\u0e2a\u0e15\u0e4c\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e17\u0e36\u0e1a\u0e2a\u0e35\u0e17\u0e31\u0e1a\u0e25\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d 30%-60% *\/\r\n background-image: linear-gradient(rgba(15, 23, 42, 0.3), rgba(15, 23, 42, 0.6)), url('https:\/\/images.unsplash.com\/photo-1592833159155-c62df1b65634?q=80&w=2070&auto=format&fit=crop');\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n \r\n \/* Apply fixed background only on larger screens to prevent iOS Safari bug *\/\r\n @media (min-width: 1024px) {\r\n .hero-bg {\r\n background-attachment: fixed;\r\n }\r\n }\r\n \r\n \/* Interactive Utilities *\/\r\n .hover-scale { transition: all 0.3s ease; }\r\n .hover-scale:hover { transform: translateY(-5px); }\r\n \r\n \/* 5 Steps Line Custom CSS - Fixed width calculation to account for grid gap *\/\r\n .step-line::after { \r\n content: ''; \r\n position: absolute; \r\n top: 2rem; \r\n left: 50%; \r\n width: calc(100% + 2rem); \r\n height: 2px; \r\n background: #e2e8f0; \r\n z-index: 1; \r\n }\r\n .step-line > div { position: relative; z-index: 10; }\r\n @media (max-width: 768px) { .step-line::after { display: none; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-gray-800 bg-slate-50 antialiased overflow-x-hidden\">\r\n\r\n <!-- Section 1: Hero Section -->\r\n <section class=\"hero-bg min-h-screen flex items-center relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 w-full text-center md:text-left py-20\">\r\n <div class=\"max-w-3xl\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-600\/20 text-emerald-400 border border-emerald-500\/30 font-medium mb-8\">\r\n <span class=\"flex h-2 w-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\r\n \u0e2b\u0e22\u0e38\u0e14\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e2a\u0e39\u0e0d\u0e40\u0e1b\u0e25\u0e48\u0e32 \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-tight mb-6\">\r\n \u0e04\u0e48\u0e32\u0e44\u0e1f\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 500,000 \u0e1a\u0e32\u0e17? <br class=\"hidden md:block\" \/>\r\n \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e32\u0e22\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19 <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-emerald-200\">\"\u0e01\u0e33\u0e44\u0e23\u0e2b\u0e25\u0e31\u0e01\u0e25\u0e49\u0e32\u0e19\"<\/span> \u0e15\u0e48\u0e2d\u0e1b\u0e35\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-100 mb-10 leading-relaxed font-light\">\r\n \u0e23\u0e30\u0e1a\u0e1a Solar Rooftop \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e14\u0e22\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e08\u0e32\u0e01 EM Energy \u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e44\u0e27\u0e43\u0e19 3-4 \u0e1b\u0e35 \u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e19\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e30\u0e1a\u0e1a\r\n <br\/><span class=\"text-sm text-emerald-400 font-medium mt-2 block\">*\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e14\u0e39\u0e41\u0e25\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e49\u0e32\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/span>\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\r\n <a href=\"#contact\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white px-8 py-4 rounded-md font-bold text-lg transition-all shadow-lg hover:shadow-emerald-500\/30 flex items-center justify-center gap-2\">\r\n \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e08\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e17\u0e38\u0e19\u0e1f\u0e23\u0e35! \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e38\u0e13 <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 2: The Agitation (\u0e02\u0e22\u0e35\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32) -->\r\n <section class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\r\n <div>\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6 leading-tight\">\r\n \u0e04\u0e38\u0e13\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e01\u0e33\u0e44\u0e23\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e04\u0e48\u0e32\u0e44\u0e1f <span class=\"text-red-600\">\u0e1b\u0e35\u0e25\u0e30\u0e40\u0e17\u0e48\u0e32\u0e44\u0e2b\u0e23\u0e48?<\/span>\r\n <\/h2>\r\n <p class=\"text-gray-600 text-lg mb-8\">\r\n \u0e2b\u0e32\u0e01\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e21\u0e35\u0e1a\u0e34\u0e25\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 500,000 \u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e19\u0e31\u0e48\u0e19\u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e01\u0e23\u0e30\u0e41\u0e2a\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e14\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e25\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e21:\r\n <\/p>\r\n \r\n <div class=\"space-y-6\">\r\n <div class=\"bg-red-50 border-l-4 border-red-500 p-6 rounded-r-lg shadow-sm\">\r\n <p class=\"text-sm text-red-600 font-semibold mb-1\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 1 \u0e1b\u0e35<\/p>\r\n <p class=\"text-3xl font-bold text-red-700\">\u0e04\u0e38\u0e13\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e44\u0e1b\u0e41\u0e25\u0e49\u0e27 6,000,000 \u0e1a\u0e32\u0e17<\/p>\r\n <\/div>\r\n <div class=\"bg-red-100 border-l-4 border-red-600 p-6 rounded-r-lg shadow-md\">\r\n <p class=\"text-sm text-red-700 font-semibold mb-1\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 5 \u0e1b\u0e35<\/p>\r\n <p class=\"text-4xl font-bold text-red-800\">\u0e04\u0e38\u0e13\u0e2a\u0e39\u0e0d\u0e40\u0e07\u0e34\u0e19\u0e44\u0e1b\u0e16\u0e36\u0e07 30,000,000 \u0e1a\u0e32\u0e17<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"text-gray-600 font-medium mt-8 text-lg\">\r\n \u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07\u0e44\u0e1b\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49 \u0e19\u0e33\u0e44\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e2a\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\/ \u0e08\u0e49\u0e32\u0e07\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a Top \/ \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19 <span class=\"text-emerald-600 font-bold\">\u0e01\u0e33\u0e44\u0e23\u0e2a\u0e38\u0e17\u0e18\u0e34 (Net Profit)<\/span> \u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e0a\u0e49\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-slate-900 to-emerald-900 rounded-2xl transform rotate-3 scale-105 opacity-20\"><\/div>\r\n <div class=\"bg-slate-900 rounded-2xl p-8 relative shadow-2xl overflow-hidden text-center flex flex-col items-center justify-center min-h-[400px]\">\r\n <div class=\"absolute -right-10 -top-10 text-emerald-500\/10\">\r\n <i data-lucide=\"trending-down\" class=\"w-64 h-64\"><\/i>\r\n <\/div>\r\n <i data-lucide=\"alert-circle\" class=\"w-16 h-16 text-red-400 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e20\u0e32\u0e23\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e33\u0e44\u0e23<\/h3>\r\n <p class=\"text-gray-200 mb-8 font-light\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e21\u0e35\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e2a\u0e39\u0e07\u0e02\u0e36\u0e49\u0e19\u0e17\u0e38\u0e01\u0e1b\u0e35 \u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e25\u0e47\u0e2d\u0e01\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27<\/p>\r\n <a href=\"#portfolio\" class=\"text-emerald-400 font-semibold hover:text-emerald-300 flex items-center gap-2\">\r\n \u0e14\u0e39\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 <i data-lucide=\"chevron-down\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 3: Industrial Solar Portfolio & Benefits -->\r\n <section id=\"portfolio\" class=\"py-24 px-6 bg-slate-50 border-t border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <h3 class=\"text-emerald-600 font-bold tracking-widest text-sm mb-2 uppercase\">EM ENERGY | INDUSTRIAL SOLUTION<\/h3>\r\n <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-6\">\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e31\u0e19\u0e17\u0e35 <br class=\"hidden md:block\">\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e44\u0e27<\/h2>\r\n <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e27\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e25\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e33\u0e44\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/p>\r\n <\/div>\r\n\r\n <!-- Project Images -->\r\n <div class=\"grid md:grid-cols-3 gap-6 mb-16\">\r\n <!-- \u0e43\u0e0a\u0e49\u0e17\u0e48\u0e32\u0e44\u0e21\u0e49\u0e15\u0e32\u0e22: \u0e43\u0e2a\u0e48 style \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a height 100% !important \u0e17\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e2d\u0e07 CMS \u0e17\u0e38\u0e01\u0e01\u0e23\u0e13\u0e35 -->\r\n <div class=\"relative w-full h-56 md:h-64 rounded-2xl overflow-hidden shadow-lg border border-slate-100 group bg-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/03\/KCG-Corporation-%E0%B8%BALogistic-Park-1024x565.png\" alt=\"Solar Project Reference 1\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\" style=\"width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important;\">\r\n <\/div>\r\n <div class=\"relative w-full h-56 md:h-64 rounded-2xl overflow-hidden shadow-lg border border-slate-100 group bg-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/03\/khi-1024x567.png\" alt=\"Solar Project Reference 2\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\" style=\"width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important;\">\r\n <\/div>\r\n <div class=\"relative w-full h-56 md:h-64 rounded-2xl overflow-hidden shadow-lg border border-slate-100 group bg-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-02-115329-1024x562.png\" alt=\"Solar Project Reference 3\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\" style=\"width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important;\">\r\n <\/div>\r\n <div class=\"relative w-full h-56 md:h-64 rounded-2xl overflow-hidden shadow-lg border border-slate-100 group bg-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/03\/KCG-Corporation-%E0%B8%BAKhon-Khan-1024x767.png\" alt=\"Solar Project Reference 4\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\" style=\"width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important;\">\r\n <\/div>\r\n <div class=\"relative w-full h-56 md:h-64 rounded-2xl overflow-hidden shadow-lg border border-slate-100 group bg-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/03\/PTTLNG-LMPT1-1024x760.png\" alt=\"Solar Project Reference 5\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\" style=\"width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important;\">\r\n <\/div>\r\n <div class=\"relative w-full h-56 md:h-64 rounded-2xl overflow-hidden shadow-lg border border-slate-100 group bg-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/03\/thai-first-pecision-1024x563.png\" alt=\"Solar Project Reference 6\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\" style=\"width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important;\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3 Key Benefits -->\r\n <div class=\"grid md:grid-cols-3 gap-8 mb-20\">\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover-scale\">\r\n <div class=\"w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center mb-6\">\r\n <i class=\"fa-solid fa-hand-holding-dollar text-slate-900 text-2xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold mb-3 text-slate-900\">\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 70%<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\u0e0a\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 (OPEX) \u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e07\u0e17\u0e35\u0e48\u0e41\u0e25\u0e30\u0e25\u0e14\u0e25\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e23\u0e2d\u0e1a\u0e1a\u0e34\u0e25\u0e41\u0e23\u0e01\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover-scale\">\r\n <div class=\"w-14 h-14 bg-emerald-50 rounded-xl flex items-center justify-center mb-6\">\r\n <i class=\"fa-solid fa-leaf text-emerald-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold mb-3 text-slate-900\">\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c Net Zero<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19 (Carbon Credit) \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e20\u0e32\u0e1e\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover-scale\">\r\n <div class=\"w-14 h-14 bg-orange-50 rounded-xl flex items-center justify-center mb-6\">\r\n <i class=\"fa-solid fa-building-circle-check text-orange-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold mb-3 text-slate-900\">\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e43\u0e19 3-5 \u0e1b\u0e35<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\u0e40\u0e23\u0e32\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e08\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e17\u0e38\u0e19 (ROI) \u0e17\u0e35\u0e48\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Investment Models -->\r\n <div class=\"bg-slate-900 rounded-[2rem] p-8 md:p-12 text-white overflow-hidden relative shadow-2xl\">\r\n <div class=\"absolute -right-20 -top-20 opacity-10\">\r\n <i data-lucide=\"sun\" class=\"w-96 h-96\"><\/i>\r\n <\/div>\r\n <div class=\"relative z-10 flex flex-col md:flex-row items-center gap-10\">\r\n <div class=\"md:w-1\/2\">\r\n <h3 class=\"text-2xl font-bold mb-6\">\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 (Investment Options)<\/h3>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-600 flex-shrink-0 flex items-center justify-center text-white font-bold text-lg\">1<\/div>\r\n <div>\r\n <h5 class=\"font-bold text-emerald-400 text-lg\">EPC Model (\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e41\u0e1a\u0e1a\u0e40\u0e1a\u0e47\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08)<\/h5>\r\n <p class=\"text-sm text-slate-200 mt-1 font-light\">\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a 100% \u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e33\u0e44\u0e23\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e44\u0e27 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e44\u0e14\u0e49\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-600 flex-shrink-0 flex items-center justify-center text-white font-bold text-lg\">2<\/div>\r\n <div>\r\n <h5 class=\"font-bold text-emerald-400 text-lg\">PPA Model (\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1f\u0e23\u0e35)<\/h5>\r\n <p class=\"text-sm text-slate-200 mt-1 font-light\">\u0e40\u0e23\u0e32\u0e2b\u0e32\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e2b\u0e49 100% \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19 \u0e41\u0e15\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e19\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e02\u0e19\u0e32\u0e19\u0e44\u0e1f<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:w-1\/2 bg-white\/5 rounded-2xl p-8 border border-white\/10 backdrop-blur-sm\">\r\n <p class=\"text-lg mb-8 opacity-90 italic font-light leading-relaxed\">\"\u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\"<\/p>\r\n <a href=\"#contact\" class=\"block text-center bg-emerald-600 text-white font-bold py-4 rounded-xl hover:bg-emerald-500 transition-all uppercase tracking-wider shadow-lg\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e23\u0e31\u0e1a Energy Audit<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 4: 5 Steps to Success -->\r\n <section class=\"py-24 px-6 bg-white overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center text-slate-900 mb-16\">5 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e33\u0e44\u0e23<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-5 gap-8 text-center relative\">\r\n <div class=\"step-line relative\">\r\n <div class=\"w-16 h-16 bg-slate-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 relative z-10 shadow-lg\">1<\/div>\r\n <h5 class=\"font-bold text-slate-900 mb-2 text-lg\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32 & \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h5>\r\n <p class=\"text-sm text-slate-600 px-2\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1a\u0e34\u0e25\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e41\u0e25\u0e30 Load Profile \u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/p>\r\n <\/div>\r\n <div class=\"step-line relative\">\r\n <div class=\"w-16 h-16 bg-slate-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 relative z-10 shadow-lg\">2<\/div>\r\n <h5 class=\"font-bold text-slate-900 mb-2 text-lg\">\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/h5>\r\n <p class=\"text-sm text-slate-600 px-2\">\u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/p>\r\n <\/div>\r\n <div class=\"step-line relative\">\r\n <div class=\"w-16 h-16 bg-slate-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 relative z-10 shadow-lg\">3<\/div>\r\n <h5 class=\"font-bold text-slate-900 mb-2 text-lg\">\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e23\u0e30\u0e1a\u0e1a<\/h5>\r\n <p class=\"text-sm text-slate-600 px-2\">Engineering Design \u0e41\u0e1a\u0e1a 3D \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\r\n <\/div>\r\n <div class=\"step-line relative\">\r\n <div class=\"w-16 h-16 bg-slate-900 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 relative z-10 shadow-lg\">4<\/div>\r\n <h5 class=\"font-bold text-slate-900 mb-2 text-lg\">\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 & \u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/h5>\r\n <p class=\"text-sm text-slate-600 px-2\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e02\u0e19\u0e32\u0e19\u0e44\u0e1f<\/p>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"w-16 h-16 bg-emerald-600 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 relative z-10 shadow-lg ring-4 ring-emerald-100\">5<\/div>\r\n <h5 class=\"font-bold text-emerald-600 mb-2 text-lg\">\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 & \u0e14\u0e39\u0e41\u0e25<\/h5>\r\n <p class=\"text-sm text-slate-600 px-2\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 O&M \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 5: The ROI (\u0e08\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e17\u0e38\u0e19) -->\r\n <section id=\"roi\" class=\"py-24 bg-gray-50 border-y border-gray-200\">\r\n <div class=\"max-w-5xl 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-bold text-slate-900 mb-4\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1c\u0e25\u0e15\u0e2d\u0e1a\u0e41\u0e17\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 (ROI)<\/h2>\r\n <p class=\"text-xl text-gray-700\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 500,000 \u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden border border-gray-100\">\r\n <table class=\"w-full text-left border-collapse\">\r\n <thead>\r\n <tr class=\"bg-slate-900 text-white text-lg\">\r\n <th class=\"py-5 px-6 font-semibold w-1\/2\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/th>\r\n <th class=\"py-5 px-6 font-semibold w-1\/2\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 (\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"text-gray-700 divide-y divide-gray-100 text-lg\">\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"py-5 px-6 font-medium\">\u0e02\u0e19\u0e32\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e19\u0e30\u0e19\u0e33<\/td>\r\n <td class=\"py-5 px-6 font-bold text-slate-900\">300 - 400 kWp<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"py-5 px-6 font-medium\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/td>\r\n <td class=\"py-5 px-6 font-bold text-emerald-600\">150,000 - 200,000 \u0e1a\u0e32\u0e17 \/ \u0e40\u0e14\u0e37\u0e2d\u0e19<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 bg-emerald-50\/50 transition-colors\">\r\n <td class=\"py-5 px-6 font-medium text-emerald-600\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e23\u0e32\u0e22\u0e1b\u0e35<\/td>\r\n <td class=\"py-5 px-6 font-bold text-emerald-600 text-xl\">1,800,000 - 2,400,000 \u0e1a\u0e32\u0e17 \/ \u0e1b\u0e35<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 bg-emerald-100\/30 transition-colors\">\r\n <td class=\"py-5 px-6 font-medium text-emerald-700\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19 (Payback Period)<\/td>\r\n <td class=\"py-5 px-6 font-bold text-emerald-700 text-xl\">3.5 - 4.5 \u0e1b\u0e35<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 bg-slate-900 text-white transition-colors\">\r\n <td class=\"py-6 px-6 font-medium\">\u0e1c\u0e25\u0e15\u0e2d\u0e1a\u0e41\u0e17\u0e19\u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 (25 \u0e1b\u0e35)<\/td>\r\n <td class=\"py-6 px-6 font-bold text-emerald-400 text-2xl\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e33\u0e44\u0e23\u0e04\u0e37\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e01\u0e27\u0e48\u0e32 45,000,000 \u0e1a\u0e32\u0e17<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 7: Lead Magnet & Capture Form -->\r\n <section id=\"contact\" class=\"py-24 bg-gray-50 border-t border-gray-200\">\r\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <!-- Lead Magnet Line OA Block -->\r\n <div class=\"mb-16 bg-white p-10 md:p-12 rounded-[2rem] border border-emerald-100 shadow-xl text-center relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-emerald-50 rounded-bl-full z-0\"><\/div>\r\n <div class=\"relative z-10\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-900 mb-4 uppercase\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e33\u0e44\u0e23\u0e08\u0e32\u0e01\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/h2>\r\n <p class=\"text-gray-700 mb-8 text-lg\">\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2a\u0e48\u0e07 <strong>\"\u0e1a\u0e34\u0e25\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\"<\/strong> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19 (Quick Insight) \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22<\/p>\r\n <div class=\"flex justify-center\">\r\n <!-- \u0e41\u0e01\u0e49\u0e44\u0e02\u0e25\u0e34\u0e07\u0e01\u0e4c LINE \u0e40\u0e1b\u0e47\u0e19 https:\/\/lin.ee\/ZXDoniH -->\r\n <a href=\"https:\/\/lin.ee\/ZXDoniH\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-[#06C755] text-white px-10 py-4 rounded-full font-bold text-lg flex items-center gap-3 hover:scale-105 transition-all shadow-lg shadow-green-200\">\r\n <i class=\"fa-brands fa-line text-2xl\"><\/i>\r\n <span>\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c Roof & Bill Check \u0e1c\u0e48\u0e32\u0e19 LINE \u0e1f\u0e23\u0e35<\/span>\r\n <\/a>\r\n <\/div>\r\n <p class=\"mt-6 text-sm text-gray-500 font-medium tracking-widest uppercase\">*\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Detailed Form -->\r\n <div class=\"text-center mb-10\">\r\n <p class=\"text-gray-600 font-medium mb-4\">--- \u0e2b\u0e23\u0e37\u0e2d \u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a ---<\/p>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e08\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e17\u0e38\u0e19\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 (Simulation Report)<\/h3>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 md:p-12 border border-gray-100\">\r\n <form id=\"lead-form\" class=\"space-y-6\" name=\"google-sheet-form\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"name\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\">\r\n <\/div>\r\n <div>\r\n <label for=\"company\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" id=\"company\" name=\"company\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors\" placeholder=\"\u0e1a\u0e08\u0e01. \u0e2b\u0e23\u0e37\u0e2d \u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"phone\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors\" placeholder=\"08X-XXX-XXXX\">\r\n <\/div>\r\n <div>\r\n <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 (Work Email)<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors\" placeholder=\"example@company.com\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"factory-type\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \/ \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 <span class=\"text-red-500\">*<\/span><\/label>\r\n <select id=\"factory-type\" name=\"factoryType\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors bg-white\">\r\n <option value=\"\" disabled selected>-- \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 --<\/option>\r\n <option value=\"\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15 (Manufacturing)\">\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15 (Manufacturing)<\/option>\r\n <option value=\"\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \/ \u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c\">\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \/ \u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c<\/option>\r\n <option value=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 (Office)\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 (Office Building)<\/option>\r\n <option value=\"\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 \/ \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\">\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 \/ \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21<\/option>\r\n <option value=\"\u0e2d\u0e37\u0e48\u0e19\u0e46\">\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2d\u0e37\u0e48\u0e19\u0e46<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"bill-amount\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19 <span class=\"text-red-500\">*<\/span><\/label>\r\n <select id=\"bill-amount\" name=\"billAmount\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors bg-white\">\r\n <option value=\"\" disabled selected>-- \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e04\u0e48\u0e32\u0e44\u0e1f --<\/option>\r\n <option value=\"50,000 - 100,000 \u0e1a\u0e32\u0e17\">50,000 - 100,000 \u0e1a\u0e32\u0e17<\/option>\r\n <option value=\"100,000 - 300,000 \u0e1a\u0e32\u0e17\">100,000 - 300,000 \u0e1a\u0e32\u0e17<\/option>\r\n <option value=\"300,000 - 500,000 \u0e1a\u0e32\u0e17\">300,000 - 500,000 \u0e1a\u0e32\u0e17<\/option>\r\n <option value=\"500,000 \u0e1a\u0e32\u0e17 \u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\">500,000 \u0e1a\u0e32\u0e17 \u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div>\r\n <label for=\"roof-type\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/label>\r\n <select id=\"roof-type\" name=\"roofType\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-emerald-600 focus:border-emerald-600 transition-colors bg-white\">\r\n <option value=\"\" selected>-- \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32 --<\/option>\r\n <option value=\"\u0e40\u0e21\u0e17\u0e31\u0e25\u0e0a\u0e35\u0e17 (Metal Sheet)\">\u0e40\u0e21\u0e17\u0e31\u0e25\u0e0a\u0e35\u0e17 (Metal Sheet)<\/option>\r\n <option value=\"\u0e14\u0e32\u0e14\u0e1f\u0e49\u0e32\u0e1b\u0e39\u0e19 (Concrete)\">\u0e14\u0e32\u0e14\u0e1f\u0e49\u0e32\u0e1b\u0e39\u0e19 (Concrete)<\/option>\r\n <option value=\"\u0e01\u0e23\u0e30\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e25\u0e2d\u0e19\">\u0e01\u0e23\u0e30\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e25\u0e2d\u0e19<\/option>\r\n <option value=\"\u0e44\u0e21\u0e48\u0e41\u0e19\u0e48\u0e43\u0e08 \/ \u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e2a\u0e33\u0e23\u0e27\u0e08\">\u0e44\u0e21\u0e48\u0e41\u0e19\u0e48\u0e43\u0e08 \/ \u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e2a\u0e33\u0e23\u0e27\u0e08<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <!-- Message Area for Validation -->\r\n <div id=\"form-message\" class=\"text-center rounded-lg\"><\/div>\r\n\r\n <div class=\"pt-4\">\r\n <button type=\"submit\" class=\"w-full bg-slate-900 hover:bg-slate-800 text-white font-bold text-lg py-4 px-8 rounded-lg transition-all shadow-lg flex justify-center items-center gap-2\">\r\n \u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <p class=\"text-center text-sm text-gray-500 mt-4\">\r\n \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e08\u0e30\u0e16\u0e39\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a\u0e15\u0e32\u0e21\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 PDPA\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 6: Total Solutions (ZE Build & EM Design Synergy) -->\r\n <section id=\"synergy\" class=\"py-24 px-6 bg-slate-900 text-white relative overflow-hidden\">\r\n <!-- Abstract Background -->\r\n <div class=\"absolute inset-0 z-0 opacity-20\">\r\n <div class=\"absolute -top-40 -right-40 w-96 h-96 rounded-full bg-emerald-500 blur-3xl\"><\/div>\r\n <div class=\"absolute -bottom-40 -left-40 w-96 h-96 rounded-full bg-blue-500 blur-3xl\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-2 gap-16 items-center relative z-10\">\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2022\/07\/Screenshot-2025-09-03-194607.png\" alt=\"Professional Construction\" class=\"rounded-[2rem] shadow-2xl h-[450px] w-full object-cover border border-slate-700\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-emerald-400 font-bold tracking-widest text-sm mb-2 uppercase\">TOTAL BUILDING SOLUTION<\/h3>\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-8 leading-tight\">\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e41\u0e04\u0e48\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23 <br class=\"hidden lg:block\"\/> \"\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e04\u0e32\u0e23\" \u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/h2>\r\n \r\n <div class=\"space-y-8 mb-10\">\r\n <div class=\"flex gap-5\">\r\n <div class=\"w-14 h-14 flex-shrink-0 bg-white\/10 backdrop-blur-sm rounded-xl flex items-center justify-center border border-white\/10\">\r\n <i class=\"fa-solid fa-compass-drafting text-emerald-400 text-xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5 class=\"font-bold text-lg mb-1\">ZE Build | SME Construction<\/h5>\r\n <p class=\"text-sm text-slate-200 font-light leading-relaxed\">\u0e23\u0e31\u0e1a\u0e40\u0e2b\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23 SME (\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 1,300 \u0e15\u0e23.\u0e21.) \u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e2a\u0e32\u0e40\u0e02\u0e47\u0e21\u0e15\u0e49\u0e19\u0e41\u0e23\u0e01 \u0e04\u0e38\u0e21\u0e07\u0e1a\u0e44\u0e14\u0e49\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 (For Cost Sprint)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-5\">\r\n <div class=\"w-14 h-14 flex-shrink-0 bg-white\/10 backdrop-blur-sm rounded-xl flex items-center justify-center border border-white\/10\">\r\n <i class=\"fa-solid fa-hospital-user text-emerald-400 text-xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5 class=\"font-bold text-lg mb-1\">EM Design | Architectural Excellence<\/h5>\r\n <p class=\"text-sm text-slate-200 font-light leading-relaxed\">\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e0d\u0e48\u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a BIM (Building Information Modeling) \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e02\u0e32\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 15% \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4\">\r\n <!-- \u0e41\u0e01\u0e49\u0e44\u0e02\u0e25\u0e34\u0e07\u0e01\u0e4c LINE \u0e40\u0e1b\u0e47\u0e19 https:\/\/lin.ee\/ZXDoniH \u0e17\u0e31\u0e49\u0e07 2 \u0e1b\u0e38\u0e48\u0e21\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 -->\r\n <a href=\"https:\/\/lin.ee\/ZXDoniH\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-emerald-600 text-white px-8 py-4 rounded-lg font-bold text-center hover:bg-emerald-500 transition-all shadow-lg\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e43\u0e2b\u0e21\u0e48<\/a>\r\n <a href=\"https:\/\/lin.ee\/ZXDoniH\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"border border-white\/30 text-white px-8 py-4 rounded-lg font-bold text-center hover:bg-white\/10 transition-all\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Initialize Lucide Icons and Form Logic -->\r\n <script>\r\n lucide.createIcons();\r\n\r\n \/\/ Google Sheets Form Submission Logic\r\n document.getElementById('lead-form').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n const messageDiv = document.getElementById('form-message');\r\n const submitBtn = this.querySelector('button[type=\"submit\"]');\r\n const originalBtnText = submitBtn.innerHTML;\r\n \r\n \/\/ 1. Show Loading State\r\n submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin mr-2\"><\/i> \u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...';\r\n submitBtn.disabled = true;\r\n submitBtn.classList.add('opacity-75', 'cursor-not-allowed');\r\n messageDiv.className = \"text-center rounded-lg p-4 mt-6 hidden\";\r\n \r\n \/\/ 2. Prepare Form Data (\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 Google Script \u0e0a\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14)\r\n const formData = new FormData(this);\r\n const data = new URLSearchParams();\r\n for (const pair of formData) {\r\n data.append(pair[0], pair[1]);\r\n }\r\n \r\n \/\/ \ud83d\udea8 URL \u0e02\u0e2d\u0e07 Google Apps Script \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \ud83d\udea8\r\n const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbz0bPDbh5GSNKvOKLHzTEJeTU2ZGLTBIIw9S2tD2Pwpv6zHTtfRMIBBQXC_LZUTauX-\/exec'; \r\n \r\n \/\/ 3. Send Data to Google Sheets via Fetch API\r\n fetch(scriptURL, { \r\n method: 'POST', \r\n body: data, \/\/ \u0e43\u0e0a\u0e49 URLSearchParams \u0e41\u0e17\u0e19 FormData \u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\r\n mode: 'no-cors' \/\/ \ud83d\udccc [FIXED BUG]: \u0e15\u0e49\u0e2d\u0e07\u0e43\u0e2a\u0e48 no-cors \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Error \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e2b\u0e25\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e42\u0e14\u0e19 block CORS policy \u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 script redirect\r\n })\r\n .then(response => {\r\n \/\/ Success Message (\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e43\u0e0a\u0e49 no-cors \u0e41\u0e21\u0e49 response \u0e08\u0e30\u0e16\u0e39\u0e01\u0e0b\u0e48\u0e2d\u0e19\u0e41\u0e15\u0e48\u0e16\u0e49\u0e32\u0e21\u0e32\u0e16\u0e36\u0e07 then \u0e16\u0e37\u0e2d\u0e27\u0e48\u0e32\u0e2a\u0e48\u0e07\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08)\r\n messageDiv.classList.remove('hidden');\r\n messageDiv.classList.add(\"bg-emerald-50\", \"text-emerald-700\", \"border\", \"border-emerald-200\");\r\n messageDiv.innerHTML = '<i data-lucide=\"check-circle\" class=\"w-5 h-5 inline-block mr-2 mb-1\"><\/i> <strong>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!<\/strong> \u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e22\u0e43\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e04\u0e23\u0e31\u0e1a';\r\n lucide.createIcons();\r\n \r\n \/\/ Reset Form and Button (\u0e43\u0e0a\u0e49 e.target \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 Scope)\r\n e.target.reset();\r\n submitBtn.innerHTML = originalBtnText;\r\n submitBtn.disabled = false;\r\n submitBtn.classList.remove('opacity-75', 'cursor-not-allowed');\r\n })\r\n .catch(error => {\r\n \/\/ Error Message\r\n messageDiv.classList.remove('hidden');\r\n messageDiv.classList.add(\"bg-red-50\", \"text-red-600\", \"border\", \"border-red-200\");\r\n messageDiv.innerHTML = '<i data-lucide=\"x-circle\" class=\"w-5 h-5 inline-block mr-2 mb-1\"><\/i> <strong>\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14!<\/strong> \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e14\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1c\u0e48\u0e32\u0e19 LINE';\r\n lucide.createIcons();\r\n \r\n \/\/ Reset Button\r\n submitBtn.innerHTML = originalBtnText;\r\n submitBtn.disabled = false;\r\n submitBtn.classList.remove('opacity-75', 'cursor-not-allowed');\r\n console.error('Error!', error.message);\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/p>\n<p> EM Design \u0e04\u0e39\u0e48\u0e04\u0e34\u0e14\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (One-Stop Service) <\/p>\n<p>\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 30-100+ \u0e40\u0e15\u0e35\u0e22\u0e07 \u0e41\u0e25\u0e30\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19 \u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e08\u0e32\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/p>","protected":false},"author":1,"featured_media":4986,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7],"tags":[43],"class_list":["post-4959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-em-energy","tag-news"],"acf":{"photo_gallery":{"photo_galleries":[[]]}},"_links":{"self":[{"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts\/4959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/comments?post=4959"}],"version-history":[{"count":46,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts\/4959\/revisions"}],"predecessor-version":[{"id":5457,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts\/4959\/revisions\/5457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/media\/4986"}],"wp:attachment":[{"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/media?parent=4959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/categories?post=4959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/tags?post=4959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}