{"id":4614,"date":"2026-02-06T02:31:09","date_gmt":"2026-02-06T02:31:09","guid":{"rendered":"https:\/\/em.co.th\/?p=4614"},"modified":"2026-07-10T06:55:17","modified_gmt":"2026-07-10T06:55:17","slug":"zebuildforbusiness","status":"publish","type":"post","link":"https:\/\/em.co.th\/en\/zebuildforbusiness\/","title":{"rendered":"ZE Build \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07 “\u0e01\u0e33\u0e44\u0e23” \u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e38\u0e13"},"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 ZE Build - Zero Energy Building<\/title>\r\n \r\n <!-- Load Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Configure Theme Colors to match Brand Guide -->\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n emerald: {\r\n 50: '#f0fdf4',\r\n 100: '#dcfce7',\r\n 400: '#4ade80',\r\n 500: '#37D368', \/* Official Brand Color *\/\r\n 600: '#2db857',\r\n 700: '#047857',\r\n },\r\n black: '#000000',\r\n },\r\n fontFamily: {\r\n sans: ['Sarabun', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <!-- Load Lucide Icons -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n body { font-family: 'Sarabun', sans-serif; }\r\n html { scroll-behavior: smooth; }\r\n .text-brand { color: #37D368; }\r\n .bg-brand { background-color: #37D368; }\r\n .border-brand { border-color: #37D368; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-gray-900 antialiased selection:bg-emerald-500 selection:text-white bg-gray-50\">\r\n\r\n <!-- Hero Section -->\r\n <header class=\"relative pt-16 pb-20 lg:pt-24 lg:pb-32 overflow-hidden bg-black\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <!-- Overlay using Brand Black tones -->\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black via-gray-900\/90 to-gray-800\/80 z-10\"><\/div>\r\n <img decoding=\"async\" \r\n src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?q=80&w=2070&auto=format&fit=crop\" \r\n alt=\"Construction Site Building\" \r\n class=\"w-full h-full object-cover opacity-50 grayscale\"\r\n \/>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center lg:text-left\">\r\n <div class=\"lg:w-3\/4\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 backdrop-blur-sm text-emerald-500 font-semibold text-sm mb-6\">\r\n <i data-lucide=\"leaf\" class=\"w-4 h-4\"><\/i>\r\n <span>Climate Change Solution for Business<\/span>\r\n <\/div>\r\n <h1 class=\"text-4xl lg:text-6xl font-extrabold text-white leading-tight mb-6 tracking-tight\">\r\n \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23 <br\/>\r\n \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07 <span class=\"text-emerald-500\">\"\u0e01\u0e33\u0e44\u0e23\"<\/span> \u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e38\u0e13\r\n <\/h1>\r\n <p class=\"text-xl text-gray-300 mb-8 font-light leading-relaxed max-w-2xl\">\r\n \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e33\u0e44\u0e23\u0e14\u0e49\u0e27\u0e22 <strong>Zero Energy Building (ZEB)<\/strong> \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a SME \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 200 - 2,000 \u0e15\u0e23.\u0e21. \r\n \u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 \u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e44\u0e27\u0e20\u0e32\u0e22\u0e43\u0e19 4-7 \u0e1b\u0e35 \u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e01\u0e27\u0e48\u0e32\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n <a href=\"https:\/\/lin.ee\/B0apYD7\" target=\"_blank\" class=\"bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-3 px-8 rounded-xl transition flex items-center justify-center gap-2\">\r\n \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e32\u0e04\u0e32\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\r\n <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 <\/header>\r\n\r\n <!-- Why ZE Build -->\r\n <section id=\"why-us\" 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-emerald-500 font-bold tracking-wide uppercase mb-3\">Why ZE Build?<\/h2>\r\n <h3 class=\"text-3xl lg:text-4xl font-extrabold text-black\">\r\n 4 \u0e08\u0e38\u0e14\u0e41\u0e02\u0e47\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e01\u0e27\u0e48\u0e32\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e40\u0e2b\u0e21\u0e32\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\r\n <\/h3>\r\n <p class=\"mt-4 text-gray-500 text-lg\">\r\n \u0e41\u0e01\u0e49\u0e17\u0e38\u0e01 Pain Point \u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a Turnkey \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n <!-- Feature 1 -->\r\n <div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 hover:shadow-lg transition group hover:border-emerald-500\/30\">\r\n <div class=\"w-14 h-14 bg-gray-100 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 group-hover:bg-emerald-500\/10\">\r\n <i data-lucide=\"calculator\" class=\"w-7 h-7 text-gray-900 group-hover:text-emerald-500 transition\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-3\">\u0e04\u0e38\u0e21\u0e07\u0e1a\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07 100%<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a <strong>\"Design for Cost\"<\/strong> \u0e40\u0e23\u0e32\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e04\u0e39\u0e48\u0e02\u0e19\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e32\u0e04\u0e32 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e07\u0e1a\u0e16\u0e39\u0e01\u0e25\u0e47\u0e2d\u0e04\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19 \u0e44\u0e21\u0e48\u0e1a\u0e32\u0e19\u0e1b\u0e25\u0e32\u0e22\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Feature 2 -->\r\n <div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 hover:shadow-lg transition group hover:border-emerald-500\/30\">\r\n <div class=\"w-14 h-14 bg-gray-100 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 group-hover:bg-emerald-500\/10\">\r\n <i data-lucide=\"layers\" class=\"w-7 h-7 text-gray-900 group-hover:text-emerald-500 transition\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-3\">\u0e25\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e14\u0e49\u0e27\u0e22 BIM<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n \u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 <strong>BIM<\/strong> \u0e08\u0e33\u0e25\u0e2d\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23 3 \u0e21\u0e34\u0e15\u0e34 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e07\u0e32\u0e19\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e25\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e44\u0e27\u0e01\u0e27\u0e48\u0e32\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Feature 3 -->\r\n <div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 hover:shadow-lg transition group hover:border-emerald-500\/30\">\r\n <div class=\"w-14 h-14 bg-gray-100 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 group-hover:bg-emerald-500\/10\">\r\n <i data-lucide=\"leaf\" class=\"w-7 h-7 text-gray-900 group-hover:text-emerald-500 transition\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-3\">\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48\u0e15\u0e34\u0e14 Solar Cell \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49 <strong>Passive Design<\/strong> \u0e25\u0e14 Load \u0e41\u0e2d\u0e23\u0e4c\u0e43\u0e2b\u0e49\u0e15\u0e48\u0e33\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Feature 4 -->\r\n <div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 hover:shadow-lg transition group hover:border-emerald-500\/30\">\r\n <div class=\"w-14 h-14 bg-gray-100 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 group-hover:bg-emerald-500\/10\">\r\n <i data-lucide=\"shield-check\" class=\"w-7 h-7 text-gray-900 group-hover:text-emerald-500 transition\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-3\">\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e40\u0e1a\u0e47\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n \u0e17\u0e35\u0e21\u0e40\u0e14\u0e35\u0e22\u0e27\u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e1a \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e17\u0e34\u0e49\u0e07\u0e07\u0e32\u0e19 100%\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NEW SECTION: Pricing & Value (\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 25,000) -->\r\n <section id=\"pricing-value\" class=\"py-24 bg-gray-900 relative overflow-hidden\">\r\n <!-- Background Image with Overlay -->\r\n <div class=\"absolute inset-0 z-0 opacity-30\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop\" alt=\"Modern Building\" class=\"w-full h-full object-cover grayscale\">\r\n <\/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 <!-- Header & Price Tag -->\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-white text-3xl font-bold mb-4\">\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e01\u0e31\u0e1a <span class=\"text-emerald-500\">ZE BUILD<\/span><\/h2>\r\n <div class=\"inline-flex flex-col sm:flex-row items-center justify-center gap-2 sm:gap-4 bg-emerald-500 text-white px-8 py-4 sm:py-6 rounded-3xl sm:rounded-full shadow-[0_0_40px_rgba(55,211,104,0.3)] transform hover:scale-105 transition duration-300 border border-emerald-400\">\r\n <span class=\"text-2xl font-semibold opacity-90\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e15\u0e23.\u0e21. \u0e25\u0e30<\/span>\r\n <span class=\"text-5xl sm:text-7xl font-extrabold tracking-tight\">30,000<\/span>\r\n <span class=\"text-2xl font-semibold opacity-90\">\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 6 Benefits Grid -->\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto\">\r\n \r\n <!-- Benefit 1 -->\r\n <div class=\"bg-gray-800\/80 backdrop-blur-md border border-emerald-500\/30 rounded-3xl overflow-hidden group hover:border-emerald-500 transition duration-300 flex flex-col h-full\">\r\n <div class=\"h-48 overflow-hidden relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616137466211-f939a420be84?q=80&w=1000&auto=format&fit=crop\" alt=\"Air Conditioner\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500 opacity-80\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 text-center flex-1 flex flex-col justify-center -mt-10 relative z-10\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e40\u0e22\u0e47\u0e19\u0e01\u0e27\u0e48\u0e32 \u0e43\u0e0a\u0e49\u0e41\u0e2d\u0e23\u0e4c\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32<\/h4>\r\n <p class=\"text-emerald-400 font-medium\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e41\u0e2d\u0e23\u0e4c \u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e2a\u0e1a\u0e32\u0e22\u0e01\u0e27\u0e48\u0e32<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Benefit 2 -->\r\n <div class=\"bg-gray-800\/80 backdrop-blur-md border border-emerald-500\/30 rounded-3xl overflow-hidden group hover:border-emerald-500 transition duration-300 flex flex-col h-full\">\r\n <div class=\"h-48 overflow-hidden relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542626991-cbc4e32524cc?q=80&w=1000&auto=format&fit=crop\" alt=\"Private Room\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500 opacity-80\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 text-center flex-1 flex flex-col justify-center -mt-10 relative z-10\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32<\/h4>\r\n <p class=\"text-emerald-400 font-medium\">\u0e1c\u0e19\u0e31\u0e07\u0e01\u0e31\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e07 \u0e25\u0e14\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e23\u0e1a\u0e01\u0e27\u0e19<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Benefit 3 -->\r\n <div class=\"bg-gray-800\/80 backdrop-blur-md border border-emerald-500\/30 rounded-3xl overflow-hidden group hover:border-emerald-500 transition duration-300 flex flex-col h-full\">\r\n <div class=\"h-48 overflow-hidden relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?q=80&w=1000&auto=format&fit=crop\" alt=\"Energy Saving Lightbulb\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500 opacity-80\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 text-center flex-1 flex flex-col justify-center -mt-10 relative z-10\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e44\u0e1f\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32<\/h4>\r\n <p class=\"text-emerald-400 font-medium\">\u0e09\u0e19\u0e27\u0e19\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Benefit 4 -->\r\n <div class=\"bg-gray-800\/80 backdrop-blur-md border border-emerald-500\/30 rounded-3xl overflow-hidden group hover:border-emerald-500 transition duration-300 flex flex-col h-full\">\r\n <div class=\"h-48 overflow-hidden relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?q=80&w=1000&auto=format&fit=crop\" alt=\"Business Growth\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500 opacity-80\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 text-center flex-1 flex flex-col justify-center -mt-10 relative z-10\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e02\u0e32\u0e22\u0e44\u0e14\u0e49\u0e41\u0e1e\u0e07\u0e01\u0e27\u0e48\u0e32<\/h4>\r\n <p class=\"text-emerald-400 font-medium\">\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e39\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e02\u0e32\u0e22\u0e15\u0e48\u0e2d<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Benefit 5 -->\r\n <div class=\"bg-gray-800\/80 backdrop-blur-md border border-emerald-500\/30 rounded-3xl overflow-hidden group hover:border-emerald-500 transition duration-300 flex flex-col h-full\">\r\n <div class=\"h-48 overflow-hidden relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553729459-efe14ef6055d?q=80&w=1000&auto=format&fit=crop\" alt=\"Money ROI\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500 opacity-80\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 text-center flex-1 flex flex-col justify-center -mt-10 relative z-10\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19 3 - 5 \u0e1b\u0e35<\/h4>\r\n <p class=\"text-emerald-400 font-medium\">\u0e08\u0e32\u0e01\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Benefit 6 -->\r\n <div class=\"bg-gray-800\/80 backdrop-blur-md border border-emerald-500\/30 rounded-3xl overflow-hidden group hover:border-emerald-500 transition duration-300 flex flex-col h-full\">\r\n <div class=\"h-48 overflow-hidden relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?q=80&w=1000&auto=format&fit=crop\" alt=\"Graphs and Money\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500 opacity-80\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 text-center flex-1 flex flex-col justify-center -mt-10 relative z-10\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14 10 \u0e40\u0e17\u0e48\u0e32<\/h4>\r\n <p class=\"text-emerald-400 font-medium\">\u0e02\u0e2d\u0e07\u0e40\u0e07\u0e34\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mini Contact Footer -->\r\n <div class=\"mt-16 bg-black\/80 backdrop-blur-lg border border-gray-700 rounded-3xl p-6 lg:p-8 flex flex-col lg:flex-row items-center justify-between gap-6 max-w-5xl mx-auto shadow-2xl\">\r\n <div class=\"text-center lg:text-left\">\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e35\u0e48\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e41\u0e25\u0e30\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/h3>\r\n <div class=\"inline-block bg-emerald-500 text-black font-bold px-6 py-2 rounded-full text-lg shadow-md\">\r\n \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07!\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col sm:flex-row items-center gap-6\">\r\n <div class=\"space-y-3\">\r\n <a href=\"tel:0880880025\" class=\"flex items-center gap-3 text-white hover:text-emerald-400 transition text-xl font-bold\">\r\n <div class=\"bg-emerald-500 p-2 rounded-full text-black\"><i data-lucide=\"phone\" class=\"w-5 h-5\"><\/i><\/div>\r\n 088 088 0025\r\n <\/a>\r\n <a href=\"https:\/\/zebuild.co.th\" target=\"_blank\" class=\"flex items-center gap-3 text-white hover:text-emerald-400 transition text-xl font-bold\">\r\n <div class=\"bg-emerald-500 p-2 rounded-full text-black\"><i data-lucide=\"globe\" class=\"w-5 h-5\"><\/i><\/div>\r\n zebuild.co.th\r\n <\/a>\r\n <\/div>\r\n <div class=\"bg-white p-2 rounded-xl shrink-0\">\r\n <!-- Line QR Code (Generated via API to prevent broken image) -->\r\n <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=https:\/\/lin.ee\/B0apYD7\" alt=\"Line QR Code\" class=\"w-24 h-24 object-contain\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center mt-6\">\r\n <p class=\"text-gray-400 text-sm\">*\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e01\u0e33\u0e2b\u0e19\u0e14*<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ROI Proof Section -->\r\n <section id=\"roi\" class=\"py-20 bg-black text-white overflow-hidden relative\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-gradient-to-l from-emerald-500\/10 to-transparent\"><\/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=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n <div>\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-500\/20 text-emerald-500 text-xs font-bold mb-4\">\r\n CASE STUDY: 2BeShop Project\r\n <\/div>\r\n <h2 class=\"text-3xl lg:text-5xl font-bold mb-6\">\r\n \u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49... <br\/>\r\n <span class=\"text-emerald-500\">\u0e01\u0e33\u0e44\u0e23\u0e04\u0e37\u0e19\u0e21\u0e32 50 \u0e25\u0e49\u0e32\u0e19+<\/span>\r\n <\/h2>\r\n <p class=\"text-gray-400 text-lg mb-8 leading-relaxed\">\r\n \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e2d\u0e32\u0e08\u0e16\u0e39\u0e01\u0e01\u0e27\u0e48\u0e32\u0e15\u0e2d\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e41\u0e15\u0e48 <strong>ZE Build<\/strong> \u0e0a\u0e48\u0e27\u0e22\u0e04\u0e38\u0e13\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e21\u0e2b\u0e32\u0e28\u0e32\u0e25\u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2d\u0e32\u0e04\u0e32\u0e23 \r\n \u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e14\u0e39\u0e41\u0e25\r\n <\/p>\r\n \r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"p-2 bg-gray-900 rounded-lg text-emerald-500 mt-1\"><i data-lucide=\"clock\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl text-white\">\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 3 \u0e1b\u0e35 9 \u0e40\u0e14\u0e37\u0e2d\u0e19<\/h4>\r\n <p class=\"text-sm text-gray-400\">\u0e08\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e17\u0e38\u0e19 (Break Even) \u0e40\u0e23\u0e47\u0e27\u0e01\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e32\u0e01\u0e40\u0e07\u0e34\u0e19\u0e01\u0e34\u0e19\u0e14\u0e2d\u0e01\u0e40\u0e1a\u0e35\u0e49\u0e22<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"p-2 bg-gray-900 rounded-lg text-emerald-500 mt-1\"><i data-lucide=\"bar-chart-3\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl text-white\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1b\u0e35\u0e25\u0e30 300,000+ \u0e1a\u0e32\u0e17<\/h4>\r\n <p class=\"text-sm text-gray-400\">\u0e25\u0e14\u0e04\u0e48\u0e32\u0e41\u0e2d\u0e23\u0e4c\u0e08\u0e32\u0e01 5 \u0e41\u0e2a\u0e19 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07 2 \u0e41\u0e2a\u0e19\u0e01\u0e27\u0e48\u0e32\u0e1a\u0e32\u0e17\u0e15\u0e48\u0e2d\u0e1b\u0e35<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mockup Graph -->\r\n <div class=\"bg-white\/5 backdrop-blur-sm p-8 rounded-2xl border border-white\/10\">\r\n <h3 class=\"text-lg font-semibold mb-6 text-center text-gray-200\">\u0e01\u0e23\u0e32\u0e1f\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e23\u0e27\u0e21 (Construction + Energy Cost)<\/h3>\r\n <div class=\"relative h-64 w-full border-l border-b border-gray-600 flex items-end px-4 pb-4 gap-4\">\r\n <div class=\"absolute top-4 left-4 text-xs space-y-2\">\r\n <div class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-gray-500 rounded-full\"><\/div> \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\r\n <div class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-emerald-500 rounded-full\"><\/div> ZE Build<\/div>\r\n <\/div>\r\n <div class=\"absolute inset-0 p-8\">\r\n <svg class=\"w-full h-full overflow-visible\">\r\n <path d=\"M0,200 L300,0\" fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\" stroke-dasharray=\"4 4\" \/>\r\n <text x=\"310\" y=\"10\" fill=\"#6b7280\" class=\"text-xs font-bold\">Cost \u0e2a\u0e39\u0e07<\/text>\r\n \r\n <path d=\"M0,180 L300,120\" fill=\"none\" stroke=\"#37D368\" stroke-width=\"3\" \/>\r\n <text x=\"310\" y=\"130\" fill=\"#37D368\" class=\"text-xs font-bold\">Cost \u0e15\u0e48\u0e33 (\u0e01\u0e33\u0e44\u0e23)<\/text>\r\n\r\n <circle cx=\"50\" cy=\"170\" r=\"4\" fill=\"#37D368\" \/>\r\n <text x=\"40\" y=\"195\" fill=\"white\" class=\"text-xs\">Break Even ~4 Years<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NEW SECTION: Trust & Authority (\u0e23\u0e39\u0e49\u0e44\u0e14\u0e49\u0e44\u0e07\u0e27\u0e48\u0e32\u0e40\u0e23\u0e32\u0e17\u0e33\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07) -->\r\n <section id=\"proof\" class=\"py-24 bg-emerald-50 relative overflow-hidden\">\r\n <!-- Background Decorator -->\r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-500\/10 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/2\"><\/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=\"text-center mb-16\">\r\n <h2 class=\"text-emerald-600 font-bold tracking-wide uppercase mb-3\">Tested & Proven Standard<\/h2>\r\n <h3 class=\"text-3xl lg:text-4xl font-extrabold text-black mb-6\">\r\n \u0e23\u0e39\u0e49\u0e44\u0e14\u0e49\u0e44\u0e07\u0e27\u0e48\u0e32\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e02\u0e2d\u0e07 \"ZE Build\" \u0e14\u0e35\u0e08\u0e23\u0e34\u0e07\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22?\r\n <\/h3>\r\n <p class=\"text-gray-600 text-lg max-w-3xl mx-auto font-medium leading-relaxed\">\r\n \u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e22\u0e2d\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e01\u0e31\u0e1a \"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e04\u0e25\u0e21\" \u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e17\u0e38\u0e01\u0e0a\u0e34\u0e49\u0e19\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e17\u0e31\u0e49\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 100%\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\r\n <!-- Text Story Content -->\r\n <div class=\"space-y-8\">\r\n \r\n <!-- Solution Box -->\r\n <div class=\"bg-white p-6 rounded-2xl border-l-4 border-emerald-500 shadow-sm hover:shadow-md transition\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <div class=\"bg-emerald-100 p-2 rounded-lg text-emerald-600\">\r\n <i data-lucide=\"microscope\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-black\">\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e08\u0e23\u0e34\u0e07\u0e17\u0e35\u0e48 \u0e21.\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h4>\r\n <\/div>\r\n <p class=\"text-gray-600 text-sm leading-relaxed mb-5\">\r\n \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 <strong>ZE Build<\/strong> \u0e44\u0e14\u0e49\u0e19\u0e33\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e09\u0e19\u0e27\u0e19\u0e41\u0e25\u0e30\u0e1c\u0e19\u0e31\u0e07\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e40\u0e02\u0e49\u0e32\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e17\u0e35\u0e48 <strong>\u0e28\u0e39\u0e19\u0e22\u0e4c CBIT (Center of Building Innovation and Technology)<\/strong> \u0e42\u0e14\u0e22\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e08\u0e32\u0e01 <strong>\u0e1c\u0e28.\u0e14\u0e23.\u0e1b\u0e32\u0e23\u0e40\u0e21\u0e28 \u0e01\u0e33\u0e41\u0e2b\u0e07\u0e24\u0e17\u0e18\u0e34\u0e23\u0e07\u0e04\u0e4c \u0e04\u0e13\u0e1a\u0e14\u0e35\u0e04\u0e13\u0e30\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21.\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2f<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\r\n <\/p>\r\n \r\n <div class=\"grid sm:grid-cols-2 gap-4\">\r\n <div class=\"flex items-start gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-sm text-gray-700 font-medium\">\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e25\u0e32\u0e21\u0e44\u0e1f (Fire Barrier)<\/span>\r\n <\/div>\r\n <div class=\"flex items-start gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-sm text-gray-700 font-medium\">\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19<\/span>\r\n <\/div>\r\n <div class=\"flex items-start gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-sm text-gray-700 font-medium\">\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e31\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e07<\/span>\r\n <\/div>\r\n <div class=\"flex items-start gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-sm text-gray-700 font-medium\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-emerald-800 font-bold text-base bg-emerald-100 p-5 rounded-xl border border-emerald-200\">\r\n \"\u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e04\u0e25\u0e21\u0e08\u0e32\u0e01 Supplier (Data Sheet) \u0e21\u0e32\u0e42\u0e19\u0e49\u0e21\u0e19\u0e49\u0e32\u0e27\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49 '\u0e1c\u0e25 Lab \u0e08\u0e32\u0e01\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d' \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e27\u0e48\u0e32\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\"\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- SVG Image Data Output -->\r\n <div class=\"relative\">\r\n <div class=\"bg-white p-4 rounded-3xl shadow-2xl border border-gray-100\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/12\/%E0%B8%9C%E0%B8%A5%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A-EM-Design-1920-x-1920-px-3.svg\" \r\n alt=\"\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e2d\u0e32\u0e04\u0e32\u0e23 ZEB\" \r\n class=\"w-full h-auto object-contain rounded-2xl bg-gray-50\"\r\n >\r\n <\/div>\r\n \r\n <!-- Decorative Floating Element -->\r\n <div class=\"absolute -bottom-8 -left-8 bg-black text-white p-6 rounded-2xl shadow-xl max-w-[250px] hidden md:block border border-gray-800\">\r\n <div class=\"flex items-center gap-3 mb-2\">\r\n <i data-lucide=\"file-check-2\" class=\"w-6 h-6 text-emerald-400\"><\/i>\r\n <span class=\"font-bold text-lg\">Lab Certified<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-gray-400 leading-relaxed\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e16\u0e39\u0e01\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1c\u0e48\u0e32\u0e19\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NEW SECTION: Portfolio (\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27 - Full Detail 2BE Shop) -->\r\n <section id=\"portfolio\" 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=\"text-center mb-16\">\r\n <h2 class=\"text-emerald-500 font-bold tracking-wide uppercase mb-3\">Featured Case Study<\/h2>\r\n <h3 class=\"text-3xl lg:text-5xl font-extrabold text-black\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/h3>\r\n <p class=\"mt-4 text-gray-500 font-medium\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 200 - 2,000 \u0e15\u0e23.\u0e21.<\/p>\r\n <\/div>\r\n\r\n <!-- Full Case Study Container -->\r\n <div class=\"bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-2xl\">\r\n \r\n <!-- NEW Hero Block: Safe Split Layout (\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32 Layout \u0e1e\u0e31\u0e07) -->\r\n <div class=\"grid lg:grid-cols-2 bg-gray-900 border-b border-gray-800\">\r\n <!-- Image Area -->\r\n <div class=\"h-64 sm:h-80 lg:h-auto w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/em.co.th\/wp-content\/uploads\/2025\/07\/Picture31-768x432-1.jpg\" alt=\"2BE Shop Building\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <!-- Text Area -->\r\n <div class=\"p-8 lg:p-16 flex flex-col justify-center\">\r\n <div class=\"bg-emerald-500 text-white text-sm font-bold px-4 py-1.5 rounded-full inline-flex items-center w-max mb-6 uppercase tracking-wider shadow-lg\">\r\n Zero Energy Building\r\n <\/div>\r\n <h4 class=\"text-4xl lg:text-5xl font-extrabold text-white mb-6\">2BE Shop<\/h4>\r\n <p class=\"text-emerald-400 font-semibold text-xl lg:text-2xl leading-relaxed\">\r\n \u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48 \"\u0e2d\u0e32\u0e04\u0e32\u0e23 ZEB\" \u0e01\u0e31\u0e1a EM Group \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19-\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e19\u0e32\u0e04\u0e15 \u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e44\u0e1f\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 90%\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Project Content -->\r\n <div class=\"p-8 lg:p-16\">\r\n \r\n <!-- Intro Text -->\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <p class=\"text-xl text-gray-600 leading-relaxed font-medium\">\r\n \u0e43\u0e19\u0e22\u0e38\u0e04\u0e17\u0e35\u0e48\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07 \u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 <strong class=\"text-emerald-600\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e44\u0e1f \u0e25\u0e14\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/strong> \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e17\u0e38\u0e01\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e43\u0e1d\u0e48\u0e1d\u0e31\u0e19 \u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 2Be Shop \u0e01\u0e47\u0e04\u0e37\u0e2d\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07 \"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\" \u0e17\u0e35\u0e48\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48 ZEB - Zero Energy Building\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-12 gap-12\">\r\n <!-- Left Column: Details & Why ZEB -->\r\n <div class=\"lg:col-span-7 space-y-12\">\r\n \r\n <!-- Section 1 -->\r\n <div class=\"space-y-4\">\r\n <h5 class=\"text-2xl font-bold text-black border-l-4 border-emerald-500 pl-4\">2Be Shop: \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e2b\u0e48\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15<\/h5>\r\n <p class=\"text-gray-600 leading-relaxed\">\r\n 2Be Shop \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e2a\u0e39\u0e07 3 \u0e0a\u0e31\u0e49\u0e19 \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e2d\u0e22\u0e23\u0e27\u0e21\u0e01\u0e27\u0e48\u0e32 <strong>1,920 \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e21\u0e15\u0e23<\/strong> \u0e02\u0e2d\u0e07 <strong>\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e27\u0e35\u0e44\u0e25\u0e1f\u0e4c \u0e0b\u0e34\u0e2a\u0e40\u0e15\u0e47\u0e21\u0e2a\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14<\/strong> \u0e0b\u0e36\u0e48\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\r\n <\/p>\r\n <p class=\"text-gray-600 leading-relaxed\">\r\n \u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48 <strong class=\"text-black\">\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e0a\u0e34\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/strong> \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e43\u0e19\u0e40\u0e0a\u0e34\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e40\u0e0a\u0e48\u0e19 \u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e1a\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e23\u0e27\u0e21\u0e44\u0e1b\u0e16\u0e36\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e25\u0e07\u0e15\u0e31\u0e27 \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e20\u0e32\u0e1e\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48\r\n <\/p>\r\n <p class=\"text-emerald-700 font-bold bg-emerald-50 p-4 rounded-xl inline-block mt-2\">\r\n \u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14... \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e19\u0e35\u0e49\u0e01\u0e49\u0e32\u0e27\u0e02\u0e49\u0e32\u0e21\u0e08\u0e32\u0e01 \"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\" \u0e44\u0e1b\u0e2a\u0e39\u0e48 \"\u0e2d\u0e32\u0e04\u0e32\u0e23 ZEB - Zero Energy Building\" \u0e14\u0e49\u0e27\u0e22\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e08\u0e32\u0e01 EM Group\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Section 2 -->\r\n <div class=\"space-y-4\">\r\n <h5 class=\"text-2xl font-bold text-black border-l-4 border-emerald-500 pl-4\">\u0e17\u0e33\u0e44\u0e21 ZEB \u0e16\u0e36\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d?<\/h5>\r\n <p class=\"text-gray-600 leading-relaxed\">\r\n <strong>ZEB \u0e2b\u0e23\u0e37\u0e2d Zero Energy Building<\/strong> \u0e04\u0e37\u0e2d\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e34\u0e15\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e14\u0e41\u0e17\u0e19\u0e08\u0e32\u0e01 \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c (Solar PV) \u0e21\u0e32\u0e0a\u0e14\u0e40\u0e0a\u0e22\u0e08\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 <strong>\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e16\u0e36\u0e07 90% \u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19<\/strong>\r\n <\/p>\r\n <p class=\"text-gray-600 leading-relaxed\">\r\n \u0e43\u0e19\u0e01\u0e23\u0e13\u0e35\u0e02\u0e2d\u0e07 2Be Shop \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e1e\u0e35\u0e22\u0e07 10-15% \u0e41\u0e15\u0e48\u0e1c\u0e25\u0e15\u0e2d\u0e1a\u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e01\u0e25\u0e31\u0e1a\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 \u0e17\u0e31\u0e49\u0e07 <strong>\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e44\u0e1f\u0e21\u0e2b\u0e32\u0e28\u0e32\u0e25 \u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e1f\u0e38\u0e15\u0e1e\u0e23\u0e34\u0e19\u0e15\u0e4c \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\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<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Column: EM Group Roles & Conclusion -->\r\n <div class=\"lg:col-span-5 space-y-8\">\r\n \r\n <!-- Roles Box -->\r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100\">\r\n <h5 class=\"text-xl font-bold text-black mb-6\">\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e43\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e42\u0e14\u0e22 EM Group<\/h5>\r\n <p class=\"text-gray-600 mb-6 text-sm\">\r\n \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49 2Be Shop \u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23 ZEB \u0e17\u0e35\u0e48\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a \u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48 EM Group \u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e41\u0e25\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23:\r\n <\/p>\r\n <ul class=\"space-y-6\">\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"bg-white p-2 rounded-lg shadow-sm shrink-0 border border-gray-100\">\r\n <i data-lucide=\"pen-tool\" class=\"w-6 h-6 text-emerald-600\"><\/i>\r\n <\/div>\r\n <div>\r\n <strong class=\"text-black block mb-1\">EM Design & Management<\/strong>\r\n <span class=\"text-gray-600 text-sm leading-relaxed\">\u0e14\u0e39\u0e41\u0e25\u0e07\u0e32\u0e19\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21 \u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"bg-white p-2 rounded-lg shadow-sm shrink-0 border border-gray-100\">\r\n <i data-lucide=\"hard-hat\" class=\"w-6 h-6 text-emerald-600\"><\/i>\r\n <\/div>\r\n <div>\r\n <strong class=\"text-black block mb-1\">EM Build<\/strong>\r\n <span class=\"text-gray-600 text-sm leading-relaxed\">\u0e14\u0e39\u0e41\u0e25\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e04\u0e32\u0e23 ZEB \u0e17\u0e35\u0e48\u0e1c\u0e2a\u0e21\u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"bg-white p-2 rounded-lg shadow-sm shrink-0 border border-gray-100\">\r\n <i data-lucide=\"sun\" class=\"w-6 h-6 text-emerald-600\"><\/i>\r\n <\/div>\r\n <div>\r\n <strong class=\"text-black block mb-1\">EM Energy - Solar & Alternative Energy<\/strong>\r\n <span class=\"text-gray-600 text-sm leading-relaxed\">\u0e14\u0e39\u0e41\u0e25\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c (Solar Rooftop) \u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e40\u0e0a\u0e48\u0e19 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e27\u0e48\u0e32\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e25\u0e14\u0e25\u0e07\u0e08\u0e23\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e25\u0e14\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e18\u0e23\u0e23\u0e21<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Conclusion Box -->\r\n <div class=\"mt-12 bg-gradient-to-br from-emerald-500 to-emerald-700 rounded-2xl p-8 lg:p-12 text-white text-center shadow-xl\">\r\n <h5 class=\"text-2xl lg:text-3xl font-bold mb-6\">\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b: \u0e2d\u0e32\u0e04\u0e32\u0e23 ZEB = \u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e19\u0e32\u0e04\u0e15<\/h5>\r\n <p class=\"text-emerald-50 text-lg leading-relaxed max-w-4xl mx-auto mb-6\">\r\n \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 2Be Shop \u0e1e\u0e34\u0e2a\u0e39\u0e08\u0e19\u0e4c\u0e41\u0e25\u0e49\u0e27\u0e27\u0e48\u0e32 \u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e43\u0e19\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e22\u0e34\u0e48\u0e07\u0e43\u0e2b\u0e0d\u0e48\u0e43\u0e19\u0e27\u0e31\u0e19\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e40\u0e1b\u0e47\u0e19 \"\u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\" \u0e2b\u0e23\u0e37\u0e2d \"\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" \u0e41\u0e15\u0e48\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19 <strong>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/strong> \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e44\u0e1f \u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19 \u0e25\u0e14\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e20\u0e32\u0e1e\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27 (Green Business) \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\r\n <\/p>\r\n <p class=\"text-white font-bold text-xl\">\r\n \u0e41\u0e25\u0e30\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01 EM Group \u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e14\u0e49\u0e32\u0e19 \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e17\u0e35\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e44\u0e17\u0e22\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process Section -->\r\n <section id=\"process\" class=\"py-20 bg-gray-50 border-t border-gray-200\">\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 font-bold text-black\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/h2>\r\n <p class=\"mt-4 text-gray-500\">\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49 \u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e2d\u0e01\u0e40\u0e2a\u0e32\u0e40\u0e02\u0e47\u0e21<\/p>\r\n <\/div>\r\n\r\n <div class=\"relative\">\r\n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-0.5 bg-gray-200 -translate-y-1\/2 z-0\"><\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-8 relative z-10\">\r\n <!-- Step 1 -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100 text-center group hover:-translate-y-2 transition duration-300\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 shadow-lg shadow-black\/20\">1<\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-2\">Consult & Concept<\/h4>\r\n <p class=\"text-gray-500 text-sm\">\r\n \u0e41\u0e08\u0e49\u0e07\u0e42\u0e08\u0e17\u0e22\u0e4c \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 <br\/> \r\n \u0e40\u0e23\u0e32\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d Concept Design \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e27\u0e48\u0e32\u0e44\u0e1b\u0e15\u0e48\u0e2d\u0e44\u0e14\u0e49\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Step 2 -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-md border-2 border-emerald-500 text-center transform scale-105 group hover:-translate-y-2 transition duration-300 relative\">\r\n <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 bg-emerald-500 text-white px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider\">Most Important<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 shadow-lg shadow-emerald-500\/30\">2<\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-2\">\"For Cost\" Design<\/h4>\r\n <p class=\"text-gray-500 text-sm\">\r\n \u0e08\u0e49\u0e32\u0e07\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e32\u0e04\u0e32\u0e08\u0e23\u0e34\u0e07 <br\/>\r\n <span class=\"text-emerald-500 font-semibold\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49:<\/span> \u0e41\u0e1a\u0e1a\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 + BOQ \u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e2b\u0e32\u0e01\u0e23\u0e32\u0e04\u0e32\u0e40\u0e01\u0e34\u0e19\u0e07\u0e1a \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e14\u0e2a\u0e40\u0e1b\u0e04\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Step 3 -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100 text-center group hover:-translate-y-2 transition duration-300\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-6 shadow-lg shadow-black\/20\">3<\/div>\r\n <h4 class=\"text-xl font-bold text-black mb-2\">Build & Install<\/h4>\r\n <p class=\"text-gray-500 text-sm\">\r\n \u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1a\u0e1a Turnkey <br\/>\r\n \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e07\u0e32\u0e19\u0e42\u0e14\u0e22\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a Monitor \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e07\u0e32\u0e19\u0e15\u0e23\u0e07\u0e40\u0e27\u0e25\u0e32\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Synergy Section -->\r\n <section class=\"py-20 bg-white relative overflow-hidden\">\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-emerald-500 font-bold tracking-wide uppercase mb-3\">Powered by EM Group<\/h2>\r\n <h3 class=\"text-3xl font-extrabold text-black\">\u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e41\u0e01\u0e23\u0e48\u0e07\u0e08\u0e32\u0e01 2 \u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d<\/h3>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-16\">\r\n <div class=\"flex flex-col items-center text-center p-8 bg-gray-50 rounded-3xl border border-gray-100 hover:border-emerald-500\/30 transition\">\r\n <i data-lucide=\"building-2\" class=\"w-16 h-16 text-gray-800 mb-6\"><\/i>\r\n <h4 class=\"text-2xl font-bold text-black mb-2\">EM DESIGN<\/h4>\r\n <p class=\"text-gray-600 font-semibold mb-4\">\"The Engineering Brain\"<\/p>\r\n <p class=\"text-gray-600 leading-relaxed\">\r\n \u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e32\u0e1b\u0e19\u0e34\u0e01\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e07\u0e32\u0e19\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a (MEP) \u0e08\u0e32\u0e01\u0e15\u0e36\u0e01\u0e2a\u0e39\u0e07 \u0e19\u0e33\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a\u0e2d\u0e32\u0e04\u0e32\u0e23 SME \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center text-center p-8 bg-gray-50 rounded-3xl border border-gray-100 hover:border-emerald-500\/30 transition\">\r\n <i data-lucide=\"zap\" class=\"w-16 h-16 text-emerald-500 mb-6\"><\/i>\r\n <h4 class=\"text-2xl font-bold text-black mb-2\">EM ENERGY<\/h4>\r\n <p class=\"text-emerald-500 font-semibold mb-4\">\"The Power Heart\"<\/p>\r\n <p class=\"text-gray-600 leading-relaxed\">\r\n \u0e17\u0e35\u0e21\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19 Solar & IoT \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section id=\"contact\" class=\"py-20 bg-black relative\">\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-gradient-to-br from-gray-900 to-gray-800 border border-gray-800 rounded-3xl p-10 lg:p-16 text-center text-white shadow-2xl\">\r\n <h2 class=\"text-3xl lg:text-4xl font-bold mb-6\">\r\n \u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07 \"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e33\u0e40\u0e07\u0e34\u0e19\" \u0e2b\u0e25\u0e31\u0e07\u0e41\u0e23\u0e01\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\r\n <\/h2>\r\n <p class=\"text-emerald-500 text-lg mb-8 max-w-2xl mx-auto font-medium\">\r\n \u0e2d\u0e22\u0e48\u0e32\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e31\u0e27\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e07\u0e1a\u0e1a\u0e32\u0e19\u0e1b\u0e25\u0e32\u0e22 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e41\u0e1e\u0e07\u0e46 \u0e21\u0e32\u0e09\u0e38\u0e14\u0e23\u0e31\u0e49\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\u0e1f\u0e23\u0e35 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 200 - 2,000 \u0e15\u0e23.\u0e21.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\r\n <a href=\"https:\/\/lin.ee\/B0apYD7\" target=\"_blank\" class=\"bg-emerald-500 hover:bg-emerald-600 border border-emerald-500 text-white font-bold py-4 px-8 rounded-xl transition flex items-center justify-center gap-2 shadow-lg shadow-emerald-500\/20\">\r\n <i data-lucide=\"message-circle\" class=\"w-5 h-5\"><\/i> \u0e41\u0e2d\u0e14\u0e44\u0e25\u0e19\u0e4c\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32 @zebuild\r\n <\/a>\r\n <\/div>\r\n <p class=\"mt-8 text-sm text-gray-400 opacity-80\">\r\n *\u0e40\u0e23\u0e32\u0e23\u0e31\u0e1a\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c \u0e42\u0e01\u0e14\u0e31\u0e07 \u0e04\u0e25\u0e34\u0e19\u0e34\u0e01 \u0e41\u0e25\u0e30\u0e2d\u0e2d\u0e1f\u0e1f\u0e34\u0e28 (\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22)\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- JavaScript to initialize Icons -->\r\n <script>\r\n lucide.createIcons();\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":4621,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[43],"class_list":["post-4614","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ze-build","tag-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts\/4614","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=4614"}],"version-history":[{"count":32,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts\/4614\/revisions"}],"predecessor-version":[{"id":5488,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/posts\/4614\/revisions\/5488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/media\/4621"}],"wp:attachment":[{"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/media?parent=4614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/categories?post=4614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/em.co.th\/en\/wp-json\/wp\/v2\/tags?post=4614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}