{"id":79,"date":"2026-02-23T00:44:51","date_gmt":"2026-02-22T17:44:51","guid":{"rendered":"https:\/\/oaone.co.th\/?page_id=79"},"modified":"2026-02-23T00:48:28","modified_gmt":"2026-02-22T17:48:28","slug":"zktecooa","status":"publish","type":"page","link":"https:\/\/oaone.co.th\/index.php\/zktecooa\/","title":{"rendered":"Zkteco"},"content":{"rendered":"
\n\n\n \n \n \n \n \n OA One ZKteco - \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/title>\n\n <!-- Tailwind CSS -->\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 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Accordion *\/\n .accordion-content {\n transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;\n max-height: 0;\n opacity: 0;\n }\n .accordion-content.open {\n opacity: 1;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50 relative\">\n\n <!-- NAVIGATION BAR (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19 sticky \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e0b\u0e49\u0e2d\u0e19\u0e17\u0e31\u0e1a Header \u0e02\u0e2d\u0e07 WordPress) -->\n <!-- \u0e2b\u0e32\u0e01 Theme WP \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e21\u0e35 Header \u0e41\u0e1a\u0e1a\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e15\u0e32\u0e21 (Sticky) \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 top-0 \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e22\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e02\u0e2d\u0e07 Header \u0e19\u0e31\u0e49\u0e19\u0e46 \u0e40\u0e0a\u0e48\u0e19 top-[80px] \u0e2b\u0e23\u0e37\u0e2d top-20 -->\n <nav id=\"navbar\" class=\"sticky top-0 w-full z-40 bg-white\/95 backdrop-blur-md shadow-sm transition-all duration-300\">\n <div class=\"container mx-auto px-6 max-w-7xl\">\n <div class=\"flex justify-between items-center h-20\">\n <!-- Logo -->\n <a href=\"#home\" class=\"transition flex items-center\">\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 Group Logo\" class=\"h-10 md:h-12 w-auto object-contain\">\n <\/a>\n \n <!-- Desktop Menu -->\n <div class=\"hidden lg:flex space-x-8 items-center\">\n <a href=\"#features\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c<\/a>\n <a href=\"#overview\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14<\/a>\n <a href=\"#barrier\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c<\/a>\n <a href=\"#faq\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49<\/a>\n <a href=\"#certification\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 ISO<\/a>\n <a href=\"#contact\" class=\"bg-oa-accent hover:bg-blue-600 text-white px-6 py-2 rounded-full font-medium transition shadow-md hover:shadow-lg hover:-translate-y-0.5 transform\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\n <\/div>\n\n <!-- Mobile Menu Button -->\n <div class=\"lg:hidden flex items-center\">\n <button id=\"mobileMenuBtn\" class=\"text-slate-600 hover:text-oa-accent focus:outline-none transition\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Mobile Menu Dropdown -->\n <div id=\"mobileMenu\" class=\"hidden lg:hidden bg-white border-t border-slate-100 shadow-2xl absolute w-full left-0\">\n <div class=\"flex flex-col px-6 py-4 space-y-4\">\n <a href=\"#features\" class=\"mobile-link text-slate-600 hover:text-oa-accent font-medium\">\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e40\u0e14\u0e48\u0e19<\/a>\n <a href=\"#overview\" class=\"mobile-link text-slate-600 hover:text-oa-accent font-medium\">\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14<\/a>\n <a href=\"#barrier\" class=\"mobile-link text-slate-600 hover:text-oa-accent font-medium\">\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c<\/a>\n <a href=\"#faq\" class=\"mobile-link text-slate-600 hover:text-oa-accent font-medium\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49<\/a>\n <a href=\"#certification\" class=\"mobile-link text-slate-600 hover:text-oa-accent font-medium\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 ISO<\/a>\n <a href=\"#contact\" class=\"mobile-link text-center bg-oa-accent text-white px-6 py-3 rounded-full font-medium shadow-md mt-2\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n <!-- 1. ZKTECO HERO & GALLERY -->\n <section id=\"home\" class=\"py-12 md: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 <!-- Main Banner -->\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\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1506521781263-d8422e82f27a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80'\">\n <\/div>\n\n <!-- Highlighted & Clickable ZK5 Image -->\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\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80'\">\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 <!-- Paired Large Images (ZK6 & ZK7) -->\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\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80'\">\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\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1506521781263-d8422e82f27a?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80'\">\n <\/div>\n\n <!-- Other Products Grid -->\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 bg-slate-100\">\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 bg-slate-100\">\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 bg-slate-100\">\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 bg-slate-100\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 2. SMART FEATURES (VIDEOS) -->\n <section id=\"features\" 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 <!-- Feature 1: Notifications -->\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 aspect-video relative flex items-center justify-center\">\n <video autoplay loop muted playsinline class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition\">\n <source src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk9.mp4\" type=\"video\/mp4\">\n <\/video>\n <!-- Fallback content if video doesn't load immediately -->\n <span class=\"absolute text-white\/50 text-sm z-0\">Loading Video...<\/span>\n <\/div>\n <\/div>\n\n <!-- Feature 2: LPR Camera -->\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 aspect-video relative flex items-center justify-center\">\n <video autoplay loop muted playsinline class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition z-10\">\n <source src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/zk10.mp4\" type=\"video\/mp4\">\n <\/video>\n <span class=\"absolute text-white\/50 text-sm z-0\">Loading Video...<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. PARKING MANAGEMENT SYSTEM OVERVIEW -->\n <section id=\"overview\" 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 <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\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1506521781263-d8422e82f27a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80'\">\n <\/div>\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 <!-- 4. SOLUTIONS FOR SPECIFIC TARGETS -->\n <section id=\"solutions\" 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 <!-- CONDO & VILLAGE -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-200 fade-in-up flex flex-col\">\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 <div class=\"p-8 flex-1 flex flex-col\">\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 <!-- COMMERCIAL & ORG -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-100 flex flex-col\">\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 <div class=\"p-8 flex-1 flex flex-col\">\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 <!-- 5. BARRIER GATE SYSTEM -->\n <section id=\"barrier\" 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 <!-- The 5 Types of Integration -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 fade-in-up delay-100\">\n <!-- Type 1 -->\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 <!-- Type 2 -->\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 <!-- Type 3 -->\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 <!-- Type 4 -->\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 <!-- Type 5 -->\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 <!-- NEW SECTION: \u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 (FAQ Accordion) -->\n <section id=\"faq\" class=\"py-20 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div class=\"text-center mb-12 fade-in-up\">\n <span class=\"text-oa-accent font-semibold tracking-wider uppercase\">Knowledge Base<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mt-2 mb-4\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 & \u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/h2>\n <div class=\"w-24 h-1 bg-blue-500 mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"fade-in-up delay-100\">\n <!-- Accordion Item 1 -->\n <div class=\"accordion-item bg-white border border-slate-200 rounded-xl mb-4 overflow-hidden shadow-sm hover:shadow-md transition\">\n <button class=\"w-full text-left p-5 md:p-6 font-bold flex justify-between items-center text-oa-blue text-lg focus:outline-none\" onclick=\"toggleAccordion(this)\">\n \u0e23\u0e30\u0e1a\u0e1a LPR \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e41\u0e25\u0e30\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e41\u0e04\u0e48\u0e44\u0e2b\u0e19?\n <svg class=\"w-6 h-6 text-oa-accent transform transition-transform duration-300 chevron\" 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-slate-50\">\n <div class=\"p-5 md:p-6 text-slate-600 border-t border-slate-100 leading-relaxed\">\n LPR (License Plate Recognition) \u0e04\u0e37\u0e2d\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 AI \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25 \u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e2d\u0e07 ZKTeco \u0e41\u0e25\u0e30 OA One \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e2a\u0e39\u0e07\u0e16\u0e36\u0e07 99% \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e48\u0e32\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1b\u0e01\u0e15\u0e34 \u0e1b\u0e49\u0e32\u0e22\u0e41\u0e14\u0e07 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e41\u0e21\u0e49\u0e43\u0e19\u0e2a\u0e20\u0e32\u0e27\u0e30\u0e41\u0e2a\u0e07\u0e19\u0e49\u0e2d\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e1d\u0e19\u0e15\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e25\u0e37\u0e21\u0e1e\u0e01\u0e1a\u0e31\u0e15\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e1a\u0e49\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e14\u0e47\u0e14\u0e02\u0e32\u0e14\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Accordion Item 2 -->\n <div class=\"accordion-item bg-white border border-slate-200 rounded-xl mb-4 overflow-hidden shadow-sm hover:shadow-md transition\">\n <button class=\"w-full text-left p-5 md:p-6 font-bold flex justify-between items-center text-oa-blue text-lg focus:outline-none\" onclick=\"toggleAccordion(this)\">\n \u0e2b\u0e32\u0e01\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e25\u0e48\u0e21 \u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e22\u0e31\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48?\n <svg class=\"w-6 h-6 text-oa-accent transform transition-transform duration-300 chevron\" 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-slate-50\">\n <div class=\"p-5 md:p-6 text-slate-600 border-t border-slate-100 leading-relaxed\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e16\u0e39\u0e01\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e40\u0e2b\u0e15\u0e38\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19 \u0e2b\u0e32\u0e01\u0e43\u0e0a\u0e49\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e41\u0e1a\u0e1a On-Premise \u0e2b\u0e23\u0e37\u0e2d Edge Computing \u0e17\u0e35\u0e48\u0e15\u0e31\u0e27\u0e01\u0e25\u0e49\u0e2d\u0e07 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e22\u0e31\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e14\u0e08\u0e33\u0e1b\u0e49\u0e32\u0e22\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e21\u0e49\u0e01\u0e31\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e1a\u0e49\u0e32\u0e19\u0e17\u0e35\u0e48\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e44\u0e27\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e1b\u0e01\u0e15\u0e34 \u0e41\u0e21\u0e49\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e08\u0e30\u0e02\u0e31\u0e14\u0e02\u0e49\u0e2d\u0e07\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e30\u0e0b\u0e34\u0e07\u0e04\u0e4c\u0e01\u0e31\u0e1a\u0e40\u0e0b\u0e34\u0e23\u0e4c\u0e1f\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Accordion Item 3 -->\n <div class=\"accordion-item bg-white border border-slate-200 rounded-xl mb-4 overflow-hidden shadow-sm hover:shadow-md transition\">\n <button class=\"w-full text-left p-5 md:p-6 font-bold flex justify-between items-center text-oa-blue text-lg focus:outline-none\" onclick=\"toggleAccordion(this)\">\n \u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e02\u0e2d\u0e07 OA One \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\n <svg class=\"w-6 h-6 text-oa-accent transform transition-transform duration-300 chevron\" 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-slate-50\">\n <div class=\"p-5 md:p-6 text-slate-600 border-t border-slate-100 leading-relaxed\">\n \u0e40\u0e23\u0e32\u0e21\u0e35\u0e17\u0e35\u0e21 Support \u0e04\u0e2d\u0e22\u0e14\u0e39\u0e41\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c ZKTeco \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 \u0e40\u0e23\u0e32\u0e21\u0e35\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 (MA) \u0e23\u0e32\u0e22\u0e1b\u0e35 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e2b\u0e25\u0e48\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e2a\u0e30\u0e14\u0e38\u0e14\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 6. CERTIFICATION SERVICES -->\n <section id=\"certification\" class=\"py-20 bg-oa-blue text-white relative overflow-hidden\">\n <!-- Abstract Background -->\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 <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 <!-- Cert 1 -->\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 <!-- Cert 2 -->\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 <!-- Cert 3 -->\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 <!-- Standard Badges & Images -->\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 bg-white\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80'\">\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 bg-white\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1554224154-26032ffc0d04?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80'\">\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- 7. FOOTER SECTION (UPDATED) -->\n <footer id=\"contact\" class=\"bg-[#0b1121] text-white pt-20 pb-10 border-t-4 border-oa-accent\">\n <div class=\"container mx-auto px-6 max-w-7xl\">\n \n <!-- Call to Action (CTA) -->\n <div class=\"bg-gradient-to-br from-oa-blue to-blue-900 rounded-3xl p-8 md:p-12 mb-16 text-center border border-white\/10 shadow-2xl 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 max-w-2xl mx-auto\">\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 \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"mailto:oa1power@gmail.com\" class=\"inline-block bg-oa-accent hover:bg-blue-600 text-white font-bold py-4 px-8 rounded-full transition shadow-lg hover:shadow-xl hover:-translate-y-1 transform duration-300 flex items-center justify-center gap-2\">\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 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>\n \u0e2a\u0e48\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e2b\u0e32\u0e40\u0e23\u0e32\n <\/a>\n <a href=\"tel:0922619251\" class=\"inline-block bg-white text-oa-blue hover:bg-slate-100 font-bold py-4 px-8 rounded-full transition shadow-lg hover:shadow-xl hover:-translate-y-1 transform duration-300 flex items-center justify-center gap-2\">\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 \u0e42\u0e17\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35\n <\/a>\n <\/div>\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 <!-- Company Info -->\n <div class=\"lg:col-span-2\">\n <h3 class=\"text-2xl font-bold mb-4 flex items-center gap-3\">\n <span class=\"text-oa-solar tracking-wide\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14<\/span>\n <\/h3>\n <div class=\"text-slate-400 mb-6 leading-relaxed max-w-md space-y-3\">\n <p class=\"text-sm bg-white\/10 inline-block px-3 py-1 rounded border border-white\/5\">\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35: <span class=\"text-white font-medium\">0-1055-36104-03-8<\/span><\/p>\n <p class=\"flex items-start gap-2 mt-4\">\n <svg class=\"w-5 h-5 text-oa-accent shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n <span>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.<\/span>\n <\/p>\n <p class=\"flex items-center gap-2 mt-2\">\n <svg class=\"w-5 h-5 text-oa-accent shrink-0\" 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 <span class=\"text-white font-medium\">\u0e42\u0e17\u0e23. 090-993-1965 \/ 087-978-4849<\/span>\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Quick Links (Widget 1, 2, 3) -->\n <div>\n <h4 class=\"text-lg font-bold text-white mb-6 uppercase tracking-wider relative inline-block\">\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\n <span class=\"absolute -bottom-2 left-0 w-1\/2 h-1 bg-oa-accent rounded-full\"><\/span>\n <\/h4>\n <ul class=\"space-y-3 text-slate-400\">\n <li><a href=\"#\" class=\"hover:text-oa-solar hover:translate-x-1 transition flex items-center gap-2\"><span class=\"text-oa-accent text-xs\">\u25b6<\/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 hover:translate-x-1 transition flex items-center gap-2\"><span class=\"text-oa-accent text-xs\">\u25b6<\/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 hover:translate-x-1 transition flex items-center gap-2\"><span class=\"text-oa-accent text-xs\">\u25b6<\/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 hover:translate-x-1 transition flex items-center gap-2\"><span class=\"text-oa-accent text-xs\">\u25b6<\/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 hover:translate-x-1 transition flex items-center gap-2\"><span class=\"text-oa-accent text-xs\">\u25b6<\/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 <!-- Contact Details -->\n <div>\n <h4 class=\"text-lg font-bold text-white mb-6 uppercase tracking-wider relative inline-block\">\n \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\n <span class=\"absolute -bottom-2 left-0 w-1\/2 h-1 bg-oa-accent rounded-full\"><\/span>\n <\/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-white font-semibold mb-1 text-sm uppercase tracking-wide\">MOBILE:<\/p>\n <a href=\"tel:0922619251\" class=\"text-slate-400 hover:text-oa-solar block hover:translate-x-1 transition font-medium\">092-261-9251 <span class=\"text-sm font-normal text-slate-500\">(\u0e17\u0e23\u0e32\u0e22)<\/span><\/a>\n <a href=\"tel:0966595659\" class=\"text-slate-400 hover:text-oa-solar block hover:translate-x-1 transition font-medium\">096-659-5659 <span class=\"text-sm font-normal text-slate-500\">(\u0e1a\u0e35 Support)<\/span><\/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-white font-semibold mb-1 text-sm uppercase tracking-wide\">EMAIL:<\/p>\n <a href=\"mailto:oa1power@gmail.com\" class=\"text-slate-400 hover:text-oa-solar block hover:translate-x-1 transition\">oa1power@gmail.com<\/a>\n <a href=\"mailto:oaonegroup@gmail.com\" class=\"text-slate-400 hover:text-oa-solar 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<\/h4>\n <div class=\"flex gap-4\">\n <!-- Facebook -->\n <a href=\"#\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-[#1877F2] hover:scale-110 transition-all 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 <!-- Line -->\n <a href=\"#\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-[#00B900] hover:scale-110 transition-all 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 <!-- Copyright -->\n <div class=\"border-t border-white\/10 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-slate-500\">\n <p>© <span id=\"currentYear\">2026<\/span> \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 <!-- FLOATING CONTACT BUTTONS (Sticky\/Fixed Always on screen) -->\n <div class=\"fixed bottom-6 right-6 z-[100] flex flex-col gap-3 items-end pointer-events-none\">\n <!-- Contact 1: \u0e17\u0e23\u0e32\u0e22 (Sales) -->\n <a href=\"tel:0922619251\" class=\"pointer-events-auto 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-all group transform hover:-translate-y-1\">\n <div class=\"w-12 h-12 bg-oa-accent text-white rounded-full flex items-center justify-center animate-pulse shadow-md\">\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 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-[11px] text-slate-500 font-semibold uppercase tracking-wider leading-none mb-1\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22<\/p>\n <p class=\"text-base font-bold text-oa-blue group-hover:text-oa-accent leading-tight\">092-261-9251 <span class=\"text-sm font-normal\">(\u0e17\u0e23\u0e32\u0e22)<\/span><\/p>\n <\/div>\n <\/a>\n\n <!-- Contact 2: Support \u0e1a\u0e35 -->\n <a href=\"tel:0966595659\" class=\"pointer-events-auto 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-all group transform hover:-translate-y-1\">\n <div class=\"w-12 h-12 bg-oa-green text-white rounded-full flex items-center justify-center animate-[pulse_2s_infinite] delay-75 shadow-md\">\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=\"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-[11px] text-slate-500 font-semibold uppercase tracking-wider leading-none mb-1\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d Support<\/p>\n <p class=\"text-base font-bold text-oa-blue group-hover:text-oa-green leading-tight\">096-659-5659 <span class=\"text-sm font-normal\">(\u0e1a\u0e35)<\/span><\/p>\n <\/div>\n <\/a>\n <\/div>\n\n <!-- Lightbox Modal Container -->\n <div id=\"imageModal\" class=\"fixed inset-0 z-[110] 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 <!-- Script Logic -->\n <script>\n \/\/ Set dynamic year for footer\n document.getElementById('currentYear').textContent = new Date().getFullYear();\n\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 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 \/\/ Accordion Function\n function toggleAccordion(button) {\n const content = button.nextElementSibling;\n const icon = button.querySelector('.chevron');\n \n \/\/ Close all other accordions\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron');\n \n allContents.forEach((item, index) => {\n if (item !== content) {\n item.style.maxHeight = null;\n item.classList.remove('open');\n allIcons[index].classList.remove('rotate-180');\n }\n });\n\n \/\/ Toggle current accordion\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n content.classList.remove('open');\n icon.classList.remove('rotate-180');\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n content.classList.add('open');\n icon.classList.add('rotate-180');\n }\n }\n\n \/\/ 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 \/\/ Navigation Mobile Menu Toggle\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n\n if (mobileMenuBtn && mobileMenu) {\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ \u0e1b\u0e34\u0e14\u0e40\u0e21\u0e19\u0e39\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d)\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n }\n\n \/\/ Navbar Scroll Effect (\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e07\u0e32\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d)\n const navbar = document.getElementById('navbar');\n if (navbar) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 20) {\n navbar.classList.add('shadow-md');\n navbar.classList.remove('shadow-sm');\n } else {\n navbar.classList.add('shadow-sm');\n navbar.classList.remove('shadow-md');\n }\n });\n }\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>OA One ZKteco – \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20… <a href=\"https:\/\/oaone.co.th\/index.php\/zktecooa\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Zkteco<\/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-79","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>Zkteco - 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\/zktecooa\/\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zkteco - oaone.co.th\" \/>\n<meta property=\"og:description\" content=\"OA One ZKteco - \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20… Zkteco\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oaone.co.th\/index.php\/zktecooa\/\" \/>\n<meta property=\"og:site_name\" content=\"oaone.co.th\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-22T17:48:28+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=\"6 \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\/zktecooa\/\",\"url\":\"https:\/\/oaone.co.th\/index.php\/zktecooa\/\",\"name\":\"Zkteco - oaone.co.th\",\"isPartOf\":{\"@id\":\"https:\/\/oaone.co.th\/#website\"},\"datePublished\":\"2026-02-22T17:44:51+00:00\",\"dateModified\":\"2026-02-22T17:48:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/oaone.co.th\/index.php\/zktecooa\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oaone.co.th\/index.php\/zktecooa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oaone.co.th\/index.php\/zktecooa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/oaone.co.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zkteco\"}]},{\"@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":"Zkteco - 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\/zktecooa\/","og_locale":"th_TH","og_type":"article","og_title":"Zkteco - oaone.co.th","og_description":"OA One ZKteco - \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20… Zkteco","og_url":"https:\/\/oaone.co.th\/index.php\/zktecooa\/","og_site_name":"oaone.co.th","article_modified_time":"2026-02-22T17:48:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oaone.co.th\/index.php\/zktecooa\/","url":"https:\/\/oaone.co.th\/index.php\/zktecooa\/","name":"Zkteco - oaone.co.th","isPartOf":{"@id":"https:\/\/oaone.co.th\/#website"},"datePublished":"2026-02-22T17:44:51+00:00","dateModified":"2026-02-22T17:48:28+00:00","breadcrumb":{"@id":"https:\/\/oaone.co.th\/index.php\/zktecooa\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oaone.co.th\/index.php\/zktecooa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oaone.co.th\/index.php\/zktecooa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oaone.co.th\/"},{"@type":"ListItem","position":2,"name":"Zkteco"}]},{"@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\/79","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=79"}],"version-history":[{"count":3,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}