{"id":87,"date":"2026-02-23T00:50:17","date_gmt":"2026-02-22T17:50:17","guid":{"rendered":"https:\/\/oaone.co.th\/?page_id=87"},"modified":"2026-02-24T00:29:19","modified_gmt":"2026-02-23T17:29:19","slug":"aboutus","status":"publish","type":"page","link":"https:\/\/oaone.co.th\/index.php\/aboutus\/","title":{"rendered":"About us"},"content":{"rendered":"
\n\n\n \n \n \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32 - OA One Group<\/title>\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 light: '#f8fafc'\n }\n },\n boxShadow: {\n 'soft': '0 10px 40px -10px rgba(0,0,0,0.08)',\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Typography & Base *\/\n body { font-family: 'Prompt', sans-serif; }\n \n \/* Animations *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .delay-100 { transition-delay: 100ms; }\n .delay-200 { transition-delay: 200ms; }\n .delay-300 { transition-delay: 300ms; }\n\n \/* Custom Shapes *\/\n .bg-shape {\n clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);\n }\n\n \/* Accordion Styles *\/\n details > summary {\n list-style: none;\n }\n details > summary::-webkit-details-marker {\n display: none;\n }\n details[open] summary ~ * {\n animation: slideDown 0.3s ease-in-out;\n }\n details[open] summary svg {\n transform: rotate(180deg);\n }\n @keyframes slideDown {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-700 antialiased bg-slate-50 overflow-x-hidden\">\n\n <!-- ================= HERO SECTION ================= -->\n <section class=\"relative pt-24 pb-32 bg-white overflow-hidden bg-shape\">\n <!-- Abstract Background Elements -->\n <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-blue-50 rounded-full blur-3xl opacity-50 -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-orange-50 rounded-full blur-3xl opacity-50 translate-y-1\/3 -translate-x-1\/3 pointer-events-none\"><\/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 \n <!-- Text Content -->\n <div class=\"lg:w-1\/2 fade-in-up\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50 text-oa-accent font-semibold text-sm mb-6 border border-blue-100\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n SINCE 1993\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-oa-blue mb-6 leading-[1.2]\">\n \u0e01\u0e27\u0e48\u0e32 3 \u0e17\u0e28\u0e27\u0e23\u0e23\u0e29<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-oa-accent to-indigo-600\">\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/span><br>\n \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e2b\u0e22\u0e38\u0e14\u0e19\u0e34\u0e48\u0e07\n <\/h1>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n \u0e08\u0e32\u0e01\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e19\u0e1b\u0e35 2536 \u0e43\u0e19\u0e10\u0e32\u0e19\u0e30\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e2a\u0e39\u0e48\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c <strong>\"\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\"<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07 \n <\/p>\n <p class=\"text-lg text-slate-600 mb-10 leading-relaxed border-l-4 border-oa-solar pl-4\">\n \u0e27\u0e31\u0e19\u0e19\u0e35\u0e49 <strong>OA One Group<\/strong> \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48\u0e1c\u0e39\u0e49\u0e04\u0e49\u0e32\u0e02\u0e32\u0e22 \u0e41\u0e15\u0e48\u0e04\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e41\u0e25\u0e30\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e44\u0e17\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e49\u0e32\u0e27\u0e44\u0e01\u0e25\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25\n <\/p>\n \n <div class=\"flex flex-wrap gap-6\">\n <div class=\"bg-white px-6 py-4 rounded-2xl shadow-soft border border-slate-100 flex items-center gap-4 hover:-translate-y-1 transition-transform duration-300\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-orange-400 to-oa-solar text-white rounded-full flex items-center justify-center font-bold text-lg shadow-lg shadow-orange-200\">30+<\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-medium uppercase tracking-wider\">Experience<\/div>\n <div class=\"font-bold text-oa-blue\">\u0e1b\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c<\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white px-6 py-4 rounded-2xl shadow-soft border border-slate-100 flex items-center gap-4 hover:-translate-y-1 transition-transform duration-300\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-emerald-400 to-oa-green text-white rounded-full flex items-center justify-center font-bold text-lg shadow-lg shadow-emerald-200\">\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=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-medium uppercase tracking-wider\">Commitment<\/div>\n <div class=\"font-bold text-oa-blue\">\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e15\u0e48\u0e2d\u0e07\u0e32\u0e19 100%<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Image Grid -->\n <div class=\"lg:w-1\/2 relative fade-in-up delay-200\">\n <div class=\"grid grid-cols-2 gap-4\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Meeting\" class=\"w-full h-72 object-cover rounded-3xl shadow-soft transform translate-y-12 hover:scale-105 transition-transform duration-500\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573164713988-8665fc963095?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Technology\" class=\"w-full h-72 object-cover rounded-3xl shadow-soft hover:scale-105 transition-transform duration-500\">\n <\/div>\n <!-- Floating Badge -->\n <div class=\"absolute top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-white\/90 backdrop-blur p-4 rounded-2xl shadow-xl flex items-center gap-3 animate-bounce\" style=\"animation-duration: 3s;\">\n <span class=\"relative flex h-4 w-4\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-oa-accent opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-4 w-4 bg-oa-accent\"><\/span>\n <\/span>\n <span class=\"font-bold text-oa-blue text-sm\">Tech & Innovation<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= VISION & MISSION ================= -->\n <section class=\"py-24 bg-oa-blue text-white relative overflow-hidden\">\n <!-- Dot Pattern Overlay -->\n <div class=\"absolute inset-0 opacity-[0.03]\" style=\"background-image: radial-gradient(#ffffff 2px, transparent 2px); background-size: 32px 32px;\"><\/div>\n \n <!-- Gradient Orbs -->\n <div class=\"absolute top-0 left-0 w-96 h-96 bg-oa-accent rounded-full mix-blend-multiply filter blur-[128px] opacity-40\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-oa-green rounded-full mix-blend-multiply filter blur-[128px] opacity-40\"><\/div>\n\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n \n <!-- Vision -->\n <div class=\"group bg-white\/5 hover:bg-white\/10 p-10 md:p-12 rounded-[2rem] backdrop-blur-md border border-white\/10 transition-all duration-300 fade-in-up\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-orange-400 to-oa-solar rounded-2xl flex items-center justify-center mb-8 shadow-lg shadow-orange-500\/20 transform group-hover:-translate-y-2 transition-transform duration-300\">\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=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold mb-6\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c (Vision)<\/h3>\n <blockquote class=\"text-xl font-medium text-white mb-6 border-l-4 border-oa-solar pl-4 py-1\">\n \"\u0e40\u0e23\u0e32\u0e08\u0e30\u0e44\u0e21\u0e48\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e01\u0e32\u0e23\u0e17\u0e33\u0e01\u0e33\u0e44\u0e23 \u0e41\u0e15\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07\"\n <\/blockquote>\n <p class=\"text-slate-300 leading-relaxed text-lg\">\n \u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e25\u0e47\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e21\u0e32-\u0e02\u0e32\u0e22\u0e44\u0e1b \u0e41\u0e21\u0e49\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e14\u0e35 \u0e41\u0e15\u0e48\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\u0e2d\u0e32\u0e08\u0e2a\u0e39\u0e49\u0e04\u0e39\u0e48\u0e41\u0e02\u0e48\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49 \u0e40\u0e23\u0e32\u0e08\u0e36\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e17\u0e35\u0e48\u0e04\u0e49\u0e32\u0e02\u0e32\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\u0e0a\u0e35\u0e1e \u0e04\u0e27\u0e1a\u0e04\u0e39\u0e48\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e46 \u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e07\u0e04\u0e21\n <\/p>\n <\/div>\n\n <!-- Mission -->\n <div class=\"group bg-white\/5 hover:bg-white\/10 p-10 md:p-12 rounded-[2rem] backdrop-blur-md border border-white\/10 transition-all duration-300 fade-in-up delay-200\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-blue-400 to-oa-accent rounded-2xl flex items-center justify-center mb-8 shadow-lg shadow-blue-500\/20 transform group-hover:-translate-y-2 transition-transform duration-300\">\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=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold mb-6\">\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 (Mission)<\/h3>\n <ul class=\"space-y-6 text-slate-300 text-lg\">\n <li class=\"flex items-start gap-4 bg-white\/5 p-4 rounded-xl\">\n <div class=\"flex-shrink-0 w-6 h-6 rounded-full bg-oa-green\/20 flex items-center justify-center mt-0.5\">\n <svg class=\"w-4 h-4 text-oa-green\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <\/div>\n <span>\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e04\u0e19<\/span>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white\/5 p-4 rounded-xl\">\n <div class=\"flex-shrink-0 w-6 h-6 rounded-full bg-oa-green\/20 flex items-center justify-center mt-0.5\">\n <svg class=\"w-4 h-4 text-oa-green\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <\/div>\n <span>\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 (Green Energy) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e25\u0e01<\/span>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white\/5 p-4 rounded-xl\">\n <div class=\"flex-shrink-0 w-6 h-6 rounded-full bg-oa-green\/20 flex items-center justify-center mt-0.5\">\n <svg class=\"w-4 h-4 text-oa-green\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <\/div>\n <span>\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19 IT \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e14\u0e49\u0e27\u0e22\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25<\/span>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white\/5 p-4 rounded-xl\">\n <div class=\"flex-shrink-0 w-6 h-6 rounded-full bg-oa-green\/20 flex items-center justify-center mt-0.5\">\n <svg class=\"w-4 h-4 text-oa-green\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n <\/div>\n <span>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07\u0e01\u0e31\u0e1a\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= OUR JOURNEY (TIMELINE) ================= -->\n <section class=\"py-24 bg-slate-50\">\n <div class=\"container mx-auto px-6 max-w-5xl\">\n <div class=\"text-center mb-20 fade-in-up\">\n <span class=\"text-oa-accent font-bold tracking-widest uppercase text-sm mb-2 block\">Our Journey<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold text-oa-blue\">\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08<\/h2>\n <div class=\"w-24 h-1.5 bg-oa-accent mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"relative\">\n <!-- Center Line (Desktop) \/ Left Line (Mobile) -->\n <div class=\"absolute left-8 md:left-1\/2 transform md:-translate-x-1\/2 w-1 h-full bg-gradient-to-b from-slate-200 via-slate-300 to-slate-200 rounded-full\"><\/div>\n\n <!-- Item 1: 1993 -->\n <div class=\"relative mb-16 fade-in-up\">\n <div class=\"flex flex-col md:flex-row items-start md:items-center w-full\">\n <div class=\"md:w-1\/2 flex justify-end md:pr-12 pl-20 md:pl-0 mb-4 md:mb-0 w-full text-left md:text-right\">\n <div class=\"bg-white rounded-2xl shadow-soft w-full p-8 border border-slate-100 hover:shadow-lg transition-shadow\">\n <span class=\"text-oa-accent font-bold mb-1 block\">\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n <h3 class=\"mb-3 font-bold text-oa-blue text-2xl\">3 \u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19 2536<\/h3>\n <p class=\"text-slate-600\">\n \u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07 <strong>\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/strong> \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 \u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\n <\/p>\n <\/div>\n <\/div>\n <div class=\"absolute left-8 md:left-1\/2 transform -translate-x-1\/2 flex items-center justify-center w-12 h-12 rounded-full bg-oa-blue border-4 border-slate-50 shadow-md z-10\">\n <span class=\"font-bold text-white text-sm\">36<\/span>\n <\/div>\n <div class=\"md:w-1\/2\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Item 2: Change -->\n <div class=\"relative mb-16 fade-in-up\">\n <div class=\"flex flex-col md:flex-row items-start md:items-center w-full\">\n <div class=\"md:w-1\/2\"><\/div>\n <div class=\"absolute left-8 md:left-1\/2 transform -translate-x-1\/2 flex items-center justify-center w-12 h-12 rounded-full bg-oa-accent border-4 border-slate-50 shadow-md z-10\">\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=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n <\/div>\n <div class=\"md:w-1\/2 flex justify-start md:pl-12 pl-20 w-full\">\n <div class=\"bg-white rounded-2xl shadow-soft w-full p-8 border border-slate-100 hover:shadow-lg transition-shadow\">\n <span class=\"text-oa-accent font-bold mb-1 block\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e43\u0e2b\u0e21\u0e48<\/span>\n <h3 class=\"mb-3 font-bold text-oa-blue text-2xl\">\u0e22\u0e38\u0e04\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07<\/h3>\n <p class=\"text-slate-600\">\n \u0e1b\u0e23\u0e31\u0e1a\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e04\u0e34\u0e14\u0e04\u0e49\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e43\u0e2b\u0e21\u0e48\u0e46 \u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07 \u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e17\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e2b\u0e22\u0e38\u0e14\u0e1e\u0e31\u0e12\u0e19\u0e32\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Item 3: 2023 -->\n <div class=\"relative mb-16 fade-in-up\">\n <div class=\"flex flex-col md:flex-row items-start md:items-center w-full\">\n <div class=\"md:w-1\/2 flex justify-end md:pr-12 pl-20 md:pl-0 mb-4 md:mb-0 w-full text-left md:text-right\">\n <div class=\"bg-white rounded-2xl shadow-soft w-full p-8 border border-slate-100 hover:shadow-lg transition-shadow\">\n <span class=\"text-oa-accent font-bold mb-1 block\">\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e1e\u0e25\u0e31\u0e07<\/span>\n <h3 class=\"mb-3 font-bold text-oa-blue text-2xl\">\u0e15\u0e38\u0e25\u0e32\u0e04\u0e21 2566<\/h3>\n <p class=\"text-slate-600\">\n \u0e01\u0e33\u0e40\u0e19\u0e34\u0e14 <strong>OA One Group<\/strong> \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 (OA One ZK) \u0e41\u0e25\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\n <\/p>\n <\/div>\n <\/div>\n <div class=\"absolute left-8 md:left-1\/2 transform -translate-x-1\/2 flex items-center justify-center w-12 h-12 rounded-full bg-oa-green border-4 border-slate-50 shadow-md z-10\">\n <span class=\"font-bold text-white text-sm\">66<\/span>\n <\/div>\n <div class=\"md:w-1\/2\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Item 4: 2025 -->\n <div class=\"relative mb-16 fade-in-up\">\n <div class=\"flex flex-col md:flex-row items-start md:items-center w-full\">\n <div class=\"md:w-1\/2\"><\/div>\n <div class=\"absolute left-8 md:left-1\/2 transform -translate-x-1\/2 flex items-center justify-center w-12 h-12 rounded-full bg-indigo-500 border-4 border-slate-50 shadow-md z-10\">\n <span class=\"font-bold text-white text-sm\">68<\/span>\n <\/div>\n <div class=\"md:w-1\/2 flex justify-start md:pl-12 pl-20 w-full\">\n <div class=\"bg-white rounded-2xl shadow-soft w-full p-8 border border-slate-100 hover:shadow-lg transition-shadow\">\n <span class=\"text-indigo-500 font-bold mb-1 block\">\u0e02\u0e22\u0e32\u0e22\u0e10\u0e32\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/span>\n <h3 class=\"mb-3 font-bold text-oa-blue text-2xl\">\u0e1b\u0e35 2568: \u0e23\u0e38\u0e01\u0e15\u0e25\u0e32\u0e14\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/h3>\n <p class=\"text-slate-600\">\n \u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e33\u0e15\u0e25\u0e32\u0e14\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e23\u0e30\u0e1a\u0e1a ZKteco, \u0e41\u0e2d\u0e1e\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 Telegram, \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 ISO\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Item 5: 2026 -->\n <div class=\"relative fade-in-up\">\n <div class=\"flex flex-col md:flex-row items-start md:items-center w-full\">\n <div class=\"md:w-1\/2 flex justify-end md:pr-12 pl-20 md:pl-0 mb-4 md:mb-0 w-full text-left md:text-right\">\n <div class=\"bg-gradient-to-br from-white to-orange-50 rounded-2xl shadow-lg w-full p-8 border border-orange-200 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-orange-100 rounded-bl-full -z-10 group-hover:scale-110 transition-transform\"><\/div>\n <span class=\"text-oa-solar font-bold mb-1 block flex items-center md:justify-end gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"><\/path><\/svg>\n \u0e01\u0e49\u0e32\u0e27\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\n <\/span>\n <h3 class=\"mb-3 font-bold text-oa-solar text-2xl\">\u0e1b\u0e35 2569: \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e42\u0e25\u0e01<\/h3>\n <p class=\"text-slate-700\">\n \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27 <strong>\"\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e33\u0e15\u0e30\u0e27\u0e31\u0e19\" (Solar Tracking Innovation)<\/strong> \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a \u0e1a\u0e08\u0e01. \u0e2d\u0e20\u0e34\u0e21\u0e38\u0e02 \u0e13 \u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e17\u0e35\u0e48\u0e08\u0e30\u0e1b\u0e0f\u0e34\u0e27\u0e31\u0e15\u0e34\u0e27\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\n <\/p>\n <\/div>\n <\/div>\n <div class=\"absolute left-8 md:left-1\/2 transform -translate-x-1\/2 flex items-center justify-center w-14 h-14 rounded-full bg-oa-solar border-4 border-slate-50 shadow-lg z-10 animate-pulse\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"md:w-1\/2\"><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= ACCORDION (KNOWLEDGE) SECTION ================= -->\n <section class=\"py-24 bg-white\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div class=\"text-center mb-16 fade-in-up\">\n <span class=\"text-oa-green font-bold tracking-widest uppercase text-sm mb-2 block\">Insights & Knowledge<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08<\/h2>\n <p class=\"text-slate-500 mt-4\">\u0e40\u0e08\u0e32\u0e30\u0e25\u0e36\u0e01\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n <\/div>\n\n <div class=\"space-y-4\">\n <!-- Accordion Item 1 -->\n <details class=\"group bg-slate-50 rounded-2xl border border-slate-200 fade-in-up overflow-hidden\" open>\n <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-oa-blue hover:text-oa-accent transition-colors\">\n <span>\u2600\ufe0f \u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e33\u0e15\u0e30\u0e27\u0e31\u0e19 (Solar Tracking Innovation) \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23?<\/span>\n <span class=\"transition group-open:rotate-180\">\n <svg fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/span>\n <\/summary>\n <div class=\"text-slate-600 px-6 pb-6 leading-relaxed\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e33\u0e15\u0e30\u0e27\u0e31\u0e19 \u0e2b\u0e23\u0e37\u0e2d Solar Tracking \u0e04\u0e37\u0e2d\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2b\u0e21\u0e38\u0e19\u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e28\u0e32\u0e15\u0e32\u0e21\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e14\u0e27\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14\u0e17\u0e31\u0e49\u0e07\u0e27\u0e31\u0e19 (\u0e04\u0e25\u0e49\u0e32\u0e22\u0e01\u0e31\u0e1a\u0e14\u0e2d\u0e01\u0e17\u0e32\u0e19\u0e15\u0e30\u0e27\u0e31\u0e19) \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e23\u0e30\u0e41\u0e2a\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1c\u0e07\u0e41\u0e1a\u0e1a\u0e04\u0e07\u0e17\u0e35\u0e48 (Fixed) \u0e16\u0e36\u0e07 20-30% \u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e0a\u0e34\u0e49\u0e19\u0e40\u0e2d\u0e01\u0e17\u0e35\u0e48 OA One Group \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27\u0e43\u0e19\u0e1b\u0e35 2569\n <\/div>\n <\/details>\n\n <!-- Accordion Item 2 -->\n <details class=\"group bg-slate-50 rounded-2xl border border-slate-200 fade-in-up delay-100 overflow-hidden\">\n <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-oa-blue hover:text-oa-accent transition-colors\">\n <span>\ud83d\udca1 \u0e17\u0e33\u0e44\u0e21\u0e40\u0e23\u0e32\u0e08\u0e36\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \"\u0e0b\u0e37\u0e49\u0e2d\u0e21\u0e32-\u0e02\u0e32\u0e22\u0e44\u0e1b\" \u0e2a\u0e39\u0e48 \"\u0e1c\u0e39\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\"?<\/span>\n <span class=\"transition group-open:rotate-180\">\n <svg fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/span>\n <\/summary>\n <div class=\"text-slate-600 px-6 pb-6 leading-relaxed\">\n \u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e0b\u0e37\u0e49\u0e2d\u0e21\u0e32-\u0e02\u0e32\u0e22\u0e44\u0e1b\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e2a\u0e31\u0e49\u0e19 \u0e41\u0e15\u0e48\u0e43\u0e19\u0e22\u0e38\u0e04\u0e17\u0e35\u0e48\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27 (Disruption) \u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e21\u0e35 Core Product \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 \u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 \u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e08\u0e36\u0e07\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19 R&D \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c Pain Point \u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07 \u0e0b\u0e36\u0e48\u0e07\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\n <\/div>\n <\/details>\n\n <!-- Accordion Item 3 -->\n <details class=\"group bg-slate-50 rounded-2xl border border-slate-200 fade-in-up delay-200 overflow-hidden\">\n <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-oa-blue hover:text-oa-accent transition-colors\">\n <span>\ud83c\udfe2 OA One ZK \u0e21\u0e35\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08?<\/span>\n <span class=\"transition group-open:rotate-180\">\n <svg fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/span>\n <\/summary>\n <div class=\"text-slate-600 px-6 pb-6 leading-relaxed\">\n OA One ZK \u0e04\u0e37\u0e2d\u0e1f\u0e31\u0e19\u0e40\u0e1f\u0e37\u0e2d\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e35\u0e48\u0e14\u0e39\u0e41\u0e25\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 Automation \u0e41\u0e25\u0e30 Security \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07 \u0e40\u0e0a\u0e48\u0e19 \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e2d\u0e01 (Access Control) \u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c ZKteco, \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 (Smart Parking) \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19 Telegram \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19 Smart Organization \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n <\/div>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= BUSINESS STRUCTURE & PARTNERS ================= -->\n <section class=\"py-24 bg-slate-900 text-white rounded-t-[3rem] shadow-2xl relative overflow-hidden\">\n <!-- Background Pattern -->\n <div class=\"absolute inset-0 opacity-10 bg-[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 text-center relative z-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e25\u0e38\u0e48\u0e21\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23<\/h2>\n <p class=\"text-slate-400 mb-16 max-w-2xl mx-auto\">\u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e08\u0e32\u0e01 3 \u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e1a\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21 \u0e17\u0e31\u0e49\u0e07\u0e14\u0e49\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <!-- Company 1 -->\n <div class=\"bg-white\/10 p-10 border border-white\/20 rounded-3xl backdrop-blur-sm hover:bg-white\/15 hover:-translate-y-2 transition-all duration-300 fade-in-up\">\n <div class=\"h-24 flex items-center justify-center mb-6 bg-white rounded-2xl p-4 shadow-inner\">\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=\"OA One Co Ltd\" class=\"max-h-full object-contain filter grayscale hover:grayscale-0 transition-all duration-500\">\n <\/div>\n <h3 class=\"font-bold text-xl text-white mb-2\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/h3>\n <p class=\"text-slate-400 text-sm\">IT, Innovation & Government Projects<\/p>\n <div class=\"w-12 h-1 bg-oa-accent mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <!-- Company 2 -->\n <div class=\"bg-white\/10 p-10 border border-white\/20 rounded-3xl backdrop-blur-sm hover:bg-white\/15 hover:-translate-y-2 transition-all duration-300 fade-in-up delay-100\">\n <div class=\"h-24 flex items-center justify-center mb-6 bg-white rounded-2xl p-4 shadow-inner\">\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 filter grayscale hover:grayscale-0 transition-all duration-500\">\n <\/div>\n <h3 class=\"font-bold text-xl text-white mb-2\">OA One ZK<\/h3>\n <p class=\"text-slate-400 text-sm\">Automation, Access Control & Smart Parking<\/p>\n <div class=\"w-12 h-1 bg-indigo-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <!-- Company 3 -->\n <div class=\"bg-white\/10 p-10 border border-white\/20 rounded-3xl backdrop-blur-sm hover:bg-white\/15 hover:-translate-y-2 transition-all duration-300 fade-in-up delay-200\">\n <div class=\"h-24 flex items-center justify-center mb-6 bg-white rounded-2xl p-4 shadow-inner\">\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=\"Apimuk Na Kan Faifah\" class=\"max-h-full object-contain filter grayscale hover:grayscale-0 transition-all duration-500\">\n <\/div>\n <h3 class=\"font-bold text-xl text-white mb-2\">\u0e1a\u0e08\u0e01. \u0e2d\u0e20\u0e34\u0e21\u0e38\u0e02 \u0e13 \u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/h3>\n <p class=\"text-slate-400 text-sm\">Strategic Partner (Solar Innovation)<\/p>\n <div class=\"w-12 h-1 bg-oa-solar mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- JS for Animations & Accordion logic -->\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Scroll Animation Observer\n const observerOptions = {\n threshold: 0.15,\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 \/\/ Exclusive Accordion Logic (Optional: close others when one is opened)\n const detailsElements = document.querySelectorAll(\"details\");\n detailsElements.forEach((targetDetail) => {\n targetDetail.addEventListener(\"click\", () => {\n detailsElements.forEach((detail) => {\n if (detail !== targetDetail) {\n detail.removeAttribute(\"open\");\n }\n });\n });\n });\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32 – OA One Group SINCE 1993 \u0e01\u0e27\u0e48\u0e32 3 \u0e17\u0e28\u0e27\u0e23\u0e23\u0e29 \u0e41\u0e2b… <a href=\"https:\/\/oaone.co.th\/index.php\/aboutus\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">About us<\/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-87","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About us - 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\/index.php\/aboutus\/\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About us - oaone.co.th\" \/>\n<meta property=\"og:description\" content=\"\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32 - OA One Group SINCE 1993 \u0e01\u0e27\u0e48\u0e32 3 \u0e17\u0e28\u0e27\u0e23\u0e23\u0e29 \u0e41\u0e2b… About us\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oaone.co.th\/index.php\/aboutus\/\" \/>\n<meta property=\"og:site_name\" content=\"oaone.co.th\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T17:29:19+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=\"1 \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\/index.php\/aboutus\/\",\"url\":\"https:\/\/oaone.co.th\/index.php\/aboutus\/\",\"name\":\"About us - oaone.co.th\",\"isPartOf\":{\"@id\":\"https:\/\/oaone.co.th\/#website\"},\"datePublished\":\"2026-02-22T17:50:17+00:00\",\"dateModified\":\"2026-02-23T17:29:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/oaone.co.th\/index.php\/aboutus\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oaone.co.th\/index.php\/aboutus\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oaone.co.th\/index.php\/aboutus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/oaone.co.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About us\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"About us - 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\/index.php\/aboutus\/","og_locale":"th_TH","og_type":"article","og_title":"About us - oaone.co.th","og_description":"\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32 - OA One Group SINCE 1993 \u0e01\u0e27\u0e48\u0e32 3 \u0e17\u0e28\u0e27\u0e23\u0e23\u0e29 \u0e41\u0e2b… About us","og_url":"https:\/\/oaone.co.th\/index.php\/aboutus\/","og_site_name":"oaone.co.th","article_modified_time":"2026-02-23T17:29:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oaone.co.th\/index.php\/aboutus\/","url":"https:\/\/oaone.co.th\/index.php\/aboutus\/","name":"About us - oaone.co.th","isPartOf":{"@id":"https:\/\/oaone.co.th\/#website"},"datePublished":"2026-02-22T17:50:17+00:00","dateModified":"2026-02-23T17:29:19+00:00","breadcrumb":{"@id":"https:\/\/oaone.co.th\/index.php\/aboutus\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oaone.co.th\/index.php\/aboutus\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oaone.co.th\/index.php\/aboutus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oaone.co.th\/"},{"@type":"ListItem","position":2,"name":"About us"}]},{"@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\/87","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=87"}],"version-history":[{"count":2,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}