OA One Group - Innovation for Future<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Prompt', 'sans-serif'],\n },\n colors: {\n oa: {\n blue: '#0f172a', \/* Dark Blue theme *\/\n accent: '#3b82f6', \/* Blue Accent *\/\n solar: '#f59e0b', \/* Solar Orange *\/\n green: '#10b981' \/* Eco Green *\/\n }\n }\n }\n }\n }\n <\/script>\n\n \n <style>\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Animation Classes *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n \n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Accordion Styles *\/\n .accordion-content {\n transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n }\n .accordion-content.active {\n opacity: 1;\n }\n\n \/* Hero Background Overlay *\/\n .hero-bg {\n background-image: linear-gradient(to right bottom, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.8)), url('https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n }\n \n \/* Custom Scrollbar for inner elements *\/\n .custom-scroll::-webkit-scrollbar {\n width: 6px;\n }\n .custom-scroll::-webkit-scrollbar-track {\n background: #f1f1f1; \n }\n .custom-scroll::-webkit-scrollbar-thumb {\n background: #cbd5e1; \n border-radius: 3px;\n }\n .custom-scroll::-webkit-scrollbar-thumb:hover {\n background: #94a3b8; \n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n \n <section class=\"relative h-screen min-h-[600px] flex items-center justify-center text-white hero-bg\">\n <div class=\"container mx-auto px-6 text-center z-10 fade-in-up\">\n <div class=\"mb-6 inline-block p-3 rounded-full bg-white\/10 backdrop-blur-sm border border-white\/20\">\n <span class=\"text-oa-solar font-semibold tracking-wide uppercase text-sm\">Innovating Since 1993<\/span>\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-bold mb-6 leading-tight\">\n OA One Group\n <\/h1>\n <p class=\"text-xl md:text-2xl text-slate-300 mb-10 max-w-3xl mx-auto font-light\">\n \u0e08\u0e32\u0e01\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07 \u0e2a\u0e39\u0e48\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e42\u0e25\u0e01<br>\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"#history\" class=\"px-8 py-4 bg-oa-accent hover:bg-blue-600 transition rounded-full font-semibold shadow-lg shadow-blue-500\/30\">\n \u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\n <\/a>\n <a href=\"#solar-innovation\" class=\"px-8 py-4 bg-transparent border border-white hover:bg-white hover:text-oa-blue transition rounded-full font-semibold\">\n \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 animate-bounce\">\n <svg class=\"w-6 h-6 text-white opacity-70\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n <\/div>\n <\/section>\n\n \n <section id=\"history\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-6 border-l-4 border-oa-solar pl-4\">\n \u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\n <\/h2>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n <strong class=\"text-oa-blue\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/strong> \u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 3 \u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19 2536 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e0b\u0e37\u0e49\u0e2d\u0e21\u0e32-\u0e02\u0e32\u0e22\u0e44\u0e1b\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e44\u0e01\u0e25 \u0e40\u0e23\u0e32\u0e08\u0e36\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e02\u0e32\u0e22\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07\n <\/p>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n \u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e1a\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e2b\u0e22\u0e38\u0e14\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e25\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e02\u0e36\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e43\u0e19\u0e1b\u0e35 \u0e1e.\u0e28. 2569 \u0e19\u0e35\u0e49 \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e42\u0e25\u0e01\u0e44\u0e1b\u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e25\n <\/p>\n <div class=\"flex items-center gap-4 mt-8\">\n <div class=\"text-center\">\n <span class=\"block text-3xl font-bold text-oa-accent\">30+<\/span>\n <span class=\"text-sm text-slate-500\">\u0e1b\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c<\/span>\n <\/div>\n <div class=\"h-10 w-px bg-slate-200\"><\/div>\n <div class=\"text-center\">\n <span class=\"block text-3xl font-bold text-oa-green\">100%<\/span>\n <span class=\"text-sm text-slate-500\">\u0e04\u0e27\u0e32\u0e21\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 fade-in-up delay-200\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Office History\" class=\"w-full h-full object-cover transform hover:scale-105 transition duration-700\">\n <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/70 to-transparent p-6\">\n <p class=\"text-white font-semibold\">\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e2b\u0e48\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"our-product\" class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Products & Services<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2 uppercase\">OUR Product<\/h2>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-16 fade-in-up\">\n <div class=\"bg-white rounded-2xl p-6 shadow-md border border-slate-100 flex justify-center items-center hover:shadow-lg transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/solar2.png\" alt=\"Solar Product\" class=\"max-h-80 w-auto object-contain\">\n <\/div>\n <div class=\"bg-white rounded-2xl p-6 shadow-md border border-slate-100 flex justify-center items-center hover:shadow-lg transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zkteco.png\" alt=\"ZKTeco\" class=\"max-h-80 w-auto object-contain\">\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-4xl mx-auto text-center mb-16 fade-in-up delay-100\">\n <p class=\"text-xl text-oa-blue font-medium leading-relaxed mb-4\">\n \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e21\u0e35\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e44\u0e2d\u0e17\u0e35 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22\n <\/p>\n <p class=\"text-lg text-slate-600\">\n \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e2d\u0e07 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e07\u0e32\u0e19\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-16 fade-in-up delay-200\">\n <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our1.png\" alt=\"Our Work 1\" class=\"w-full h-auto object-cover hover:scale-105 transition duration-500\">\n <\/div>\n <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our2.png\" alt=\"Our Work 2\" class=\"w-full h-auto object-cover hover:scale-105 transition duration-500\">\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-8 md:p-12 shadow-xl border-l-4 border-oa-solar fade-in-up\">\n <h3 class=\"text-2xl font-bold text-oa-blue mb-6\">PPA \u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01 Power Purchase Agreement (PPA) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/h3>\n \n <div class=\"space-y-6 text-lg text-slate-600 leading-relaxed\">\n <p>\n \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e21\u0e32\u0e01 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 upfront \u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e04\u0e37\u0e2d 10-20 \u0e1b\u0e35 \u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07 Solar cell \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/p>\n <p>\n \u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30 <strong>Private PPA<\/strong> \u0e44\u0e14\u0e49\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e02\u0e32\u0e14\u0e44\u0e1b\u0e2b\u0e21\u0e14\u0e2a\u0e34\u0e49\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e40\u0e14\u0e34\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e25\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34\u0e15\u0e32\u0e21\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a win-win \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e1d\u0e48\u0e32\u0e22\n <\/p>\n <div class=\"bg-green-50 text-green-800 p-6 rounded-xl border border-green-200 mt-4\">\n <p class=\"font-medium text-center\">\n <span class=\"text-2xl block mb-2\">\u2728<\/span>\n \u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e14\u0e46\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Structure<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 OA One Group<\/h2>\n <p class=\"text-slate-600 mt-4 max-w-2xl mx-auto\">\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e15\u0e31\u0e27\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e14\u0e49\u0e32\u0e19<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-50 rounded-xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2 fade-in-up border-t-4 border-blue-500\">\n <div class=\"h-16 mb-6 flex items-center justify-start\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19-\u0e08\u0e33\u0e01\u0e31\u0e14.png\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14\" class=\"max-h-full object-contain\">\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-blue mb-3\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/h3>\n <p class=\"text-slate-600\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e01\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/p>\n <a href=\"http:\/\/www.oa1school.com\" target=\"_blank\" class=\"text-blue-500 hover:text-blue-700 font-medium mt-4 inline-block text-sm\">\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c →<\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2 fade-in-up delay-100 border-t-4 border-indigo-500\">\n <div class=\"h-16 mb-6 flex items-center justify-start\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zkteco.png\" alt=\"OA One ZK\" class=\"max-h-full object-contain\">\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-blue mb-3\">OA One ZK<\/h3>\n <p class=\"text-slate-600\">\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1b\u0e34\u0e14-\u0e1b\u0e34\u0e14\u0e1b\u0e23\u0e30\u0e15\u0e39 \u0e01\u0e32\u0e23\u0e40\u0e0a\u0e47\u0e04\u0e40\u0e27\u0e25\u0e32 (Time Attendance) \u0e41\u0e25\u0e30\u0e41\u0e2d\u0e1e\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19 Telegram<\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2 fade-in-up delay-200 border-t-4 border-oa-solar\">\n <div class=\"h-16 mb-6 flex items-center justify-start\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e2d\u0e20\u0e34\u0e21\u0e38\u0e02-\u0e13-\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32-\u0e08\u0e33\u0e01\u0e31\u0e14-.png\" alt=\"Solar Energy System\" class=\"max-h-full object-contain\">\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-blue mb-3\">Solar Energy System<\/h3>\n <p class=\"text-slate-600\">\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e17\u0e33\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 Real-time \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e43\u0e2b\u0e49\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solar-innovation\" class=\"py-24 bg-oa-blue text-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-blue-500 opacity-10 blur-3xl\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 rounded-full bg-oa-solar opacity-10 blur-3xl\"><\/div>\n\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\n <div class=\"lg:w-1\/2 fade-in-up\">\n <span class=\"text-oa-solar font-bold tracking-widest uppercase mb-2 block\">Coming in 2026<\/span>\n <h2 class=\"text-4xl md:text-5xl font-bold mb-6 leading-tight\">\n \u0e1b\u0e0f\u0e34\u0e27\u0e31\u0e15\u0e34\u0e27\u0e07\u0e01\u0e32\u0e23\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-oa-solar to-yellow-200\">\"\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e33\u0e15\u0e30\u0e27\u0e31\u0e19\"<\/span>\n <\/h2>\n <p class=\"text-slate-300 text-lg mb-8 leading-relaxed\">\n \u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21\u0e04\u0e37\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07 4-5 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e41\u0e25\u0e30\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e07\u0e32\u0e1a\u0e31\u0e07\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14 \u0e41\u0e15\u0e48\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a <strong>\u0e1a\u0e08\u0e01. \u0e2d\u0e20\u0e34\u0e21\u0e38\u0e02 \u0e13 \u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/strong> \u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e15\u0e31\u0e49\u0e07\u0e09\u0e32\u0e01\u0e01\u0e31\u0e1a\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e0a\u0e49\u0e32\u0e08\u0e23\u0e14\u0e40\u0e22\u0e47\u0e19\n <\/p>\n \n <div class=\"bg-white\/10 backdrop-blur-md rounded-xl p-6 border border-white\/10\">\n <div class=\"flex items-end justify-between mb-2\">\n <span class=\"text-slate-300\">\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span>\n <span class=\"text-2xl font-bold\">4 - 5 \u0e0a\u0e21.<\/span>\n <\/div>\n <div class=\"w-full bg-gray-700 rounded-full h-2.5 mb-6\">\n <div class=\"bg-gray-400 h-2.5 rounded-full\" style=\"width: 45%\"><\/div>\n <\/div>\n\n <div class=\"flex items-end justify-between mb-2\">\n <span class=\"text-oa-solar font-semibold\">\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 OA One<\/span>\n <span class=\"text-3xl font-bold text-oa-solar\">8 - 10 \u0e0a\u0e21.<\/span>\n <\/div>\n <div class=\"w-full bg-gray-700 rounded-full h-2.5 relative overflow-hidden\">\n <div class=\"bg-gradient-to-r from-orange-500 to-yellow-400 h-2.5 rounded-full relative\" style=\"width: 90%\">\n <div class=\"absolute top-0 left-0 right-0 bottom-0 animate-pulse bg-white\/20\"><\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-400 mt-3 text-right\">*\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e40\u0e14\u0e34\u0e21<\/p>\n <\/div>\n <\/div>\n \n <div class=\"lg:w-1\/2 fade-in-up delay-200\">\n \n <div class=\"relative\">\n <svg viewBox=\"0 0 500 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-auto drop-shadow-2xl\">\n <defs>\n <linearGradient id=\"panelGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#2563eb;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#1e40af;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n <path d=\"M50,350 Q250,50 450,350\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-dasharray=\"10,10\" opacity=\"0.5\"\/>\n <circle cx=\"250\" cy=\"100\" r=\"30\" fill=\"#f59e0b\" class=\"animate-pulse\"\/>\n \n \n <rect x=\"150\" y=\"200\" width=\"200\" height=\"120\" rx=\"10\" fill=\"url(#panelGrad)\" stroke=\"white\" stroke-width=\"4\" transform=\"rotate(-10 250 260)\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" values=\"-15 250 260; 15 250 260; -15 250 260\" dur=\"10s\" repeatCount=\"indefinite\" \/>\n <\/rect>\n <rect x=\"160\" y=\"210\" width=\"180\" height=\"100\" fill=\"none\" stroke=\"white\" stroke-opacity=\"0.3\" stroke-width=\"2\" transform=\"rotate(-10 250 260)\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" values=\"-15 250 260; 15 250 260; -15 250 260\" dur=\"10s\" repeatCount=\"indefinite\" \/>\n <\/rect>\n \n \n <rect x=\"240\" y=\"320\" width=\"20\" height=\"60\" fill=\"#475569\" \/>\n <path d=\"M220,380 L280,380 L250,320 Z\" fill=\"#475569\" \/>\n <\/svg>\n <div class=\"text-center mt-4\">\n <p class=\"text-sm text-slate-400\">\u0e20\u0e32\u0e1e\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e14\u0e27\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c (Solar Tracking)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12 fade-in-up\">\n <span class=\"text-oa-green font-semibold uppercase\">Business Model<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2\">Private PPA Services<\/h2>\n <p class=\"text-slate-600 mt-4\">\u0e42\u0e21\u0e40\u0e14\u0e25 Win-Win \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n <div class=\"fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Business Meeting\" class=\"rounded-xl shadow-lg w-full\">\n <\/div>\n <div class=\"space-y-6 fade-in-up delay-100\">\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-green-100 flex items-center justify-center text-green-600 mt-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-xl font-bold text-oa-blue\">\u0e25\u0e07\u0e17\u0e38\u0e19 0 \u0e1a\u0e32\u0e17 (Zero Investment)<\/h4>\n <p class=\"text-slate-600 mt-2\">OAONE Group \u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e2b\u0e49 100% \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e23\u0e27\u0e08 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e1a\u0e01\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e14\u0e46<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mt-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-xl font-bold text-oa-blue\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e16\u0e39\u0e01\u0e25\u0e07\u0e17\u0e31\u0e19\u0e17\u0e35<\/h4>\n <p class=\"text-slate-600 mt-2\">\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32\u0e40\u0e23\u0e17\u0e1b\u0e01\u0e15\u0e34 (Discount Rate) \u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e31\u0e0d\u0e0d\u0e32 10-20 \u0e1b\u0e35 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e41\u0e23\u0e01<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-orange-600 mt-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-xl font-bold text-oa-blue\">\u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/h4>\n <p class=\"text-slate-600 mt-2\">\u0e40\u0e23\u0e32\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07 \u0e0b\u0e48\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1f\u0e23\u0e35\u0e15\u0e25\u0e2d\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e23\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div class=\"text-center mb-10 fade-in-up\">\n <h2 class=\"text-3xl font-bold text-oa-blue\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01<\/h2>\n <p class=\"text-slate-600 mt-2\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21 \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/p>\n <\/div>\n\n <div class=\"space-y-4 fade-in-up delay-100\" id=\"accordion-container\">\n \n <div class=\"bg-slate-50 rounded-lg shadow-sm border border-slate-200 overflow-hidden\">\n <button class=\"accordion-btn w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-100 transition\">\n <span class=\"font-semibold text-oa-blue\">\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e02\u0e2d\u0e07 OA One<\/span>\n <svg class=\"w-5 h-5 text-slate-400 transform transition-transform duration-300 icon-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content bg-white\">\n <div class=\"px-6 py-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100\">\n \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e21\u0e32\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1b\u0e35 2536 \u0e21\u0e35\u0e2d\u0e32\u0e22\u0e38\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e01\u0e27\u0e48\u0e32 32 \u0e1b\u0e35 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e02\u0e32\u0e22\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10 \u0e01\u0e48\u0e2d\u0e19\u0e08\u0e30\u0e1c\u0e31\u0e19\u0e15\u0e31\u0e27\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c www.oa1school.com \u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-lg shadow-sm border border-slate-200 overflow-hidden\">\n <button class=\"accordion-btn w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-100 transition\">\n <span class=\"font-semibold text-oa-blue\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f 8-10 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e17\u0e33\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e2b\u0e23\u0e37\u0e2d?<\/span>\n <svg class=\"w-5 h-5 text-slate-400 transform transition-transform duration-300 icon-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content bg-white\">\n <div class=\"px-6 py-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100\">\n <p class=\"mb-2\"><strong>\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21:<\/strong> \u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e43\u0e19\u0e44\u0e17\u0e22\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 5 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e41\u0e14\u0e14\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e48\u0e32 (Peak Sun Hours) \u0e15\u0e48\u0e2d\u0e27\u0e31\u0e19 \u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e49\u0e32\u0e07\u0e16\u0e36\u0e07 8-10 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a <strong>Solar Tracking<\/strong> (\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e32\u0e21\u0e15\u0e30\u0e27\u0e31\u0e19) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e1c\u0e07\u0e15\u0e31\u0e49\u0e07\u0e09\u0e32\u0e01\u0e01\u0e31\u0e1a\u0e41\u0e2a\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e0a\u0e49\u0e32\u0e08\u0e23\u0e14\u0e40\u0e22\u0e47\u0e19<\/p>\n <p>\u0e2a\u0e34\u0e48\u0e07\u0e19\u0e35\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 (Energy Yield) \u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e0a\u0e49\u0e32\u0e41\u0e25\u0e30\u0e40\u0e22\u0e47\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a Fixed Tilt \u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21 \u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e07\u0e32\u0e1a\u0e31\u0e07\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-lg shadow-sm border border-slate-200 overflow-hidden\">\n <button class=\"accordion-btn w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-100 transition\">\n <span class=\"font-semibold text-oa-blue\">\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e0d\u0e0d\u0e32 Private PPA<\/span>\n <svg class=\"w-5 h-5 text-slate-400 transform transition-transform duration-300 icon-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content bg-white\">\n <div class=\"px-6 py-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100\">\n <ul class=\"list-disc list-inside space-y-2\">\n <li><strong>On-site PPA:<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e01\u0e0a\u0e19 \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15 (OA One) \u0e25\u0e07\u0e17\u0e38\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e49 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e25\u0e07<\/li>\n <li><strong>\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19:<\/strong> \u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e01\u0e0e\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07 (2567) \u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e43\u0e2b\u0e49 Solar Rooftop \u0e44\u0e21\u0e48\u0e40\u0e02\u0e49\u0e32\u0e02\u0e48\u0e32\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e23.\u0e07.4<\/li>\n <li><strong>\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e44\u0e1f:<\/strong> \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e01\u0e1f\u0e19.\/\u0e01\u0e1f\u0e20. \u0e42\u0e14\u0e22\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e01\u0e31\u0e19\u0e44\u0e1f\u0e22\u0e49\u0e2d\u0e19 (Zero Export) \u0e2b\u0e32\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \n \/\/ 1. Accordion Logic\n const accordions = document.querySelectorAll('.accordion-btn');\n \n accordions.forEach(acc => {\n acc.addEventListener('click', function() {\n \/\/ Toggle Icon Rotation\n const icon = this.querySelector('.icon-arrow');\n icon.classList.toggle('rotate-180');\n \n \/\/ Toggle Content\n const content = this.nextElementSibling;\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n content.classList.remove('active');\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n content.classList.add('active');\n }\n });\n });\n\n \/\/ 2. Scroll Animation (Intersection Observer)\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target); \/\/ Animate only once\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><div id=\"panel-15-0-0-1\" class=\"widget_text so-panel widget widget_custom_html\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \n \n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-XXXXXXXXXX\"><\/script>\n <script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 AW-XXXXXXXXXX \u0e40\u0e1b\u0e47\u0e19 Google Ads Conversion ID \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 *\/\n gtag('config', 'AW-XXXXXXXXXX'); \n <\/script>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['Prompt', 'sans-serif'] },\n colors: {\n oa: {\n blue: '#0f172a', \n accent: '#3b82f6', \n solar: '#f59e0b', \n green: '#10b981' \n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\n \n <div class=\"lg:w-1\/2 fade-in-up\">\n <div class=\"inline-block bg-blue-100 text-blue-700 font-semibold px-4 py-1 rounded-full mb-4 text-sm\">\n \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a PPA\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-4 leading-tight\">\n \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07<br>\n <span class=\"text-oa-green\">OAONE group \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 100%<\/span>\n <\/h2>\n \n <div class=\"space-y-4 text-slate-600 mt-6 text-lg leading-relaxed\">\n <p>\n <strong>PPA \u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01 Power Purchase Agreement (PPA) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/strong><br>\n \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e21\u0e32\u0e01 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 upfront \u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e04\u0e37\u0e2d 10-20 \u0e1b\u0e35 \u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07 Solar cell \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/p>\n <p>\n \u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30 <strong>Private PPA<\/strong> \u0e44\u0e14\u0e49\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e02\u0e32\u0e14\u0e44\u0e1b\u0e2b\u0e21\u0e14\u0e2a\u0e34\u0e49\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e40\u0e14\u0e34\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e25\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34\u0e15\u0e32\u0e21\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a win-win \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e1d\u0e48\u0e32\u0e22\n <\/p>\n <div class=\"border-l-4 border-oa-solar pl-4 mt-6 italic text-slate-700 font-medium\">\n \"\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e14\u0e46\"\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:w-1\/2 grid grid-cols-1 sm:grid-cols-2 gap-6 fade-in-up delay-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our3.png\" alt=\"PPA Installation 1\" class=\"rounded-2xl shadow-lg w-full h-auto hover:scale-105 transition duration-500\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our4.png\" alt=\"PPA Installation 2\" class=\"rounded-2xl shadow-lg w-full h-auto mt-0 sm:mt-10 hover:scale-105 transition duration-500\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-slate-100 border-y border-slate-200\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase tracking-wide\">\n OFF-GRID SOLAR POWER SYSTEM\n <\/h2>\n <div class=\"w-24 h-1 bg-oa-solar mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto fade-in-up delay-100\">\n <div class=\"bg-white p-4 rounded-2xl shadow-md border border-slate-200 hover:shadow-xl transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/OFF-GRID-SOLAR-POWER-SYSTEM-.png\" alt=\"Off-Grid System 1\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <div class=\"bg-white p-4 rounded-2xl shadow-md border border-slate-200 hover:shadow-xl transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/OFF-GRID-SOLAR-POWER-SYSTEM-2.png\" alt=\"Off-Grid System 2\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n \n \n <div class=\"max-w-4xl mx-auto mb-16 fade-in-up\">\n <h2 class=\"text-2xl font-bold text-center text-oa-blue mb-6\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/solar3-scaled.png\" alt=\"Solar Packages\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n <\/div>\n\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"bg-slate-50 rounded-2xl p-8 border border-slate-200 shadow-sm fade-in-up\">\n <h3 class=\"text-2xl font-bold text-slate-700 mb-6 text-center pb-4 border-b border-slate-200\">\u0e41\u0e1a\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07<\/h3>\n <ul class=\"space-y-6\">\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e1a\u0e1a<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07 100%<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n <span class=\"text-lg font-medium text-red-600 flex items-center gap-2\">\n <span>\u26a0\ufe0f<\/span> \u0e15\u0e49\u0e2d\u0e07\u0e14\u0e39\u0e41\u0e25\u0e40\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e49\u0e32\u0e07\n <\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e31\u0e1a\/\u0e02\u0e22\u0e32\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e14\u0e49\u0e40\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e07\u0e1a<\/span>\n <\/li>\n <li class=\"flex flex-col pt-4 border-t border-slate-200\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e43\u0e04\u0e23<\/span>\n <span class=\"text-lg font-bold text-oa-blue\">\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e21\u0e35\u0e40\u0e07\u0e34\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-gradient-to-b from-blue-50 to-white rounded-2xl p-8 border-2 border-oa-accent shadow-xl relative transform md:-translate-y-4 fade-in-up delay-100\">\n <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-oa-accent text-white px-6 py-1 rounded-full text-sm font-bold shadow-md\">\n \u0e41\u0e19\u0e30\u0e19\u0e33\n <\/div>\n <h3 class=\"text-2xl font-bold text-oa-accent mb-6 text-center pb-4 border-b border-blue-200\">\u0e41\u0e1a\u0e1a PPA (\u0e44\u0e21\u0e48\u0e25\u0e07\u0e17\u0e38\u0e19)<\/h3>\n <ul class=\"space-y-6\">\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/span>\n <span class=\"text-xl font-bold text-green-600\">\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19 (0 \u0e1a\u0e32\u0e17)<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e1a\u0e1a<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19 <br><span class=\"text-sm text-slate-500\">(\u0e08\u0e19\u0e01\u0e27\u0e48\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e08\u0e30\u0e2b\u0e21\u0e14)<\/span><\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n <span class=\"text-lg font-medium text-green-600 flex items-start gap-2\">\n <span class=\"mt-1\">\u2705<\/span> <span>\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e39\u0e41\u0e25\u0e43\u0e2b\u0e49 \u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e43\u0e2b\u0e21\u0e48\u0e46 \u0e1f\u0e23\u0e35<\/span>\n <\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/span>\n <\/li>\n <li class=\"flex flex-col pt-4 border-t border-blue-200\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e43\u0e04\u0e23<\/span>\n <span class=\"text-lg font-bold text-oa-blue\">\u0e1c\u0e39\u0e49\u0e44\u0e21\u0e48\u0e21\u0e35\u0e07\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-oa-blue text-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-sm border border-white\/20 fade-in-up\">\n <div class=\"w-12 h-12 bg-blue-500\/20 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-6 h-6 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-solar mb-4\">\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 & \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/h3>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-oa-solar font-bold\">1.<\/span>\n <span>\u0e1a\u0e34\u0e25\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e04\u0e38\u0e13\u0e08\u0e30\u0e16\u0e39\u0e01\u0e25\u0e07\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e41\u0e23\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e43\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e16\u0e39\u0e01\u0e25\u0e07 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e33\u0e44\u0e23\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-oa-solar font-bold\">2.<\/span>\n <span>\u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e41\u0e25\u0e30\u0e14\u0e39\u0e41\u0e25\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-oa-solar font-bold\">3.<\/span>\n <span>\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e1f\u0e23\u0e35 \u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-sm border border-white\/20 fade-in-up delay-100\">\n <div class=\"w-12 h-12 bg-green-500\/20 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-6 h-6 text-green-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-green mb-4\">\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e44\u0e14\u0e49\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e01\u0e4a\u0e32\u0e0b\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e01\u0e23\u0e30\u0e08\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 (ESG)\n <\/p>\n <\/div>\n\n \n <div class=\"bg-gradient-to-br from-oa-solar to-orange-600 p-8 rounded-2xl shadow-xl fade-in-up delay-200 flex flex-col justify-center text-center\">\n <div class=\"w-16 h-16 bg-white\/20 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-white mb-2\">\u0e04\u0e23\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/h3>\n <p class=\"text-lg text-white font-medium\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c<br>\u0e15\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35!\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50 relative overflow-hidden\">\n <div class=\"container mx-auto px-6\">\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden max-w-5xl mx-auto border border-slate-200 fade-in-up\">\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n \n \n <div class=\"p-10 lg:p-12\">\n <h2 class=\"text-3xl font-bold text-oa-blue mb-2\">\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e22\u0e38\u0e04\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e41\u0e1e\u0e07!!<\/h2>\n <p class=\"text-oa-accent font-semibold mb-8 text-lg border-b pb-4\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e27\u0e31\u0e19\u0e19\u0e35\u0e49<\/p>\n \n <ul class=\"space-y-4\">\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e40\u0e23\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e21\u0e0a\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 25 \u0e1b\u0e35 \ud83d\udca5<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">Dashborad \u0e14\u0e39\u0e44\u0e1f\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35 \u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e15\u0e23\u0e27\u0e08\u0e40\u0e0a\u0e47\u0e04\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07 1 \u0e04\u0e23\u0e31\u0e49\u0e07\/\u0e1b\u0e35 (\u0e23\u0e30\u0e22\u0e30 3\u0e1b\u0e35)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e38\u0e01\u0e0a\u0e34\u0e49\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e21\u0e35\u0e17\u0e35\u0e21\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e2a\u0e30\u0e14\u0e27\u0e01\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-blue-50 p-10 lg:p-12 flex flex-col justify-center border-l border-blue-100\">\n <div class=\"text-center mb-8\">\n <span class=\"inline-block bg-oa-blue text-white px-6 py-2 rounded-full font-bold tracking-wider text-sm shadow-md\">\n >> \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <<\n <\/span>\n <\/div>\n \n <div class=\"space-y-6\">\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 text-2xl\">\ud83c\udfe0<\/div>\n <span class=\"font-semibold text-slate-700 text-lg\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22, \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17, \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/span>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center text-orange-600 text-2xl\">\u2615<\/div>\n <span class=\"font-semibold text-slate-700 text-lg\">\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e15\u0e39\u0e49\u0e41\u0e0a\u0e48, \u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f, \u0e04\u0e32\u0e40\u0e1f\u0e48, \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/span>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center text-green-600 text-2xl\">\ud83c\udf3e<\/div>\n <span class=\"font-semibold text-slate-700 text-lg\">\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23, \u0e01\u0e32\u0e23\u0e17\u0e33\u0e2a\u0e27\u0e19, \u0e17\u0e33\u0e44\u0e23\u0e48, \u0e1f\u0e32\u0e23\u0e4c\u0e21<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-white border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n \n <div class=\"text-center mb-10 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-8\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer1.png\" alt=\"Certificate 1\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-xl transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer2.png\" alt=\"Certificate 2\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-xl transition\">\n <\/div>\n <\/div>\n\n <div class=\"w-full h-px bg-slate-200 my-16\"><\/div>\n\n \n <div class=\"text-center mb-10 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-12\">\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e08\u0e41\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19<\/h2>\n \n <div class=\"space-y-16\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-blue-50 py-2 rounded-lg border border-blue-100\">\u0e0a\u0e38\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 1 \u0e40\u0e1f\u0e2a<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack1.png\" alt=\"1 Phase Package\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-blue-50 py-2 rounded-lg border border-blue-100\">\u0e0a\u0e38\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 3 \u0e40\u0e1f\u0e2a<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack2.png\" alt=\"3 Phase Package\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-green-50 py-2 rounded-lg border border-green-100\">\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e08\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2d\u0e2d\u0e19\u0e01\u0e23\u0e34\u0e14<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack3.png\" alt=\"On-Grid Package\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-orange-50 py-2 rounded-lg border border-orange-100\">\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack4.png\" alt=\"Cost Reduction\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase\">\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/h2>\n <div class=\"w-24 h-1 bg-oa-accent mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-50 rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up group\">\n <div class=\"h-48 overflow-hidden relative\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"text-oa-accent font-bold mb-2\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e19\u0e38\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22, \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c \u0e08.\u0e19\u0e04\u0e23\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-100 group\">\n <div class=\"h-48 overflow-hidden relative\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"text-oa-solar font-bold mb-2\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07<\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e2d\u0e01\u0e0a\u0e19 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e2b\u0e49\u0e32\u0e07\u0e41\u0e21\u0e04\u0e42\u0e04\u0e23 \u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17 77, \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e25\u0e39\u0e0a\u0e34\u0e1b \u0e44\u0e21\u0e42\u0e04\u0e23\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e21\u0e48, \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07\u0e23\u0e34\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e44\u0e0b\u0e14\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-200 group\">\n <div class=\"h-48 overflow-hidden relative\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"text-oa-green font-bold mb-2\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e22\u0e48\u0e2d\u0e21<\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e04\u0e25\u0e34\u0e19\u0e34\u0e01 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n \n <div class=\"text-center mb-16 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <div class=\"w-24 h-1 bg-oa-solar mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"mb-16 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/Picture1-scaled.png\" alt=\"Portfolio Overview\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-200\">\n <\/div>\n\n \n <div class=\"mb-16 fade-in-up\">\n <h3 class=\"text-2xl font-bold text-oa-blue mb-6 border-l-4 border-oa-accent pl-4 bg-slate-50 py-2\">OA1 Group 22 \u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c 2568<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/1.png\" alt=\"OA1 Group Job 1\" class=\"w-full h-auto rounded-xl shadow hover:scale-[1.02] transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/2.png\" alt=\"OA1 Group Job 2\" class=\"w-full h-auto rounded-xl shadow hover:scale-[1.02] transition duration-300\">\n <\/div>\n <\/div>\n\n \n <div class=\"fade-in-up delay-100\">\n <h3 class=\"text-2xl font-bold text-oa-blue mb-6 border-l-4 border-oa-accent pl-4 bg-slate-50 py-2\">3-6 \u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21 2568 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a \u0e08.\u0e2a\u0e01\u0e25\u0e19\u0e04\u0e23<\/h3>\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/3.png\" alt=\"Job 3\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/4.png\" alt=\"Job 4\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/5.png\" alt=\"Job 5\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/6.png\" alt=\"Job 6\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/7.png\" alt=\"Job 7\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/8.png\" alt=\"Job 8\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/9.png\" alt=\"Job 9\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/10.png\" alt=\"Job 10\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/11.png\" alt=\"Job 11\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/12.png\" alt=\"Job 12\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-gradient-to-r from-oa-blue to-blue-900 text-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"bg-white\/10 rounded-3xl border border-white\/20 p-8 md:p-12 backdrop-blur-sm max-w-5xl mx-auto flex flex-col md:flex-row items-center gap-10 shadow-2xl fade-in-up\">\n \n \n <div class=\"md:w-1\/3\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/close-business-man-signing-contract-260nw-2548861171-e1771776158322.webp\" alt=\"Government Deal\" class=\"rounded-xl shadow-lg border-4 border-white\/10 object-cover w-full h-64\">\n <\/div>\n\n <div class=\"md:w-2\/3 text-center md:text-left\">\n <div class=\"inline-block bg-red-500 text-white font-bold px-4 py-1 rounded-full text-sm mb-4 animate-pulse\">\n \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29 !!\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-oa-solar\">\u0e2a\u0e48\u0e27\u0e19\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1f\u0e23\u0e35<\/h2>\n <p class=\"text-xl text-slate-200 mb-6 font-medium\">\n \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e43\u0e14\u0e46 \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e34\u0e49\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46\n <\/p>\n \n <div class=\"bg-white\/10 p-6 rounded-xl border border-white\/20 inline-block w-full md:w-auto\">\n <p class=\"text-slate-300 text-sm mb-3\">\u0e42\u0e17\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e17\u0e35\u0e48:<\/p>\n <div class=\"flex flex-col sm:flex-row gap-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-green-500 p-2 rounded-full\">\n <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div class=\"text-left\">\n <div class=\"text-2xl font-bold text-white\">090-993-9165<\/div>\n <div class=\"text-sm text-slate-300\">\u0e04\u0e38\u0e13\u0e2b\u0e19\u0e48\u0e2d\u0e07<\/div>\n <\/div>\n <\/div>\n <div class=\"hidden sm:block w-px bg-white\/30\"><\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-green-500 p-2 rounded-full\">\n <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div class=\"text-left\">\n <div class=\"text-2xl font-bold text-white\">061-352-5274<\/div>\n <div class=\"text-sm text-slate-300\">\u0e04\u0e38\u0e13\u0e42\u0e15\u0e42\u0e15\u0e49<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><div id=\"panel-15-0-0-2\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"keywords\" content=\"ZKteco, \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16, \u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c, \u0e01\u0e25\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19, LPR, Smart Parking, \u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e2d\u0e01\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34, \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2a\u0e41\u0e01\u0e19\u0e25\u0e32\u0e22\u0e19\u0e34\u0e49\u0e27\u0e21\u0e37\u0e2d, OA One Group\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['Prompt', 'sans-serif'] },\n colors: {\n oa: {\n blue: '#0f172a', \n accent: '#3b82f6', \n solar: '#f59e0b', \n green: '#10b981' \n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Smart Security & Parking<\/span>\n <h2 class=\"text-4xl md:text-5xl font-bold text-oa-blue mt-2\">OA One ZKteco<\/h2>\n <div class=\"w-24 h-1 bg-blue-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"mb-12 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk1-scaled.png\" alt=\"OA One ZKteco Banner\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n <\/div>\n\n \n <div class=\"mb-16 max-w-5xl mx-auto fade-in-up delay-100 relative group cursor-pointer\" onclick=\"openLightbox('https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk5-scaled.png')\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-oa-accent to-blue-400 rounded-2xl blur opacity-30 group-hover:opacity-60 transition duration-300 animate-pulse\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk5-scaled.png\" alt=\"ZK Product 5 Promo\" class=\"w-full h-auto object-contain rounded-2xl shadow-lg hover:shadow-2xl transform hover:-translate-y-1 transition duration-300 relative z-10 border border-slate-200\">\n <div class=\"absolute top-4 right-4 z-20 bg-black\/60 text-white p-3 rounded-full shadow-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition duration-300\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path><\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12 max-w-5xl mx-auto fade-in-up delay-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk6-scaled.png\" alt=\"ZK Product 6\" class=\"w-full h-auto rounded-2xl shadow-md hover:shadow-xl hover:scale-[1.02] transition duration-300 border border-slate-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk7-scaled.png\" alt=\"ZK Product 7\" class=\"w-full h-auto rounded-2xl shadow-md hover:shadow-xl hover:scale-[1.02] transition duration-300 border border-slate-100\">\n <\/div>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 fade-in-up delay-200\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk2.png\" alt=\"ZK Product 2\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk3.png\" alt=\"ZK Product 3\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk4.png\" alt=\"ZK Product 4\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk8-scaled.png\" alt=\"ZK Product 8\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-slate-100 border-y border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n \n \n <div class=\"bg-white p-8 rounded-2xl shadow-md border border-slate-200 fade-in-up\">\n <div class=\"flex items-center gap-4 mb-6\">\n <div class=\"w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e41\u0e1a\u0e1a Real-time<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6 text-lg\">\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01 \u0e1c\u0e48\u0e32\u0e19 website \u0e41\u0e25\u0e30 App \u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/p>\n <div class=\"rounded-xl overflow-hidden shadow-inner bg-black\">\n <video autoplay loop muted playsinline class=\"w-full h-auto opacity-90 hover:opacity-100 transition\">\n <source src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk9.mp4\" type=\"video\/mp4\">\n \u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\n <\/video>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-md border border-slate-200 fade-in-up delay-100\">\n <div class=\"flex items-center gap-4 mb-6\">\n <div class=\"w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 (LPR)<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6 text-lg\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c<\/p>\n <div class=\"rounded-xl overflow-hidden shadow-inner bg-black\">\n <video autoplay loop muted playsinline class=\"w-full h-auto opacity-90 hover:opacity-100 transition\">\n <source src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk10.mp4\" type=\"video\/mp4\">\n \u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\n <\/video>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-4\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e02\u0e2d\u0e07 OA One<\/h2>\n <p class=\"text-lg text-slate-600 max-w-3xl mx-auto\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e49\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u2013\u0e2d\u0e2d\u0e01 \u0e04\u0e34\u0e14\u0e04\u0e48\u0e32\u0e08\u0e2d\u0e14 \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\/Visitor \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e2a\u0e23\u0e38\u0e1b\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e40\u0e04\u0e2a\n <\/p>\n <\/div>\n\n \n <div class=\"mb-12 fade-in-up max-w-3xl mx-auto\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/parking.png\" alt=\"Parking Management Overview\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n <\/div>\n\n \n <div class=\"mb-8 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506521781263-d8422e82f27a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Parking Management System Image\" class=\"w-full h-64 md:h-80 object-cover rounded-2xl shadow-md\">\n <\/div>\n\n <div class=\"bg-blue-50 rounded-2xl p-8 md:p-12 border-l-4 border-oa-accent shadow-sm fade-in-up\">\n <p class=\"text-xl text-slate-700 leading-relaxed mb-4\">\n <strong>\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u2013\u0e2d\u0e2d\u0e01 \u0e04\u0e34\u0e14\u0e04\u0e48\u0e32\u0e08\u0e2d\u0e14 \u0e14\u0e39\u0e41\u0e25\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e38\u0e1b\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e40\u0e04\u0e2a<\/strong>\n <\/p>\n <p class=\"text-lg text-slate-600 leading-relaxed\">\n Oaone \u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a <span class=\"text-oa-accent font-semibold\">\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c + \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 + \u0e17\u0e35\u0e21\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/span> \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 \n <strong class=\"text-red-500\">\u0e25\u0e14\u0e04\u0e34\u0e27 \u0e25\u0e14\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e23\u0e31\u0e48\u0e27 \u0e25\u0e14\u0e07\u0e32\u0e19\u0e04\u0e19<\/strong> \n \u0e41\u0e25\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e41\u0e1a\u0e1a\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e17\u0e33\u0e07\u0e32\u0e19\u0e25\u0e37\u0e48\u0e19\u0e44\u0e2b\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-16 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e13<\/h2>\n <p class=\"text-slate-600 mt-4\">\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e17\u0e49\u0e32\u0e17\u0e32\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n \n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-200 fade-in-up flex flex-col\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Condominium\" class=\"w-full h-56 object-cover\">\n \n <div class=\"p-8 flex-1\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"text-3xl\">\ud83c\udfd8\ufe0f<\/span>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e1a\u0e49\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e19\u0e34\u0e15\u0e34\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22<\/p>\n \n <div class=\"mb-6\">\n <h4 class=\"font-bold text-red-600 mb-3 text-sm uppercase tracking-wide\">Pain Points \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e41\u0e01\u0e49\u0e44\u0e02<\/h4>\n <ul class=\"space-y-2 text-slate-600 text-sm\">\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e25\u0e39\u0e01\u0e1a\u0e49\u0e32\u0e19\u0e25\u0e37\u0e21\/\u0e17\u0e33\u0e1a\u0e31\u0e15\u0e23\u0e2b\u0e32\u0e22<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e15\u0e49\u0e19\u0e17\u0e38\u0e19 \u0e23\u0e1b\u0e20. \u0e2a\u0e39\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e25\u0e01\u0e1a\u0e31\u0e15\u0e23<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1c\u0e39\u0e49\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-slate-50 p-5 rounded-xl border border-slate-100 mt-auto\">\n <h4 class=\"font-bold text-oa-accent mb-3 text-sm uppercase tracking-wide\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e0a\u0e48\u0e32\u0e17\u0e35\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/h4>\n <div class=\"space-y-4\">\n <div>\n <div class=\"font-bold text-slate-800\">1. Full Function<\/div>\n <div class=\"text-sm text-slate-500\">\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (LPR, \u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19, \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23)<\/div>\n <\/div>\n <div>\n <div class=\"font-bold text-slate-800\">2. \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e25\u0e49\u0e2d\u0e07 (LPR)<\/div>\n <div class=\"text-sm text-slate-500\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-100 flex flex-col\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Commercial Building\" class=\"w-full h-56 object-cover\">\n \n <div class=\"p-8 flex-1\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"text-3xl\">\ud83c\udfe2<\/span>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6\">\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08<\/p>\n \n <div class=\"mb-6\">\n <h4 class=\"font-bold text-red-600 mb-3 text-sm uppercase tracking-wide\">Pain Points \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e41\u0e01\u0e49\u0e44\u0e02<\/h4>\n <ul class=\"space-y-2 text-slate-600 text-sm\">\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e48\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e32\u0e22\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e32\u0e01<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e23\u0e30\u0e1a\u0e1a E-Stamp \u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e02\u0e32\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-blue-50 p-5 rounded-xl border border-blue-100 mt-auto\">\n <h4 class=\"font-bold text-blue-700 mb-3 text-sm uppercase tracking-wide\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e30\u0e1a\u0e1a Server \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/h4>\n <div class=\"space-y-4\">\n <div>\n <div class=\"font-bold text-slate-800\">1. Core Server (On-Premise)<\/div>\n <div class=\"text-sm text-slate-600\">\u0e08\u0e48\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48 \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/div>\n <\/div>\n <div>\n <div class=\"font-bold text-slate-800\">2. Core Cloud (Subscription)<\/div>\n <div class=\"text-sm text-slate-600\">\u0e08\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e1b\u0e35 \u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e17\u0e35\u0e48 \u0e21\u0e35\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e39\u0e41\u0e25 24\u0e0a\u0e21. \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a SME<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-4\">\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c (Barrier Gate)<\/h2>\n <div class=\"w-24 h-1 bg-oa-solar mx-auto mb-8 rounded-full\"><\/div>\n <div class=\"max-w-4xl mx-auto text-slate-600 space-y-4 text-lg\">\n <p>\n \u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c \u0e2b\u0e23\u0e37\u0e2d Barrier Gate \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16 \u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19 \u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\n <\/p>\n <p>\n \u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e43\u0e2b\u0e49\u0e22\u0e01\u0e02\u0e36\u0e49\u0e19-\u0e25\u0e07\u0e40\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e49\u0e27\u0e22\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e16\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e2d\u0e01\u0e43\u0e2b\u0e49\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e21\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19 \u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a <strong>\u0e23\u0e30\u0e1a\u0e1a Access Control, \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08, \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e08\u0e23\u0e32\u0e08\u0e23, \u0e01\u0e25\u0e49\u0e2d\u0e07 LPR, \u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14 \u0e41\u0e25\u0e30\u0e2b\u0e31\u0e27\u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e31\u0e15\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46<\/strong> \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 fade-in-up delay-100\">\n \n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">1<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19 + \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e34\u0e14\u0e40\u0e07\u0e34\u0e19<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e16 \u0e2b\u0e32\u0e01\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e1a\u0e31\u0e15\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e08\u0e30\u0e44\u0e21\u0e48\u0e22\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e42\u0e01\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e25\u0e37\u0e21\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14\u0e08\u0e31\u0e1a\u0e20\u0e32\u0e1e\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e19\u0e02\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">2<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 (Basic)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1e\u0e25\u0e38\u0e01\u0e1e\u0e25\u0e48\u0e32\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e43\u0e0a\u0e49 \u0e23\u0e1b\u0e20. \u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14-\u0e1b\u0e34\u0e14\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19 \u0e02\u0e49\u0e2d\u0e14\u0e35\u0e04\u0e37\u0e2d\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e04\u0e31\u0e19\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">3<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e31\u0e27\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e43\u0e01\u0e25\u0e49 (Short Range)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e32\u0e1a\u0e1a\u0e31\u0e15\u0e23 (RFID) \u0e1c\u0e39\u0e49\u0e02\u0e31\u0e1a\u0e02\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e30\u0e25\u0e2d \u0e40\u0e1b\u0e34\u0e14\u0e01\u0e23\u0e30\u0e08\u0e01\u0e17\u0e32\u0e1a\u0e1a\u0e31\u0e15\u0e23 \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14\u0e08\u0e31\u0e1a\u0e20\u0e32\u0e1e\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e04\u0e19\u0e02\u0e31\u0e1a \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition lg:col-span-1 md:col-span-2\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">4<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e31\u0e27\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25 (Long Range)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e43\u0e0a\u0e49\u0e1a\u0e31\u0e15\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c \u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30 1-20 \u0e40\u0e21\u0e15\u0e23 \u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e2d\u0e2d\u0e01\u0e17\u0e31\u0e19\u0e17\u0e35\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e30\u0e25\u0e2d\u0e23\u0e16 \u0e25\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e08\u0e23\u0e32\u0e08\u0e23\u0e15\u0e34\u0e14\u0e02\u0e31\u0e14\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e1a\u0e48\u0e2d\u0e22\u0e46\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition lg:col-span-1 md:col-span-2 lg:col-start-3\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">5<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e25\u0e39\u0e17\u0e39\u0e18 (Bluetooth)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e04\u0e25\u0e37\u0e48\u0e19\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e1e\u0e34\u0e40\u0e28\u0e29 \u0e17\u0e19\u0e17\u0e32\u0e19 \u0e40\u0e2a\u0e16\u0e35\u0e22\u0e23\u0e2a\u0e39\u0e07 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 \u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e41\u0e21\u0e49\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1b\u0e23\u0e2d\u0e17 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e15\u0e48\u0e33 \u0e41\u0e25\u0e30\u0e2b\u0e21\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e25\u0e37\u0e21\u0e1a\u0e31\u0e15\u0e23\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-oa-blue text-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'60\\' height=\\'60\\' viewBox=\\'0 0 60 60\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cg fill=\\'none\\' fill-rule=\\'evenodd\\'%3E%3Cg fill=\\'%23ffffff\\' fill-opacity=\\'1\\'%3E%3Cpath d=\\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\\'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E');\"><\/div>\n\n <div class=\"container mx-auto px-6 max-w-6xl relative z-10\">\n \n <div class=\"text-center mb-12 fade-in-up\">\n <div class=\"inline-block bg-oa-solar text-white px-6 py-2 rounded-full font-bold tracking-widest uppercase text-sm mb-4 shadow-lg\">\n \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 100%\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 leading-tight\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<br>\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25 \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e27\u0e07\u0e08\u0e23<\/h2>\n <\/div>\n\n \n <div class=\"mb-16 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Certification Consulting\" class=\"w-full h-64 md:h-96 object-cover rounded-2xl shadow-2xl border-4 border-white\/10\">\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-16\">\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-md border border-white\/20 fade-in-up hover:bg-white\/20 transition\">\n <h3 class=\"text-xl font-bold text-oa-solar mb-4 flex items-center gap-2\">\n <span class=\"text-2xl\">1<\/span> Management System Certification\n <\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 ISO \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e14\u0e49\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e14\u0e49\u0e32\u0e19\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07 \u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\n <\/p>\n <\/div>\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-md border border-white\/20 fade-in-up delay-100 hover:bg-white\/20 transition\">\n <h3 class=\"text-xl font-bold text-oa-solar mb-4 flex items-center gap-2\">\n <span class=\"text-2xl\">2<\/span> Compliance Assessment\n <\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 Non-accredit \u0e40\u0e0a\u0e48\u0e19 GHP, HACCP, ISO 27716, ISO 39001 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\n <\/p>\n <\/div>\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-md border border-white\/20 fade-in-up delay-200 hover:bg-white\/20 transition\">\n <h3 class=\"text-xl font-bold text-oa-solar mb-4 flex items-center gap-2\">\n <span class=\"text-2xl\">3<\/span> Management System Training\n <\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e17\u0e31\u0e49\u0e07 In-house training, Public training \u0e2a\u0e31\u0e21\u0e21\u0e19\u0e32 \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl p-8 md:p-12 text-slate-800 shadow-2xl fade-in-up\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n \n <div class=\"space-y-6\">\n <h4 class=\"text-2xl font-bold text-oa-blue mb-6\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a<\/h4>\n <div class=\"flex flex-wrap gap-3\">\n <span class=\"px-4 py-2 bg-blue-100 text-blue-800 rounded-full font-semibold text-sm\">ISO 9001:2008<\/span>\n <span class=\"px-4 py-2 bg-blue-100 text-blue-800 rounded-full font-semibold text-sm\">ISO 9001:2015<\/span>\n <span class=\"px-4 py-2 bg-green-100 text-green-800 rounded-full font-semibold text-sm\">ISO 14001:2004<\/span>\n <span class=\"px-4 py-2 bg-green-100 text-green-800 rounded-full font-semibold text-sm\">ISO 14001:2015<\/span>\n <span class=\"px-4 py-2 bg-orange-100 text-orange-800 rounded-full font-semibold text-sm\">ISO 50001:2011<\/span>\n <span class=\"px-4 py-2 bg-slate-200 text-slate-800 rounded-full font-semibold text-sm\">TIS 18001:2554<\/span>\n <span class=\"px-4 py-2 bg-teal-100 text-teal-800 rounded-full font-semibold text-sm\">HACCP<\/span>\n <\/div>\n <p class=\"text-slate-600 text-sm mt-4\">\n \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e, \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21, \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19, \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer2-1.png\" alt=\"Certification Seal\" class=\"w-full h-auto rounded-xl shadow-md border border-slate-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer3-scaled.png\" alt=\"Certification Certificate\" class=\"w-full h-auto rounded-xl shadow-md border border-slate-100\">\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-oa-blue text-white pt-20 pb-10\">\n <div class=\"container mx-auto px-6 max-w-7xl\">\n \n \n <div class=\"bg-white\/10 rounded-3xl p-8 md:p-12 mb-16 text-center border border-white\/20 backdrop-blur-sm fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-solar mb-4\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?<\/h2>\n <p class=\"text-lg text-slate-300 mb-8\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e40\u0e23\u0e32\u0e41\u0e25\u0e30\u0e21\u0e32\u0e1e\u0e39\u0e14\u0e04\u0e38\u0e22\u0e01\u0e31\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n <a href=\"mailto:oa1power@gmail.com\" class=\"inline-block bg-oa-accent hover:bg-blue-600 text-white font-bold py-4 px-10 rounded-full transition shadow-lg hover:shadow-xl hover:-translate-y-1 transform duration-300\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e32\u0e40\u0e23\u0e32<\/a>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16 fade-in-up delay-100\">\n \n \n <div class=\"lg:col-span-2\">\n <h3 class=\"text-2xl font-bold mb-6 flex items-center gap-3\">\n <span class=\"text-oa-solar\">OA One Group<\/span>\n <\/h3>\n <div class=\"text-slate-400 mb-4 leading-relaxed max-w-md\">\n <strong class=\"text-white text-lg\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/strong><br>\n <span class=\"text-sm\">\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35 0-1055-36104-03-8<\/span>\n <p class=\"mt-4\">\n 300\/57 \u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e40\u0e2d\u0e2d\u0e1a\u0e32\u0e40\u0e19\u0e35\u0e22\u0e19 \u0e0b.\u0e25\u0e32\u0e14\u0e1e\u0e23\u0e49\u0e32\u0e27 84 \u0e16.\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e21\u0e19\u0e39\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e02\u0e27\u0e07\u0e27\u0e31\u0e07\u0e17\u0e2d\u0e07\u0e2b\u0e25\u0e32\u0e07 \u0e40\u0e02\u0e15\u0e27\u0e31\u0e07\u0e17\u0e2d\u0e07\u0e2b\u0e25\u0e32\u0e07 \u0e01\u0e17\u0e21.\n <\/p>\n <\/div>\n <div class=\"flex items-center gap-2 mt-4 text-slate-300 font-semibold bg-white\/5 inline-block px-4 py-2 rounded-lg\">\n <svg class=\"w-5 h-5 text-oa-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n \u0e42\u0e17\u0e23. 090-993-1965 \/ 087-978-4849\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-lg font-bold text-white mb-6 uppercase tracking-wider\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/h4>\n <ul class=\"space-y-3 text-slate-400\">\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e44\u0e2d\u0e17\u0e35 & \u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c (Private PPA)<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e23\u0e30\u0e1a\u0e1a Off-Grid & \u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> ZKTeco & \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 (ISO)<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-lg font-bold text-white mb-6 uppercase tracking-wider\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07<\/h4>\n \n <div class=\"mb-6 space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"mt-1 text-oa-green\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg><\/div>\n <div>\n <p class=\"text-slate-300 font-semibold mb-1\">MOBILE:<\/p>\n <a href=\"tel:0966595659\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">096-659-5659 (\u0e1a\u0e35)<\/a>\n <a href=\"tel:0922619251\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">092-261-9251 (\u0e17\u0e23\u0e32\u0e22 Support)<\/a>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start gap-3\">\n <div class=\"mt-1 text-oa-solar\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg><\/div>\n <div>\n <p class=\"text-slate-300 font-semibold mb-1\">EMAIL:<\/p>\n <a href=\"mailto:oa1power@gmail.com\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">oa1power@gmail.com<\/a>\n <a href=\"mailto:oaonegroup@gmail.com\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">oaonegroup@gmail.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <h4 class=\"text-sm font-bold text-white mb-3 uppercase tracking-wider\">SOCIAL MEDIA<\/h4>\n <div class=\"flex gap-4\">\n \n <a href=\"#\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-blue-600 transition shadow-lg\">\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n <\/a>\n \n <a href=\"#\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-[#00B900] transition shadow-lg\">\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 .5C5.8.5.5 4.8.5 10.4c0 4.9 3.9 9 9 9.8 0 0 .9.3.8 1.1-.1.4-.4 1.4-.7 2.2-.4 1.1-1.8 2.3.9 1.2 3.8-1.5 10.5-5.9 10.5-5.9 2.5-1.9 3.5-4.2 3.5-6.5C23.5 4.8 18.2.5 12 .5z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"border-t border-slate-700 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-slate-500\">\n <p>© 2026 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14 (OA One Group). All rights reserved.<\/p>\n <p class=\"mt-2 md:mt-0 font-medium\">Designed & Developed by OA One Group<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div class=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 items-end\">\n \n <a href=\"tel:0922619251\" class=\"flex items-center gap-3 bg-white pl-2 pr-4 py-2 rounded-full shadow-[0_10px_25px_rgba(0,0,0,0.15)] border border-slate-100 hover:bg-slate-50 transition group transform hover:-translate-y-1\">\n <div class=\"w-10 h-10 bg-oa-accent text-white rounded-full flex items-center justify-center animate-pulse shadow-md\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div class=\"hidden sm:block text-left\">\n <p class=\"text-[10px] text-slate-500 font-semibold uppercase tracking-wider leading-none\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22<\/p>\n <p class=\"text-sm font-bold text-oa-blue group-hover:text-oa-accent leading-tight\">096-659-5659 (\u0e1a\u0e35)<\/p>\n <\/div>\n <\/a>\n\n \n <a href=\"tel:0922619251\" class=\"flex items-center gap-3 bg-white pl-2 pr-4 py-2 rounded-full shadow-[0_10px_25px_rgba(0,0,0,0.15)] border border-slate-100 hover:bg-slate-50 transition group transform hover:-translate-y-1\">\n <div class=\"w-10 h-10 bg-oa-green text-white rounded-full flex items-center justify-center animate-pulse delay-75 shadow-md\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"hidden sm:block text-left\">\n <p class=\"text-[10px] text-slate-500 font-semibold uppercase tracking-wider leading-none\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d Support<\/p>\n <p class=\"text-sm font-bold text-oa-blue group-hover:text-oa-green leading-tight\">092-261-9251 (\u0e17\u0e23\u0e32\u0e22 Support)<\/p>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div id=\"imageModal\" class=\"fixed inset-0 z-[100] hidden bg-black\/90 flex flex-col items-center justify-center p-4 transition-opacity duration-300 opacity-0\" onclick=\"closeLightbox()\">\n <button class=\"absolute top-6 right-6 text-white text-4xl font-light hover:text-oa-accent transition focus:outline-none\">×<\/button>\n <img decoding=\"async\" id=\"lightboxImg\" src=\"\" class=\"max-w-full max-h-[90vh] rounded-lg shadow-2xl transform scale-95 transition-transform duration-300 object-contain\">\n <\/div>\n\n \n <script>\n \/\/ Lightbox Functions\n function openLightbox(src) {\n const modal = document.getElementById('imageModal');\n const img = document.getElementById('lightboxImg');\n img.src = src;\n modal.classList.remove('hidden');\n \n \/\/ Allow display block to apply before changing opacity for smooth transition\n requestAnimationFrame(() => {\n modal.classList.remove('opacity-0');\n img.classList.remove('scale-95');\n img.classList.add('scale-100');\n });\n document.body.style.overflow = 'hidden'; \/\/ Prevent page scrolling\n }\n\n function closeLightbox() {\n const modal = document.getElementById('imageModal');\n const img = document.getElementById('lightboxImg');\n \n modal.classList.add('opacity-0');\n img.classList.remove('scale-100');\n img.classList.add('scale-95');\n \n setTimeout(() => {\n modal.classList.add('hidden');\n document.body.style.overflow = 'auto'; \/\/ Restore page scrolling\n }, 300);\n }\n\n \/\/ Existing Intersection Observer (Scroll Animation)\n document.addEventListener('DOMContentLoaded', () => {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>OA One Group – Innovation for Future Innovating Since 1… <a href=\"https:\/\/oaone.co.th\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">OAONE group<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>OAONE group - oaone.co.th<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oaone.co.th\/\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OAONE group - oaone.co.th\" \/>\n<meta property=\"og:description\" content=\"OA One Group - Innovation for Future Innovating Since 1… OAONE group\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oaone.co.th\/\" \/>\n<meta property=\"og:site_name\" content=\"oaone.co.th\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-01T19:30:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 \u0e19\u0e32\u0e17\u0e35\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/oaone.co.th\/\",\"url\":\"https:\/\/oaone.co.th\/\",\"name\":\"OAONE group - oaone.co.th\",\"isPartOf\":{\"@id\":\"https:\/\/oaone.co.th\/#website\"},\"datePublished\":\"2026-02-22T14:35:04+00:00\",\"dateModified\":\"2026-03-01T19:30:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/oaone.co.th\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oaone.co.th\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oaone.co.th\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/oaone.co.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OAONE group\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/oaone.co.th\/#website\",\"url\":\"https:\/\/oaone.co.th\/\",\"name\":\"oaone.co.th\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/oaone.co.th\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"th\"}]}<\/script>\n","yoast_head_json":{"title":"OAONE group - oaone.co.th","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oaone.co.th\/","og_locale":"th_TH","og_type":"article","og_title":"OAONE group - oaone.co.th","og_description":"OA One Group - Innovation for Future Innovating Since 1… OAONE group","og_url":"https:\/\/oaone.co.th\/","og_site_name":"oaone.co.th","article_modified_time":"2026-03-01T19:30:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oaone.co.th\/","url":"https:\/\/oaone.co.th\/","name":"OAONE group - oaone.co.th","isPartOf":{"@id":"https:\/\/oaone.co.th\/#website"},"datePublished":"2026-02-22T14:35:04+00:00","dateModified":"2026-03-01T19:30:57+00:00","breadcrumb":{"@id":"https:\/\/oaone.co.th\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oaone.co.th\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oaone.co.th\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oaone.co.th\/"},{"@type":"ListItem","position":2,"name":"OAONE group"}]},{"@type":"WebSite","@id":"https:\/\/oaone.co.th\/#website","url":"https:\/\/oaone.co.th\/","name":"oaone.co.th","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oaone.co.th\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"th"}]}},"_links":{"self":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":7,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n \n \n OA One Group - Innovation for Future<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Prompt', 'sans-serif'],\n },\n colors: {\n oa: {\n blue: '#0f172a', \/* Dark Blue theme *\/\n accent: '#3b82f6', \/* Blue Accent *\/\n solar: '#f59e0b', \/* Solar Orange *\/\n green: '#10b981' \/* Eco Green *\/\n }\n }\n }\n }\n }\n <\/script>\n\n \n <style>\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Animation Classes *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n \n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Accordion Styles *\/\n .accordion-content {\n transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n }\n .accordion-content.active {\n opacity: 1;\n }\n\n \/* Hero Background Overlay *\/\n .hero-bg {\n background-image: linear-gradient(to right bottom, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.8)), url('https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n }\n \n \/* Custom Scrollbar for inner elements *\/\n .custom-scroll::-webkit-scrollbar {\n width: 6px;\n }\n .custom-scroll::-webkit-scrollbar-track {\n background: #f1f1f1; \n }\n .custom-scroll::-webkit-scrollbar-thumb {\n background: #cbd5e1; \n border-radius: 3px;\n }\n .custom-scroll::-webkit-scrollbar-thumb:hover {\n background: #94a3b8; \n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n \n <section class=\"relative h-screen min-h-[600px] flex items-center justify-center text-white hero-bg\">\n <div class=\"container mx-auto px-6 text-center z-10 fade-in-up\">\n <div class=\"mb-6 inline-block p-3 rounded-full bg-white\/10 backdrop-blur-sm border border-white\/20\">\n <span class=\"text-oa-solar font-semibold tracking-wide uppercase text-sm\">Innovating Since 1993<\/span>\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-bold mb-6 leading-tight\">\n OA One Group\n <\/h1>\n <p class=\"text-xl md:text-2xl text-slate-300 mb-10 max-w-3xl mx-auto font-light\">\n \u0e08\u0e32\u0e01\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07 \u0e2a\u0e39\u0e48\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e42\u0e25\u0e01<br>\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"#history\" class=\"px-8 py-4 bg-oa-accent hover:bg-blue-600 transition rounded-full font-semibold shadow-lg shadow-blue-500\/30\">\n \u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\n <\/a>\n <a href=\"#solar-innovation\" class=\"px-8 py-4 bg-transparent border border-white hover:bg-white hover:text-oa-blue transition rounded-full font-semibold\">\n \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 animate-bounce\">\n <svg class=\"w-6 h-6 text-white opacity-70\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n <\/div>\n <\/section>\n\n \n <section id=\"history\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-6 border-l-4 border-oa-solar pl-4\">\n \u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\n <\/h2>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n <strong class=\"text-oa-blue\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/strong> \u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 3 \u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19 2536 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e0b\u0e37\u0e49\u0e2d\u0e21\u0e32-\u0e02\u0e32\u0e22\u0e44\u0e1b\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e44\u0e01\u0e25 \u0e40\u0e23\u0e32\u0e08\u0e36\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e02\u0e32\u0e22\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07\n <\/p>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n \u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e1a\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e2b\u0e22\u0e38\u0e14\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e25\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e02\u0e36\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e43\u0e19\u0e1b\u0e35 \u0e1e.\u0e28. 2569 \u0e19\u0e35\u0e49 \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e42\u0e25\u0e01\u0e44\u0e1b\u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e25\n <\/p>\n <div class=\"flex items-center gap-4 mt-8\">\n <div class=\"text-center\">\n <span class=\"block text-3xl font-bold text-oa-accent\">30+<\/span>\n <span class=\"text-sm text-slate-500\">\u0e1b\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c<\/span>\n <\/div>\n <div class=\"h-10 w-px bg-slate-200\"><\/div>\n <div class=\"text-center\">\n <span class=\"block text-3xl font-bold text-oa-green\">100%<\/span>\n <span class=\"text-sm text-slate-500\">\u0e04\u0e27\u0e32\u0e21\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 fade-in-up delay-200\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Office History\" class=\"w-full h-full object-cover transform hover:scale-105 transition duration-700\">\n <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/70 to-transparent p-6\">\n <p class=\"text-white font-semibold\">\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e2b\u0e48\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"our-product\" class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Products & Services<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2 uppercase\">OUR Product<\/h2>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-16 fade-in-up\">\n <div class=\"bg-white rounded-2xl p-6 shadow-md border border-slate-100 flex justify-center items-center hover:shadow-lg transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/solar2.png\" alt=\"Solar Product\" class=\"max-h-80 w-auto object-contain\">\n <\/div>\n <div class=\"bg-white rounded-2xl p-6 shadow-md border border-slate-100 flex justify-center items-center hover:shadow-lg transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zkteco.png\" alt=\"ZKTeco\" class=\"max-h-80 w-auto object-contain\">\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-4xl mx-auto text-center mb-16 fade-in-up delay-100\">\n <p class=\"text-xl text-oa-blue font-medium leading-relaxed mb-4\">\n \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e21\u0e35\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e44\u0e2d\u0e17\u0e35 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22\n <\/p>\n <p class=\"text-lg text-slate-600\">\n \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e2d\u0e07 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e07\u0e32\u0e19\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-16 fade-in-up delay-200\">\n <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our1.png\" alt=\"Our Work 1\" class=\"w-full h-auto object-cover hover:scale-105 transition duration-500\">\n <\/div>\n <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our2.png\" alt=\"Our Work 2\" class=\"w-full h-auto object-cover hover:scale-105 transition duration-500\">\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-8 md:p-12 shadow-xl border-l-4 border-oa-solar fade-in-up\">\n <h3 class=\"text-2xl font-bold text-oa-blue mb-6\">PPA \u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01 Power Purchase Agreement (PPA) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/h3>\n \n <div class=\"space-y-6 text-lg text-slate-600 leading-relaxed\">\n <p>\n \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e21\u0e32\u0e01 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 upfront \u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e04\u0e37\u0e2d 10-20 \u0e1b\u0e35 \u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07 Solar cell \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/p>\n <p>\n \u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30 <strong>Private PPA<\/strong> \u0e44\u0e14\u0e49\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e02\u0e32\u0e14\u0e44\u0e1b\u0e2b\u0e21\u0e14\u0e2a\u0e34\u0e49\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e40\u0e14\u0e34\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e25\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34\u0e15\u0e32\u0e21\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a win-win \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e1d\u0e48\u0e32\u0e22\n <\/p>\n <div class=\"bg-green-50 text-green-800 p-6 rounded-xl border border-green-200 mt-4\">\n <p class=\"font-medium text-center\">\n <span class=\"text-2xl block mb-2\">\u2728<\/span>\n \u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e14\u0e46\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Structure<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 OA One Group<\/h2>\n <p class=\"text-slate-600 mt-4 max-w-2xl mx-auto\">\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e15\u0e31\u0e27\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e14\u0e49\u0e32\u0e19<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-50 rounded-xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2 fade-in-up border-t-4 border-blue-500\">\n <div class=\"h-16 mb-6 flex items-center justify-start\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19-\u0e08\u0e33\u0e01\u0e31\u0e14.png\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14\" class=\"max-h-full object-contain\">\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-blue mb-3\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/h3>\n <p class=\"text-slate-600\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e01\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/p>\n <a href=\"http:\/\/www.oa1school.com\" target=\"_blank\" class=\"text-blue-500 hover:text-blue-700 font-medium mt-4 inline-block text-sm\">\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c →<\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2 fade-in-up delay-100 border-t-4 border-indigo-500\">\n <div class=\"h-16 mb-6 flex items-center justify-start\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zkteco.png\" alt=\"OA One ZK\" class=\"max-h-full object-contain\">\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-blue mb-3\">OA One ZK<\/h3>\n <p class=\"text-slate-600\">\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1b\u0e34\u0e14-\u0e1b\u0e34\u0e14\u0e1b\u0e23\u0e30\u0e15\u0e39 \u0e01\u0e32\u0e23\u0e40\u0e0a\u0e47\u0e04\u0e40\u0e27\u0e25\u0e32 (Time Attendance) \u0e41\u0e25\u0e30\u0e41\u0e2d\u0e1e\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19 Telegram<\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2 fade-in-up delay-200 border-t-4 border-oa-solar\">\n <div class=\"h-16 mb-6 flex items-center justify-start\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e2d\u0e20\u0e34\u0e21\u0e38\u0e02-\u0e13-\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32-\u0e08\u0e33\u0e01\u0e31\u0e14-.png\" alt=\"Solar Energy System\" class=\"max-h-full object-contain\">\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-blue mb-3\">Solar Energy System<\/h3>\n <p class=\"text-slate-600\">\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e17\u0e33\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 Real-time \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e43\u0e2b\u0e49\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solar-innovation\" class=\"py-24 bg-oa-blue text-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-blue-500 opacity-10 blur-3xl\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 rounded-full bg-oa-solar opacity-10 blur-3xl\"><\/div>\n\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\n <div class=\"lg:w-1\/2 fade-in-up\">\n <span class=\"text-oa-solar font-bold tracking-widest uppercase mb-2 block\">Coming in 2026<\/span>\n <h2 class=\"text-4xl md:text-5xl font-bold mb-6 leading-tight\">\n \u0e1b\u0e0f\u0e34\u0e27\u0e31\u0e15\u0e34\u0e27\u0e07\u0e01\u0e32\u0e23\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-oa-solar to-yellow-200\">\"\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e33\u0e15\u0e30\u0e27\u0e31\u0e19\"<\/span>\n <\/h2>\n <p class=\"text-slate-300 text-lg mb-8 leading-relaxed\">\n \u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21\u0e04\u0e37\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07 4-5 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e41\u0e25\u0e30\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e07\u0e32\u0e1a\u0e31\u0e07\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14 \u0e41\u0e15\u0e48\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a <strong>\u0e1a\u0e08\u0e01. \u0e2d\u0e20\u0e34\u0e21\u0e38\u0e02 \u0e13 \u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/strong> \u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e15\u0e31\u0e49\u0e07\u0e09\u0e32\u0e01\u0e01\u0e31\u0e1a\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e0a\u0e49\u0e32\u0e08\u0e23\u0e14\u0e40\u0e22\u0e47\u0e19\n <\/p>\n \n <div class=\"bg-white\/10 backdrop-blur-md rounded-xl p-6 border border-white\/10\">\n <div class=\"flex items-end justify-between mb-2\">\n <span class=\"text-slate-300\">\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span>\n <span class=\"text-2xl font-bold\">4 - 5 \u0e0a\u0e21.<\/span>\n <\/div>\n <div class=\"w-full bg-gray-700 rounded-full h-2.5 mb-6\">\n <div class=\"bg-gray-400 h-2.5 rounded-full\" style=\"width: 45%\"><\/div>\n <\/div>\n\n <div class=\"flex items-end justify-between mb-2\">\n <span class=\"text-oa-solar font-semibold\">\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 OA One<\/span>\n <span class=\"text-3xl font-bold text-oa-solar\">8 - 10 \u0e0a\u0e21.<\/span>\n <\/div>\n <div class=\"w-full bg-gray-700 rounded-full h-2.5 relative overflow-hidden\">\n <div class=\"bg-gradient-to-r from-orange-500 to-yellow-400 h-2.5 rounded-full relative\" style=\"width: 90%\">\n <div class=\"absolute top-0 left-0 right-0 bottom-0 animate-pulse bg-white\/20\"><\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-400 mt-3 text-right\">*\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e40\u0e14\u0e34\u0e21<\/p>\n <\/div>\n <\/div>\n \n <div class=\"lg:w-1\/2 fade-in-up delay-200\">\n \n <div class=\"relative\">\n <svg viewBox=\"0 0 500 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-auto drop-shadow-2xl\">\n <defs>\n <linearGradient id=\"panelGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#2563eb;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#1e40af;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n <path d=\"M50,350 Q250,50 450,350\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-dasharray=\"10,10\" opacity=\"0.5\"\/>\n <circle cx=\"250\" cy=\"100\" r=\"30\" fill=\"#f59e0b\" class=\"animate-pulse\"\/>\n \n \n <rect x=\"150\" y=\"200\" width=\"200\" height=\"120\" rx=\"10\" fill=\"url(#panelGrad)\" stroke=\"white\" stroke-width=\"4\" transform=\"rotate(-10 250 260)\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" values=\"-15 250 260; 15 250 260; -15 250 260\" dur=\"10s\" repeatCount=\"indefinite\" \/>\n <\/rect>\n <rect x=\"160\" y=\"210\" width=\"180\" height=\"100\" fill=\"none\" stroke=\"white\" stroke-opacity=\"0.3\" stroke-width=\"2\" transform=\"rotate(-10 250 260)\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" values=\"-15 250 260; 15 250 260; -15 250 260\" dur=\"10s\" repeatCount=\"indefinite\" \/>\n <\/rect>\n \n \n <rect x=\"240\" y=\"320\" width=\"20\" height=\"60\" fill=\"#475569\" \/>\n <path d=\"M220,380 L280,380 L250,320 Z\" fill=\"#475569\" \/>\n <\/svg>\n <div class=\"text-center mt-4\">\n <p class=\"text-sm text-slate-400\">\u0e20\u0e32\u0e1e\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e14\u0e27\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c (Solar Tracking)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12 fade-in-up\">\n <span class=\"text-oa-green font-semibold uppercase\">Business Model<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2\">Private PPA Services<\/h2>\n <p class=\"text-slate-600 mt-4\">\u0e42\u0e21\u0e40\u0e14\u0e25 Win-Win \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n <div class=\"fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Business Meeting\" class=\"rounded-xl shadow-lg w-full\">\n <\/div>\n <div class=\"space-y-6 fade-in-up delay-100\">\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-green-100 flex items-center justify-center text-green-600 mt-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-xl font-bold text-oa-blue\">\u0e25\u0e07\u0e17\u0e38\u0e19 0 \u0e1a\u0e32\u0e17 (Zero Investment)<\/h4>\n <p class=\"text-slate-600 mt-2\">OAONE Group \u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e2b\u0e49 100% \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e23\u0e27\u0e08 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e1a\u0e01\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e14\u0e46<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mt-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-xl font-bold text-oa-blue\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e16\u0e39\u0e01\u0e25\u0e07\u0e17\u0e31\u0e19\u0e17\u0e35<\/h4>\n <p class=\"text-slate-600 mt-2\">\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32\u0e40\u0e23\u0e17\u0e1b\u0e01\u0e15\u0e34 (Discount Rate) \u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e31\u0e0d\u0e0d\u0e32 10-20 \u0e1b\u0e35 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e41\u0e23\u0e01<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-orange-600 mt-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-xl font-bold text-oa-blue\">\u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/h4>\n <p class=\"text-slate-600 mt-2\">\u0e40\u0e23\u0e32\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07 \u0e0b\u0e48\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1f\u0e23\u0e35\u0e15\u0e25\u0e2d\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e23\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div class=\"text-center mb-10 fade-in-up\">\n <h2 class=\"text-3xl font-bold text-oa-blue\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01<\/h2>\n <p class=\"text-slate-600 mt-2\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21 \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/p>\n <\/div>\n\n <div class=\"space-y-4 fade-in-up delay-100\" id=\"accordion-container\">\n \n <div class=\"bg-slate-50 rounded-lg shadow-sm border border-slate-200 overflow-hidden\">\n <button class=\"accordion-btn w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-100 transition\">\n <span class=\"font-semibold text-oa-blue\">\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e02\u0e2d\u0e07 OA One<\/span>\n <svg class=\"w-5 h-5 text-slate-400 transform transition-transform duration-300 icon-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content bg-white\">\n <div class=\"px-6 py-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100\">\n \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e21\u0e32\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1b\u0e35 2536 \u0e21\u0e35\u0e2d\u0e32\u0e22\u0e38\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e01\u0e27\u0e48\u0e32 32 \u0e1b\u0e35 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e02\u0e32\u0e22\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10 \u0e01\u0e48\u0e2d\u0e19\u0e08\u0e30\u0e1c\u0e31\u0e19\u0e15\u0e31\u0e27\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c www.oa1school.com \u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-lg shadow-sm border border-slate-200 overflow-hidden\">\n <button class=\"accordion-btn w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-100 transition\">\n <span class=\"font-semibold text-oa-blue\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f 8-10 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e17\u0e33\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e2b\u0e23\u0e37\u0e2d?<\/span>\n <svg class=\"w-5 h-5 text-slate-400 transform transition-transform duration-300 icon-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content bg-white\">\n <div class=\"px-6 py-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100\">\n <p class=\"mb-2\"><strong>\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21:<\/strong> \u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e43\u0e19\u0e44\u0e17\u0e22\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 5 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e41\u0e14\u0e14\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e48\u0e32 (Peak Sun Hours) \u0e15\u0e48\u0e2d\u0e27\u0e31\u0e19 \u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e49\u0e32\u0e07\u0e16\u0e36\u0e07 8-10 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a <strong>Solar Tracking<\/strong> (\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e32\u0e21\u0e15\u0e30\u0e27\u0e31\u0e19) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e1c\u0e07\u0e15\u0e31\u0e49\u0e07\u0e09\u0e32\u0e01\u0e01\u0e31\u0e1a\u0e41\u0e2a\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e0a\u0e49\u0e32\u0e08\u0e23\u0e14\u0e40\u0e22\u0e47\u0e19<\/p>\n <p>\u0e2a\u0e34\u0e48\u0e07\u0e19\u0e35\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 (Energy Yield) \u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e0a\u0e49\u0e32\u0e41\u0e25\u0e30\u0e40\u0e22\u0e47\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a Fixed Tilt \u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21 \u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e07\u0e32\u0e1a\u0e31\u0e07\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-lg shadow-sm border border-slate-200 overflow-hidden\">\n <button class=\"accordion-btn w-full px-6 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-100 transition\">\n <span class=\"font-semibold text-oa-blue\">\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e0d\u0e0d\u0e32 Private PPA<\/span>\n <svg class=\"w-5 h-5 text-slate-400 transform transition-transform duration-300 icon-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content bg-white\">\n <div class=\"px-6 py-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100\">\n <ul class=\"list-disc list-inside space-y-2\">\n <li><strong>On-site PPA:<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e01\u0e0a\u0e19 \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15 (OA One) \u0e25\u0e07\u0e17\u0e38\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e49 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e25\u0e07<\/li>\n <li><strong>\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19:<\/strong> \u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e01\u0e0e\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07 (2567) \u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e43\u0e2b\u0e49 Solar Rooftop \u0e44\u0e21\u0e48\u0e40\u0e02\u0e49\u0e32\u0e02\u0e48\u0e32\u0e22\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e23.\u0e07.4<\/li>\n <li><strong>\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e44\u0e1f:<\/strong> \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e01\u0e1f\u0e19.\/\u0e01\u0e1f\u0e20. \u0e42\u0e14\u0e22\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e01\u0e31\u0e19\u0e44\u0e1f\u0e22\u0e49\u0e2d\u0e19 (Zero Export) \u0e2b\u0e32\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \n \/\/ 1. Accordion Logic\n const accordions = document.querySelectorAll('.accordion-btn');\n \n accordions.forEach(acc => {\n acc.addEventListener('click', function() {\n \/\/ Toggle Icon Rotation\n const icon = this.querySelector('.icon-arrow');\n icon.classList.toggle('rotate-180');\n \n \/\/ Toggle Content\n const content = this.nextElementSibling;\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n content.classList.remove('active');\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n content.classList.add('active');\n }\n });\n });\n\n \/\/ 2. Scroll Animation (Intersection Observer)\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target); \/\/ Animate only once\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><div id=\"panel-15-0-0-1\" class=\"widget_text so-panel widget widget_custom_html\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \n \n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-XXXXXXXXXX\"><\/script>\n <script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 AW-XXXXXXXXXX \u0e40\u0e1b\u0e47\u0e19 Google Ads Conversion ID \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 *\/\n gtag('config', 'AW-XXXXXXXXXX'); \n <\/script>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['Prompt', 'sans-serif'] },\n colors: {\n oa: {\n blue: '#0f172a', \n accent: '#3b82f6', \n solar: '#f59e0b', \n green: '#10b981' \n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\n \n <div class=\"lg:w-1\/2 fade-in-up\">\n <div class=\"inline-block bg-blue-100 text-blue-700 font-semibold px-4 py-1 rounded-full mb-4 text-sm\">\n \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a PPA\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-4 leading-tight\">\n \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07<br>\n <span class=\"text-oa-green\">OAONE group \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 100%<\/span>\n <\/h2>\n \n <div class=\"space-y-4 text-slate-600 mt-6 text-lg leading-relaxed\">\n <p>\n <strong>PPA \u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01 Power Purchase Agreement (PPA) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/strong><br>\n \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e21\u0e32\u0e01 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 upfront \u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e04\u0e37\u0e2d 10-20 \u0e1b\u0e35 \u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07 Solar cell \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/p>\n <p>\n \u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30 <strong>Private PPA<\/strong> \u0e44\u0e14\u0e49\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e02\u0e32\u0e14\u0e44\u0e1b\u0e2b\u0e21\u0e14\u0e2a\u0e34\u0e49\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e40\u0e14\u0e34\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e25\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34\u0e15\u0e32\u0e21\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a win-win \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e1d\u0e48\u0e32\u0e22\n <\/p>\n <div class=\"border-l-4 border-oa-solar pl-4 mt-6 italic text-slate-700 font-medium\">\n \"\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e14\u0e46\"\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:w-1\/2 grid grid-cols-1 sm:grid-cols-2 gap-6 fade-in-up delay-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our3.png\" alt=\"PPA Installation 1\" class=\"rounded-2xl shadow-lg w-full h-auto hover:scale-105 transition duration-500\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our4.png\" alt=\"PPA Installation 2\" class=\"rounded-2xl shadow-lg w-full h-auto mt-0 sm:mt-10 hover:scale-105 transition duration-500\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-slate-100 border-y border-slate-200\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase tracking-wide\">\n OFF-GRID SOLAR POWER SYSTEM\n <\/h2>\n <div class=\"w-24 h-1 bg-oa-solar mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto fade-in-up delay-100\">\n <div class=\"bg-white p-4 rounded-2xl shadow-md border border-slate-200 hover:shadow-xl transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/OFF-GRID-SOLAR-POWER-SYSTEM-.png\" alt=\"Off-Grid System 1\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <div class=\"bg-white p-4 rounded-2xl shadow-md border border-slate-200 hover:shadow-xl transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/OFF-GRID-SOLAR-POWER-SYSTEM-2.png\" alt=\"Off-Grid System 2\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n \n \n <div class=\"max-w-4xl mx-auto mb-16 fade-in-up\">\n <h2 class=\"text-2xl font-bold text-center text-oa-blue mb-6\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/solar3-scaled.png\" alt=\"Solar Packages\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n <\/div>\n\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"bg-slate-50 rounded-2xl p-8 border border-slate-200 shadow-sm fade-in-up\">\n <h3 class=\"text-2xl font-bold text-slate-700 mb-6 text-center pb-4 border-b border-slate-200\">\u0e41\u0e1a\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07<\/h3>\n <ul class=\"space-y-6\">\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e1a\u0e1a<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07 100%<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n <span class=\"text-lg font-medium text-red-600 flex items-center gap-2\">\n <span>\u26a0\ufe0f<\/span> \u0e15\u0e49\u0e2d\u0e07\u0e14\u0e39\u0e41\u0e25\u0e40\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e49\u0e32\u0e07\n <\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e31\u0e1a\/\u0e02\u0e22\u0e32\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e14\u0e49\u0e40\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e07\u0e1a<\/span>\n <\/li>\n <li class=\"flex flex-col pt-4 border-t border-slate-200\">\n <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e43\u0e04\u0e23<\/span>\n <span class=\"text-lg font-bold text-oa-blue\">\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e21\u0e35\u0e40\u0e07\u0e34\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-gradient-to-b from-blue-50 to-white rounded-2xl p-8 border-2 border-oa-accent shadow-xl relative transform md:-translate-y-4 fade-in-up delay-100\">\n <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-oa-accent text-white px-6 py-1 rounded-full text-sm font-bold shadow-md\">\n \u0e41\u0e19\u0e30\u0e19\u0e33\n <\/div>\n <h3 class=\"text-2xl font-bold text-oa-accent mb-6 text-center pb-4 border-b border-blue-200\">\u0e41\u0e1a\u0e1a PPA (\u0e44\u0e21\u0e48\u0e25\u0e07\u0e17\u0e38\u0e19)<\/h3>\n <ul class=\"space-y-6\">\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/span>\n <span class=\"text-xl font-bold text-green-600\">\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19 (0 \u0e1a\u0e32\u0e17)<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e1a\u0e1a<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19 <br><span class=\"text-sm text-slate-500\">(\u0e08\u0e19\u0e01\u0e27\u0e48\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e08\u0e30\u0e2b\u0e21\u0e14)<\/span><\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n <span class=\"text-lg font-medium text-green-600 flex items-start gap-2\">\n <span class=\"mt-1\">\u2705<\/span> <span>\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e39\u0e41\u0e25\u0e43\u0e2b\u0e49 \u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e43\u0e2b\u0e21\u0e48\u0e46 \u0e1f\u0e23\u0e35<\/span>\n <\/span>\n <\/li>\n <li class=\"flex flex-col\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/span>\n <span class=\"text-lg font-medium text-slate-800\">\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/span>\n <\/li>\n <li class=\"flex flex-col pt-4 border-t border-blue-200\">\n <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e43\u0e04\u0e23<\/span>\n <span class=\"text-lg font-bold text-oa-blue\">\u0e1c\u0e39\u0e49\u0e44\u0e21\u0e48\u0e21\u0e35\u0e07\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-oa-blue text-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-sm border border-white\/20 fade-in-up\">\n <div class=\"w-12 h-12 bg-blue-500\/20 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-6 h-6 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-solar mb-4\">\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 & \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/h3>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-oa-solar font-bold\">1.<\/span>\n <span>\u0e1a\u0e34\u0e25\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e04\u0e38\u0e13\u0e08\u0e30\u0e16\u0e39\u0e01\u0e25\u0e07\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e41\u0e23\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e43\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e16\u0e39\u0e01\u0e25\u0e07 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e33\u0e44\u0e23\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-oa-solar font-bold\">2.<\/span>\n <span>\u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e41\u0e25\u0e30\u0e14\u0e39\u0e41\u0e25\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-oa-solar font-bold\">3.<\/span>\n <span>\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e1f\u0e23\u0e35 \u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-sm border border-white\/20 fade-in-up delay-100\">\n <div class=\"w-12 h-12 bg-green-500\/20 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-6 h-6 text-green-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-oa-green mb-4\">\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e44\u0e14\u0e49\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e01\u0e4a\u0e32\u0e0b\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e01\u0e23\u0e30\u0e08\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 (ESG)\n <\/p>\n <\/div>\n\n \n <div class=\"bg-gradient-to-br from-oa-solar to-orange-600 p-8 rounded-2xl shadow-xl fade-in-up delay-200 flex flex-col justify-center text-center\">\n <div class=\"w-16 h-16 bg-white\/20 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-white mb-2\">\u0e04\u0e23\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/h3>\n <p class=\"text-lg text-white font-medium\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c<br>\u0e15\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35!\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50 relative overflow-hidden\">\n <div class=\"container mx-auto px-6\">\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden max-w-5xl mx-auto border border-slate-200 fade-in-up\">\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n \n \n <div class=\"p-10 lg:p-12\">\n <h2 class=\"text-3xl font-bold text-oa-blue mb-2\">\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e22\u0e38\u0e04\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e41\u0e1e\u0e07!!<\/h2>\n <p class=\"text-oa-accent font-semibold mb-8 text-lg border-b pb-4\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e27\u0e31\u0e19\u0e19\u0e35\u0e49<\/p>\n \n <ul class=\"space-y-4\">\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e40\u0e23\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e21\u0e0a\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 25 \u0e1b\u0e35 \ud83d\udca5<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">Dashborad \u0e14\u0e39\u0e44\u0e1f\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35 \u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e15\u0e23\u0e27\u0e08\u0e40\u0e0a\u0e47\u0e04\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07 1 \u0e04\u0e23\u0e31\u0e49\u0e07\/\u0e1b\u0e35 (\u0e23\u0e30\u0e22\u0e30 3\u0e1b\u0e35)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e38\u0e01\u0e0a\u0e34\u0e49\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n <span class=\"text-slate-700 font-medium\">\u0e21\u0e35\u0e17\u0e35\u0e21\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e2a\u0e30\u0e14\u0e27\u0e01\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-blue-50 p-10 lg:p-12 flex flex-col justify-center border-l border-blue-100\">\n <div class=\"text-center mb-8\">\n <span class=\"inline-block bg-oa-blue text-white px-6 py-2 rounded-full font-bold tracking-wider text-sm shadow-md\">\n >> \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <<\n <\/span>\n <\/div>\n \n <div class=\"space-y-6\">\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 text-2xl\">\ud83c\udfe0<\/div>\n <span class=\"font-semibold text-slate-700 text-lg\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22, \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17, \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/span>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center text-orange-600 text-2xl\">\u2615<\/div>\n <span class=\"font-semibold text-slate-700 text-lg\">\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e15\u0e39\u0e49\u0e41\u0e0a\u0e48, \u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f, \u0e04\u0e32\u0e40\u0e1f\u0e48, \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/span>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center text-green-600 text-2xl\">\ud83c\udf3e<\/div>\n <span class=\"font-semibold text-slate-700 text-lg\">\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23, \u0e01\u0e32\u0e23\u0e17\u0e33\u0e2a\u0e27\u0e19, \u0e17\u0e33\u0e44\u0e23\u0e48, \u0e1f\u0e32\u0e23\u0e4c\u0e21<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-white border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n \n <div class=\"text-center mb-10 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-8\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer1.png\" alt=\"Certificate 1\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-xl transition\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer2.png\" alt=\"Certificate 2\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-xl transition\">\n <\/div>\n <\/div>\n\n <div class=\"w-full h-px bg-slate-200 my-16\"><\/div>\n\n \n <div class=\"text-center mb-10 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-12\">\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e08\u0e41\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19<\/h2>\n \n <div class=\"space-y-16\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-blue-50 py-2 rounded-lg border border-blue-100\">\u0e0a\u0e38\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 1 \u0e40\u0e1f\u0e2a<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack1.png\" alt=\"1 Phase Package\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-blue-50 py-2 rounded-lg border border-blue-100\">\u0e0a\u0e38\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 3 \u0e40\u0e1f\u0e2a<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack2.png\" alt=\"3 Phase Package\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-green-50 py-2 rounded-lg border border-green-100\">\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e08\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2d\u0e2d\u0e19\u0e01\u0e23\u0e34\u0e14<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack3.png\" alt=\"On-Grid Package\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-orange-50 py-2 rounded-lg border border-orange-100\">\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f<\/h3>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack4.png\" alt=\"Cost Reduction\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-lg transition\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase\">\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/h2>\n <div class=\"w-24 h-1 bg-oa-accent mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-50 rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up group\">\n <div class=\"h-48 overflow-hidden relative\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"text-oa-accent font-bold mb-2\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e19\u0e38\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22, \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c \u0e08.\u0e19\u0e04\u0e23\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-100 group\">\n <div class=\"h-48 overflow-hidden relative\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"text-oa-solar font-bold mb-2\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07<\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e2d\u0e01\u0e0a\u0e19 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e2b\u0e49\u0e32\u0e07\u0e41\u0e21\u0e04\u0e42\u0e04\u0e23 \u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17 77, \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e25\u0e39\u0e0a\u0e34\u0e1b \u0e44\u0e21\u0e42\u0e04\u0e23\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e21\u0e48, \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07\u0e23\u0e34\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e44\u0e0b\u0e14\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-50 rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-200 group\">\n <div class=\"h-48 overflow-hidden relative\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"text-oa-green font-bold mb-2\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e22\u0e48\u0e2d\u0e21<\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e04\u0e25\u0e34\u0e19\u0e34\u0e01 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n \n <div class=\"text-center mb-16 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <div class=\"w-24 h-1 bg-oa-solar mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"mb-16 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/Picture1-scaled.png\" alt=\"Portfolio Overview\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-200\">\n <\/div>\n\n \n <div class=\"mb-16 fade-in-up\">\n <h3 class=\"text-2xl font-bold text-oa-blue mb-6 border-l-4 border-oa-accent pl-4 bg-slate-50 py-2\">OA1 Group 22 \u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c 2568<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/1.png\" alt=\"OA1 Group Job 1\" class=\"w-full h-auto rounded-xl shadow hover:scale-[1.02] transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/2.png\" alt=\"OA1 Group Job 2\" class=\"w-full h-auto rounded-xl shadow hover:scale-[1.02] transition duration-300\">\n <\/div>\n <\/div>\n\n \n <div class=\"fade-in-up delay-100\">\n <h3 class=\"text-2xl font-bold text-oa-blue mb-6 border-l-4 border-oa-accent pl-4 bg-slate-50 py-2\">3-6 \u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21 2568 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a \u0e08.\u0e2a\u0e01\u0e25\u0e19\u0e04\u0e23<\/h3>\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/3.png\" alt=\"Job 3\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/4.png\" alt=\"Job 4\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/5.png\" alt=\"Job 5\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/6.png\" alt=\"Job 6\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/7.png\" alt=\"Job 7\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/8.png\" alt=\"Job 8\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/9.png\" alt=\"Job 9\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/10.png\" alt=\"Job 10\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/11.png\" alt=\"Job 11\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/12.png\" alt=\"Job 12\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3]\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-gradient-to-r from-oa-blue to-blue-900 text-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"bg-white\/10 rounded-3xl border border-white\/20 p-8 md:p-12 backdrop-blur-sm max-w-5xl mx-auto flex flex-col md:flex-row items-center gap-10 shadow-2xl fade-in-up\">\n \n \n <div class=\"md:w-1\/3\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/close-business-man-signing-contract-260nw-2548861171-e1771776158322.webp\" alt=\"Government Deal\" class=\"rounded-xl shadow-lg border-4 border-white\/10 object-cover w-full h-64\">\n <\/div>\n\n <div class=\"md:w-2\/3 text-center md:text-left\">\n <div class=\"inline-block bg-red-500 text-white font-bold px-4 py-1 rounded-full text-sm mb-4 animate-pulse\">\n \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29 !!\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-oa-solar\">\u0e2a\u0e48\u0e27\u0e19\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1f\u0e23\u0e35<\/h2>\n <p class=\"text-xl text-slate-200 mb-6 font-medium\">\n \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e43\u0e14\u0e46 \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e34\u0e49\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46\n <\/p>\n \n <div class=\"bg-white\/10 p-6 rounded-xl border border-white\/20 inline-block w-full md:w-auto\">\n <p class=\"text-slate-300 text-sm mb-3\">\u0e42\u0e17\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e17\u0e35\u0e48:<\/p>\n <div class=\"flex flex-col sm:flex-row gap-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-green-500 p-2 rounded-full\">\n <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div class=\"text-left\">\n <div class=\"text-2xl font-bold text-white\">090-993-9165<\/div>\n <div class=\"text-sm text-slate-300\">\u0e04\u0e38\u0e13\u0e2b\u0e19\u0e48\u0e2d\u0e07<\/div>\n <\/div>\n <\/div>\n <div class=\"hidden sm:block w-px bg-white\/30\"><\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-green-500 p-2 rounded-full\">\n <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div class=\"text-left\">\n <div class=\"text-2xl font-bold text-white\">061-352-5274<\/div>\n <div class=\"text-sm text-slate-300\">\u0e04\u0e38\u0e13\u0e42\u0e15\u0e42\u0e15\u0e49<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><div id=\"panel-15-0-0-2\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"keywords\" content=\"ZKteco, \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16, \u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c, \u0e01\u0e25\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19, LPR, Smart Parking, \u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e2d\u0e01\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34, \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2a\u0e41\u0e01\u0e19\u0e25\u0e32\u0e22\u0e19\u0e34\u0e49\u0e27\u0e21\u0e37\u0e2d, OA One Group\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['Prompt', 'sans-serif'] },\n colors: {\n oa: {\n blue: '#0f172a', \n accent: '#3b82f6', \n solar: '#f59e0b', \n green: '#10b981' \n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Smart Security & Parking<\/span>\n <h2 class=\"text-4xl md:text-5xl font-bold text-oa-blue mt-2\">OA One ZKteco<\/h2>\n <div class=\"w-24 h-1 bg-blue-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"mb-12 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk1-scaled.png\" alt=\"OA One ZKteco Banner\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n <\/div>\n\n \n <div class=\"mb-16 max-w-5xl mx-auto fade-in-up delay-100 relative group cursor-pointer\" onclick=\"openLightbox('https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk5-scaled.png')\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-oa-accent to-blue-400 rounded-2xl blur opacity-30 group-hover:opacity-60 transition duration-300 animate-pulse\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk5-scaled.png\" alt=\"ZK Product 5 Promo\" class=\"w-full h-auto object-contain rounded-2xl shadow-lg hover:shadow-2xl transform hover:-translate-y-1 transition duration-300 relative z-10 border border-slate-200\">\n <div class=\"absolute top-4 right-4 z-20 bg-black\/60 text-white p-3 rounded-full shadow-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition duration-300\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path><\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12 max-w-5xl mx-auto fade-in-up delay-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk6-scaled.png\" alt=\"ZK Product 6\" class=\"w-full h-auto rounded-2xl shadow-md hover:shadow-xl hover:scale-[1.02] transition duration-300 border border-slate-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk7-scaled.png\" alt=\"ZK Product 7\" class=\"w-full h-auto rounded-2xl shadow-md hover:shadow-xl hover:scale-[1.02] transition duration-300 border border-slate-100\">\n <\/div>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 fade-in-up delay-200\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk2.png\" alt=\"ZK Product 2\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk3.png\" alt=\"ZK Product 3\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk4.png\" alt=\"ZK Product 4\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk8-scaled.png\" alt=\"ZK Product 8\" class=\"w-full h-auto rounded-xl shadow-sm hover:shadow-md hover:scale-105 transition duration-300\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-slate-100 border-y border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n \n \n <div class=\"bg-white p-8 rounded-2xl shadow-md border border-slate-200 fade-in-up\">\n <div class=\"flex items-center gap-4 mb-6\">\n <div class=\"w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e41\u0e1a\u0e1a Real-time<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6 text-lg\">\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01 \u0e1c\u0e48\u0e32\u0e19 website \u0e41\u0e25\u0e30 App \u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/p>\n <div class=\"rounded-xl overflow-hidden shadow-inner bg-black\">\n <video autoplay loop muted playsinline class=\"w-full h-auto opacity-90 hover:opacity-100 transition\">\n <source src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk9.mp4\" type=\"video\/mp4\">\n \u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\n <\/video>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-md border border-slate-200 fade-in-up delay-100\">\n <div class=\"flex items-center gap-4 mb-6\">\n <div class=\"w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 (LPR)<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6 text-lg\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c<\/p>\n <div class=\"rounded-xl overflow-hidden shadow-inner bg-black\">\n <video autoplay loop muted playsinline class=\"w-full h-auto opacity-90 hover:opacity-100 transition\">\n <source src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk10.mp4\" type=\"video\/mp4\">\n \u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\n <\/video>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-4\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e02\u0e2d\u0e07 OA One<\/h2>\n <p class=\"text-lg text-slate-600 max-w-3xl mx-auto\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e49\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u2013\u0e2d\u0e2d\u0e01 \u0e04\u0e34\u0e14\u0e04\u0e48\u0e32\u0e08\u0e2d\u0e14 \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\/Visitor \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e2a\u0e23\u0e38\u0e1b\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e40\u0e04\u0e2a\n <\/p>\n <\/div>\n\n \n <div class=\"mb-12 fade-in-up max-w-3xl mx-auto\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/parking.png\" alt=\"Parking Management Overview\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n <\/div>\n\n \n <div class=\"mb-8 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506521781263-d8422e82f27a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Parking Management System Image\" class=\"w-full h-64 md:h-80 object-cover rounded-2xl shadow-md\">\n <\/div>\n\n <div class=\"bg-blue-50 rounded-2xl p-8 md:p-12 border-l-4 border-oa-accent shadow-sm fade-in-up\">\n <p class=\"text-xl text-slate-700 leading-relaxed mb-4\">\n <strong>\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u2013\u0e2d\u0e2d\u0e01 \u0e04\u0e34\u0e14\u0e04\u0e48\u0e32\u0e08\u0e2d\u0e14 \u0e14\u0e39\u0e41\u0e25\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e38\u0e1b\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e40\u0e04\u0e2a<\/strong>\n <\/p>\n <p class=\"text-lg text-slate-600 leading-relaxed\">\n Oaone \u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a <span class=\"text-oa-accent font-semibold\">\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c + \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 + \u0e17\u0e35\u0e21\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/span> \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 \n <strong class=\"text-red-500\">\u0e25\u0e14\u0e04\u0e34\u0e27 \u0e25\u0e14\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e23\u0e31\u0e48\u0e27 \u0e25\u0e14\u0e07\u0e32\u0e19\u0e04\u0e19<\/strong> \n \u0e41\u0e25\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e41\u0e1a\u0e1a\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e17\u0e33\u0e07\u0e32\u0e19\u0e25\u0e37\u0e48\u0e19\u0e44\u0e2b\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-16 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e13<\/h2>\n <p class=\"text-slate-600 mt-4\">\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e17\u0e49\u0e32\u0e17\u0e32\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n \n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-200 fade-in-up flex flex-col\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Condominium\" class=\"w-full h-56 object-cover\">\n \n <div class=\"p-8 flex-1\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"text-3xl\">\ud83c\udfd8\ufe0f<\/span>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e1a\u0e49\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e19\u0e34\u0e15\u0e34\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22<\/p>\n \n <div class=\"mb-6\">\n <h4 class=\"font-bold text-red-600 mb-3 text-sm uppercase tracking-wide\">Pain Points \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e41\u0e01\u0e49\u0e44\u0e02<\/h4>\n <ul class=\"space-y-2 text-slate-600 text-sm\">\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e25\u0e39\u0e01\u0e1a\u0e49\u0e32\u0e19\u0e25\u0e37\u0e21\/\u0e17\u0e33\u0e1a\u0e31\u0e15\u0e23\u0e2b\u0e32\u0e22<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e15\u0e49\u0e19\u0e17\u0e38\u0e19 \u0e23\u0e1b\u0e20. \u0e2a\u0e39\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e25\u0e01\u0e1a\u0e31\u0e15\u0e23<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1c\u0e39\u0e49\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-slate-50 p-5 rounded-xl border border-slate-100 mt-auto\">\n <h4 class=\"font-bold text-oa-accent mb-3 text-sm uppercase tracking-wide\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e0a\u0e48\u0e32\u0e17\u0e35\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/h4>\n <div class=\"space-y-4\">\n <div>\n <div class=\"font-bold text-slate-800\">1. Full Function<\/div>\n <div class=\"text-sm text-slate-500\">\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (LPR, \u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19, \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23)<\/div>\n <\/div>\n <div>\n <div class=\"font-bold text-slate-800\">2. \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e25\u0e49\u0e2d\u0e07 (LPR)<\/div>\n <div class=\"text-sm text-slate-500\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-100 flex flex-col\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Commercial Building\" class=\"w-full h-56 object-cover\">\n \n <div class=\"p-8 flex-1\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"text-3xl\">\ud83c\udfe2<\/span>\n <h3 class=\"text-2xl font-bold text-oa-blue\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/h3>\n <\/div>\n <p class=\"text-slate-600 mb-6\">\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08<\/p>\n \n <div class=\"mb-6\">\n <h4 class=\"font-bold text-red-600 mb-3 text-sm uppercase tracking-wide\">Pain Points \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e41\u0e01\u0e49\u0e44\u0e02<\/h4>\n <ul class=\"space-y-2 text-slate-600 text-sm\">\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e48\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e32\u0e22\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e32\u0e01<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e23\u0e30\u0e1a\u0e1a E-Stamp \u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32<\/li>\n <li class=\"flex items-start gap-2\"><span>\u274c<\/span> \u0e02\u0e32\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-blue-50 p-5 rounded-xl border border-blue-100 mt-auto\">\n <h4 class=\"font-bold text-blue-700 mb-3 text-sm uppercase tracking-wide\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e30\u0e1a\u0e1a Server \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/h4>\n <div class=\"space-y-4\">\n <div>\n <div class=\"font-bold text-slate-800\">1. Core Server (On-Premise)<\/div>\n <div class=\"text-sm text-slate-600\">\u0e08\u0e48\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48 \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/div>\n <\/div>\n <div>\n <div class=\"font-bold text-slate-800\">2. Core Cloud (Subscription)<\/div>\n <div class=\"text-sm text-slate-600\">\u0e08\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e1b\u0e35 \u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e17\u0e35\u0e48 \u0e21\u0e35\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e39\u0e41\u0e25 24\u0e0a\u0e21. \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a SME<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-4\">\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c (Barrier Gate)<\/h2>\n <div class=\"w-24 h-1 bg-oa-solar mx-auto mb-8 rounded-full\"><\/div>\n <div class=\"max-w-4xl mx-auto text-slate-600 space-y-4 text-lg\">\n <p>\n \u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c \u0e2b\u0e23\u0e37\u0e2d Barrier Gate \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16 \u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19 \u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\n <\/p>\n <p>\n \u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e43\u0e2b\u0e49\u0e22\u0e01\u0e02\u0e36\u0e49\u0e19-\u0e25\u0e07\u0e40\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e49\u0e27\u0e22\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e16\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e2d\u0e01\u0e43\u0e2b\u0e49\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e21\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19 \u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a <strong>\u0e23\u0e30\u0e1a\u0e1a Access Control, \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08, \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e08\u0e23\u0e32\u0e08\u0e23, \u0e01\u0e25\u0e49\u0e2d\u0e07 LPR, \u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14 \u0e41\u0e25\u0e30\u0e2b\u0e31\u0e27\u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e31\u0e15\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46<\/strong> \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 fade-in-up delay-100\">\n \n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">1<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19 + \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e34\u0e14\u0e40\u0e07\u0e34\u0e19<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e16 \u0e2b\u0e32\u0e01\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e1a\u0e31\u0e15\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e08\u0e30\u0e44\u0e21\u0e48\u0e22\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e42\u0e01\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e25\u0e37\u0e21\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14\u0e08\u0e31\u0e1a\u0e20\u0e32\u0e1e\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e19\u0e02\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">2<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 (Basic)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1e\u0e25\u0e38\u0e01\u0e1e\u0e25\u0e48\u0e32\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e43\u0e0a\u0e49 \u0e23\u0e1b\u0e20. \u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14-\u0e1b\u0e34\u0e14\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19 \u0e02\u0e49\u0e2d\u0e14\u0e35\u0e04\u0e37\u0e2d\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e04\u0e31\u0e19\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">3<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e31\u0e27\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e43\u0e01\u0e25\u0e49 (Short Range)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e32\u0e1a\u0e1a\u0e31\u0e15\u0e23 (RFID) \u0e1c\u0e39\u0e49\u0e02\u0e31\u0e1a\u0e02\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e30\u0e25\u0e2d \u0e40\u0e1b\u0e34\u0e14\u0e01\u0e23\u0e30\u0e08\u0e01\u0e17\u0e32\u0e1a\u0e1a\u0e31\u0e15\u0e23 \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14\u0e08\u0e31\u0e1a\u0e20\u0e32\u0e1e\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e04\u0e19\u0e02\u0e31\u0e1a \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition lg:col-span-1 md:col-span-2\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">4<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e31\u0e27\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25 (Long Range)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e43\u0e0a\u0e49\u0e1a\u0e31\u0e15\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c \u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30 1-20 \u0e40\u0e21\u0e15\u0e23 \u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e2d\u0e2d\u0e01\u0e17\u0e31\u0e19\u0e17\u0e35\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e30\u0e25\u0e2d\u0e23\u0e16 \u0e25\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e08\u0e23\u0e32\u0e08\u0e23\u0e15\u0e34\u0e14\u0e02\u0e31\u0e14\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e1a\u0e48\u0e2d\u0e22\u0e46\n <\/p>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition lg:col-span-1 md:col-span-2 lg:col-start-3\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-4\">5<\/div>\n <h4 class=\"text-lg font-bold text-oa-blue mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e25\u0e39\u0e17\u0e39\u0e18 (Bluetooth)<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n \u0e04\u0e25\u0e37\u0e48\u0e19\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e1e\u0e34\u0e40\u0e28\u0e29 \u0e17\u0e19\u0e17\u0e32\u0e19 \u0e40\u0e2a\u0e16\u0e35\u0e22\u0e23\u0e2a\u0e39\u0e07 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 \u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e41\u0e21\u0e49\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1b\u0e23\u0e2d\u0e17 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e15\u0e48\u0e33 \u0e41\u0e25\u0e30\u0e2b\u0e21\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e25\u0e37\u0e21\u0e1a\u0e31\u0e15\u0e23\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-oa-blue text-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'60\\' height=\\'60\\' viewBox=\\'0 0 60 60\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cg fill=\\'none\\' fill-rule=\\'evenodd\\'%3E%3Cg fill=\\'%23ffffff\\' fill-opacity=\\'1\\'%3E%3Cpath d=\\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\\'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E');\"><\/div>\n\n <div class=\"container mx-auto px-6 max-w-6xl relative z-10\">\n \n <div class=\"text-center mb-12 fade-in-up\">\n <div class=\"inline-block bg-oa-solar text-white px-6 py-2 rounded-full font-bold tracking-widest uppercase text-sm mb-4 shadow-lg\">\n \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 100%\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 leading-tight\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<br>\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25 \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e27\u0e07\u0e08\u0e23<\/h2>\n <\/div>\n\n \n <div class=\"mb-16 fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Certification Consulting\" class=\"w-full h-64 md:h-96 object-cover rounded-2xl shadow-2xl border-4 border-white\/10\">\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-16\">\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-md border border-white\/20 fade-in-up hover:bg-white\/20 transition\">\n <h3 class=\"text-xl font-bold text-oa-solar mb-4 flex items-center gap-2\">\n <span class=\"text-2xl\">1<\/span> Management System Certification\n <\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 ISO \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e14\u0e49\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e14\u0e49\u0e32\u0e19\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07 \u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\n <\/p>\n <\/div>\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-md border border-white\/20 fade-in-up delay-100 hover:bg-white\/20 transition\">\n <h3 class=\"text-xl font-bold text-oa-solar mb-4 flex items-center gap-2\">\n <span class=\"text-2xl\">2<\/span> Compliance Assessment\n <\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 Non-accredit \u0e40\u0e0a\u0e48\u0e19 GHP, HACCP, ISO 27716, ISO 39001 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\n <\/p>\n <\/div>\n \n <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-md border border-white\/20 fade-in-up delay-200 hover:bg-white\/20 transition\">\n <h3 class=\"text-xl font-bold text-oa-solar mb-4 flex items-center gap-2\">\n <span class=\"text-2xl\">3<\/span> Management System Training\n <\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e17\u0e31\u0e49\u0e07 In-house training, Public training \u0e2a\u0e31\u0e21\u0e21\u0e19\u0e32 \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl p-8 md:p-12 text-slate-800 shadow-2xl fade-in-up\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n \n <div class=\"space-y-6\">\n <h4 class=\"text-2xl font-bold text-oa-blue mb-6\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a<\/h4>\n <div class=\"flex flex-wrap gap-3\">\n <span class=\"px-4 py-2 bg-blue-100 text-blue-800 rounded-full font-semibold text-sm\">ISO 9001:2008<\/span>\n <span class=\"px-4 py-2 bg-blue-100 text-blue-800 rounded-full font-semibold text-sm\">ISO 9001:2015<\/span>\n <span class=\"px-4 py-2 bg-green-100 text-green-800 rounded-full font-semibold text-sm\">ISO 14001:2004<\/span>\n <span class=\"px-4 py-2 bg-green-100 text-green-800 rounded-full font-semibold text-sm\">ISO 14001:2015<\/span>\n <span class=\"px-4 py-2 bg-orange-100 text-orange-800 rounded-full font-semibold text-sm\">ISO 50001:2011<\/span>\n <span class=\"px-4 py-2 bg-slate-200 text-slate-800 rounded-full font-semibold text-sm\">TIS 18001:2554<\/span>\n <span class=\"px-4 py-2 bg-teal-100 text-teal-800 rounded-full font-semibold text-sm\">HACCP<\/span>\n <\/div>\n <p class=\"text-slate-600 text-sm mt-4\">\n \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e, \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21, \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19, \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer2-1.png\" alt=\"Certification Seal\" class=\"w-full h-auto rounded-xl shadow-md border border-slate-100\">\n <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer3-scaled.png\" alt=\"Certification Certificate\" class=\"w-full h-auto rounded-xl shadow-md border border-slate-100\">\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-oa-blue text-white pt-20 pb-10\">\n <div class=\"container mx-auto px-6 max-w-7xl\">\n \n \n <div class=\"bg-white\/10 rounded-3xl p-8 md:p-12 mb-16 text-center border border-white\/20 backdrop-blur-sm fade-in-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-solar mb-4\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?<\/h2>\n <p class=\"text-lg text-slate-300 mb-8\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e40\u0e23\u0e32\u0e41\u0e25\u0e30\u0e21\u0e32\u0e1e\u0e39\u0e14\u0e04\u0e38\u0e22\u0e01\u0e31\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n <a href=\"mailto:oa1power@gmail.com\" class=\"inline-block bg-oa-accent hover:bg-blue-600 text-white font-bold py-4 px-10 rounded-full transition shadow-lg hover:shadow-xl hover:-translate-y-1 transform duration-300\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e32\u0e40\u0e23\u0e32<\/a>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16 fade-in-up delay-100\">\n \n \n <div class=\"lg:col-span-2\">\n <h3 class=\"text-2xl font-bold mb-6 flex items-center gap-3\">\n <span class=\"text-oa-solar\">OA One Group<\/span>\n <\/h3>\n <div class=\"text-slate-400 mb-4 leading-relaxed max-w-md\">\n <strong class=\"text-white text-lg\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/strong><br>\n <span class=\"text-sm\">\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35 0-1055-36104-03-8<\/span>\n <p class=\"mt-4\">\n 300\/57 \u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e40\u0e2d\u0e2d\u0e1a\u0e32\u0e40\u0e19\u0e35\u0e22\u0e19 \u0e0b.\u0e25\u0e32\u0e14\u0e1e\u0e23\u0e49\u0e32\u0e27 84 \u0e16.\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e21\u0e19\u0e39\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e02\u0e27\u0e07\u0e27\u0e31\u0e07\u0e17\u0e2d\u0e07\u0e2b\u0e25\u0e32\u0e07 \u0e40\u0e02\u0e15\u0e27\u0e31\u0e07\u0e17\u0e2d\u0e07\u0e2b\u0e25\u0e32\u0e07 \u0e01\u0e17\u0e21.\n <\/p>\n <\/div>\n <div class=\"flex items-center gap-2 mt-4 text-slate-300 font-semibold bg-white\/5 inline-block px-4 py-2 rounded-lg\">\n <svg class=\"w-5 h-5 text-oa-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n \u0e42\u0e17\u0e23. 090-993-1965 \/ 087-978-4849\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-lg font-bold text-white mb-6 uppercase tracking-wider\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/h4>\n <ul class=\"space-y-3 text-slate-400\">\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e44\u0e2d\u0e17\u0e35 & \u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c (Private PPA)<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e23\u0e30\u0e1a\u0e1a Off-Grid & \u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> ZKTeco & \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-oa-solar transition flex items-center gap-2\"><span class=\"text-oa-accent\">\u25b8<\/span> \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 (ISO)<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-lg font-bold text-white mb-6 uppercase tracking-wider\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07<\/h4>\n \n <div class=\"mb-6 space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"mt-1 text-oa-green\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg><\/div>\n <div>\n <p class=\"text-slate-300 font-semibold mb-1\">MOBILE:<\/p>\n <a href=\"tel:0966595659\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">096-659-5659 (\u0e1a\u0e35)<\/a>\n <a href=\"tel:0922619251\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">092-261-9251 (\u0e17\u0e23\u0e32\u0e22 Support)<\/a>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start gap-3\">\n <div class=\"mt-1 text-oa-solar\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg><\/div>\n <div>\n <p class=\"text-slate-300 font-semibold mb-1\">EMAIL:<\/p>\n <a href=\"mailto:oa1power@gmail.com\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">oa1power@gmail.com<\/a>\n <a href=\"mailto:oaonegroup@gmail.com\" class=\"text-slate-400 hover:text-white block hover:translate-x-1 transition\">oaonegroup@gmail.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <h4 class=\"text-sm font-bold text-white mb-3 uppercase tracking-wider\">SOCIAL MEDIA<\/h4>\n <div class=\"flex gap-4\">\n \n <a href=\"#\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-blue-600 transition shadow-lg\">\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n <\/a>\n \n <a href=\"#\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-[#00B900] transition shadow-lg\">\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 .5C5.8.5.5 4.8.5 10.4c0 4.9 3.9 9 9 9.8 0 0 .9.3.8 1.1-.1.4-.4 1.4-.7 2.2-.4 1.1-1.8 2.3.9 1.2 3.8-1.5 10.5-5.9 10.5-5.9 2.5-1.9 3.5-4.2 3.5-6.5C23.5 4.8 18.2.5 12 .5z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"border-t border-slate-700 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-slate-500\">\n <p>© 2026 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14 (OA One Group). All rights reserved.<\/p>\n <p class=\"mt-2 md:mt-0 font-medium\">Designed & Developed by OA One Group<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div class=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 items-end\">\n \n <a href=\"tel:0922619251\" class=\"flex items-center gap-3 bg-white pl-2 pr-4 py-2 rounded-full shadow-[0_10px_25px_rgba(0,0,0,0.15)] border border-slate-100 hover:bg-slate-50 transition group transform hover:-translate-y-1\">\n <div class=\"w-10 h-10 bg-oa-accent text-white rounded-full flex items-center justify-center animate-pulse shadow-md\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div class=\"hidden sm:block text-left\">\n <p class=\"text-[10px] text-slate-500 font-semibold uppercase tracking-wider leading-none\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22<\/p>\n <p class=\"text-sm font-bold text-oa-blue group-hover:text-oa-accent leading-tight\">096-659-5659 (\u0e1a\u0e35)<\/p>\n <\/div>\n <\/a>\n\n \n <a href=\"tel:0922619251\" class=\"flex items-center gap-3 bg-white pl-2 pr-4 py-2 rounded-full shadow-[0_10px_25px_rgba(0,0,0,0.15)] border border-slate-100 hover:bg-slate-50 transition group transform hover:-translate-y-1\">\n <div class=\"w-10 h-10 bg-oa-green text-white rounded-full flex items-center justify-center animate-pulse delay-75 shadow-md\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"hidden sm:block text-left\">\n <p class=\"text-[10px] text-slate-500 font-semibold uppercase tracking-wider leading-none\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d Support<\/p>\n <p class=\"text-sm font-bold text-oa-blue group-hover:text-oa-green leading-tight\">092-261-9251 (\u0e17\u0e23\u0e32\u0e22 Support)<\/p>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div id=\"imageModal\" class=\"fixed inset-0 z-[100] hidden bg-black\/90 flex flex-col items-center justify-center p-4 transition-opacity duration-300 opacity-0\" onclick=\"closeLightbox()\">\n <button class=\"absolute top-6 right-6 text-white text-4xl font-light hover:text-oa-accent transition focus:outline-none\">×<\/button>\n <img decoding=\"async\" id=\"lightboxImg\" src=\"\" class=\"max-w-full max-h-[90vh] rounded-lg shadow-2xl transform scale-95 transition-transform duration-300 object-contain\">\n <\/div>\n\n \n <script>\n \/\/ Lightbox Functions\n function openLightbox(src) {\n const modal = document.getElementById('imageModal');\n const img = document.getElementById('lightboxImg');\n img.src = src;\n modal.classList.remove('hidden');\n \n \/\/ Allow display block to apply before changing opacity for smooth transition\n requestAnimationFrame(() => {\n modal.classList.remove('opacity-0');\n img.classList.remove('scale-95');\n img.classList.add('scale-100');\n });\n document.body.style.overflow = 'hidden'; \/\/ Prevent page scrolling\n }\n\n function closeLightbox() {\n const modal = document.getElementById('imageModal');\n const img = document.getElementById('lightboxImg');\n \n modal.classList.add('opacity-0');\n img.classList.remove('scale-100');\n img.classList.add('scale-95');\n \n setTimeout(() => {\n modal.classList.add('hidden');\n document.body.style.overflow = 'auto'; \/\/ Restore page scrolling\n }, 300);\n }\n\n \/\/ Existing Intersection Observer (Scroll Animation)\n document.addEventListener('DOMContentLoaded', () => {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>OA One Group – Innovation for Future Innovating Since 1… <a href=\"https:\/\/oaone.co.th\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">OAONE group<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>OAONE group - oaone.co.th<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oaone.co.th\/\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OAONE group - oaone.co.th\" \/>\n<meta property=\"og:description\" content=\"OA One Group - Innovation for Future Innovating Since 1… OAONE group\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oaone.co.th\/\" \/>\n<meta property=\"og:site_name\" content=\"oaone.co.th\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-01T19:30:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 \u0e19\u0e32\u0e17\u0e35\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/oaone.co.th\/\",\"url\":\"https:\/\/oaone.co.th\/\",\"name\":\"OAONE group - oaone.co.th\",\"isPartOf\":{\"@id\":\"https:\/\/oaone.co.th\/#website\"},\"datePublished\":\"2026-02-22T14:35:04+00:00\",\"dateModified\":\"2026-03-01T19:30:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/oaone.co.th\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oaone.co.th\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oaone.co.th\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/oaone.co.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OAONE group\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/oaone.co.th\/#website\",\"url\":\"https:\/\/oaone.co.th\/\",\"name\":\"oaone.co.th\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/oaone.co.th\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"th\"}]}<\/script>\n","yoast_head_json":{"title":"OAONE group - oaone.co.th","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oaone.co.th\/","og_locale":"th_TH","og_type":"article","og_title":"OAONE group - oaone.co.th","og_description":"OA One Group - Innovation for Future Innovating Since 1… OAONE group","og_url":"https:\/\/oaone.co.th\/","og_site_name":"oaone.co.th","article_modified_time":"2026-03-01T19:30:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oaone.co.th\/","url":"https:\/\/oaone.co.th\/","name":"OAONE group - oaone.co.th","isPartOf":{"@id":"https:\/\/oaone.co.th\/#website"},"datePublished":"2026-02-22T14:35:04+00:00","dateModified":"2026-03-01T19:30:57+00:00","breadcrumb":{"@id":"https:\/\/oaone.co.th\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oaone.co.th\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oaone.co.th\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oaone.co.th\/"},{"@type":"ListItem","position":2,"name":"OAONE group"}]},{"@type":"WebSite","@id":"https:\/\/oaone.co.th\/#website","url":"https:\/\/oaone.co.th\/","name":"oaone.co.th","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oaone.co.th\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"th"}]}},"_links":{"self":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":7,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}