{"id":72,"date":"2026-02-23T00:31:50","date_gmt":"2026-02-22T17:31:50","guid":{"rendered":"https:\/\/oaone.co.th\/?page_id=72"},"modified":"2026-02-23T00:38:30","modified_gmt":"2026-02-22T17:38:30","slug":"solar-cell","status":"publish","type":"page","link":"https:\/\/oaone.co.th\/index.php\/solar-cell\/","title":{"rendered":"Solar Cell"},"content":{"rendered":"<div id=\"pl-72\"  class=\"panel-layout\" ><div id=\"pg-72-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-72-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-72-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"th\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- SEO & Google Ads Keywords -->\n    <meta name=\"keywords\" content=\"\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c, \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c PPA, \u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19, \u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e1a\u0e49\u0e32\u0e19, \u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e2d\u0e2d\u0e19\u0e01\u0e23\u0e34\u0e14, \u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e2d\u0e2d\u0e1f\u0e01\u0e23\u0e34\u0e14, OAONE Group, \u0e23\u0e31\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e1f\u0e23\u0e35, \u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f, \u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\">\n    <meta name=\"description\" content=\"OAONE Group \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e41\u0e1a\u0e1a PPA \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 100% \u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35\u0e15\u0e25\u0e2d\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32\">\n    \n    <!-- Google tag (gtag.js) - \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Google Ads -->\n    <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-XXXXXXXXXX\"><\/script>\n    <script>\n      window.dataLayer = window.dataLayer || [];\n      function gtag(){dataLayer.push(arguments);}\n      gtag('js', new Date());\n      \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 AW-XXXXXXXXXX \u0e40\u0e1b\u0e47\u0e19 Google Ads Conversion ID \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 *\/\n      gtag('config', 'AW-XXXXXXXXXX'); \n    <\/script>\n\n    <!-- 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        \/* \u0e0b\u0e48\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e28\u0e23 default \u0e02\u0e2d\u0e07 details tag *\/\n        details > summary { list-style: none; }\n        details > summary::-webkit-details-marker { display: none; }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-slate-700 antialiased bg-slate-50\">\n\n    <!-- FLOATING CONTACT WIDGET (\u0e15\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e02\u0e27\u0e32\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32) -->\n    <div class=\"fixed right-0 top-1\/2 transform -translate-y-1\/2 z-50 flex flex-col gap-3 p-2 sm:p-4\">\n        <!-- \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e04\u0e38\u0e13\u0e17\u0e23\u0e32\u0e22 -->\n        <a href=\"tel:0922619251\" class=\"group flex items-center justify-end\">\n            <div class=\"bg-white text-oa-blue border border-slate-200 shadow-lg px-4 py-2 rounded-l-full font-medium text-sm hidden sm:group-hover:block transition-all duration-300 transform translate-x-2 group-hover:translate-x-0\">\n                092-261-9251 \u0e17\u0e23\u0e32\u0e22\n            <\/div>\n            <div class=\"bg-oa-solar text-white p-3 rounded-full shadow-lg hover:bg-orange-500 transition-colors z-10\">\n                <svg class=\"w-6 h-6 animate-pulse\" 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        <\/a>\n        <!-- \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e04\u0e38\u0e13\u0e1a\u0e35 -->\n        <a href=\"tel:0966595659\" class=\"group flex items-center justify-end\">\n            <div class=\"bg-white text-oa-blue border border-slate-200 shadow-lg px-4 py-2 rounded-l-full font-medium text-sm hidden sm:group-hover:block transition-all duration-300 transform translate-x-2 group-hover:translate-x-0\">\n                096-659-5659 \u0e1a\u0e35 Support\n            <\/div>\n            <div class=\"bg-oa-green text-white p-3 rounded-full shadow-lg hover:bg-emerald-600 transition-colors z-10\">\n                <svg class=\"w-6 h-6 animate-pulse\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z\"><\/path><\/svg>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <!-- IN-PAGE NAVIGATION (\u0e40\u0e21\u0e19\u0e39\u0e19\u0e33\u0e17\u0e32\u0e07 Sticky) -->\n    <nav class=\"sticky top-0 z-40 bg-white\/90 backdrop-blur-md shadow-sm border-b border-slate-200\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex items-center justify-center space-x-4 md:space-x-8 overflow-x-auto py-4 text-sm md:text-base whitespace-nowrap hide-scrollbar\">\n                <a href=\"#ppa\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e23\u0e30\u0e1a\u0e1a PPA<\/a>\n                <a href=\"#offgrid\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">Off-Grid<\/a>\n                <a href=\"#packages\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/a>\n                <a href=\"#portfolio\" class=\"text-slate-600 hover:text-oa-accent font-medium transition\">\u0e1c\u0e25\u0e07\u0e32\u0e19<\/a>\n                <a href=\"#knowledge\" 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=\"#contact\" class=\"text-oa-accent font-bold hover:text-blue-700 transition\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- 1. PPA INTRODUCTION SECTION -->\n    <section id=\"ppa\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\n                <!-- Text Content -->\n                <div class=\"lg:w-1\/2 fade-in-up\">\n                    <div class=\"inline-block bg-blue-100 text-blue-700 font-semibold px-4 py-1 rounded-full mb-4 text-sm\">\n                        \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a PPA\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue mb-4 leading-tight\">\n                        \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07<br>\n                        <span class=\"text-oa-green\">OAONE group \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 100%<\/span>\n                    <\/h2>\n                    \n                    <div class=\"space-y-4 text-slate-600 mt-6 text-lg leading-relaxed\">\n                        <p>\n                            <strong>PPA \u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01 Power Purchase Agreement (PPA) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/strong><br>\n                            \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e21\u0e32\u0e01 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 upfront \u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e04\u0e37\u0e2d 10-20 \u0e1b\u0e35 \u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07 Solar cell \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                        <\/p>\n                        <p>\n                            \u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30 <strong>Private PPA<\/strong> \u0e44\u0e14\u0e49\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e02\u0e32\u0e14\u0e44\u0e1b\u0e2b\u0e21\u0e14\u0e2a\u0e34\u0e49\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e40\u0e14\u0e34\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e25\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e0b\u0e37\u0e49\u0e2d\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34\u0e15\u0e32\u0e21\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a win-win \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e1d\u0e48\u0e32\u0e22\n                        <\/p>\n                        <div class=\"border-l-4 border-oa-solar pl-4 mt-6 italic text-slate-700 font-medium bg-slate-50 py-3 pr-3 rounded-r-lg\">\n                            \"\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e08\u0e19\u0e16\u0e36\u0e07\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e14\u0e46\"\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Images Grid -->\n                <div class=\"lg:w-1\/2 grid grid-cols-1 sm:grid-cols-2 gap-6 fade-in-up delay-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our3.png\" alt=\"PPA Installation 1\" class=\"rounded-2xl shadow-lg w-full h-auto hover:scale-105 transition duration-500\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/our4.png\" alt=\"PPA Installation 2\" class=\"rounded-2xl shadow-lg w-full h-auto mt-0 sm:mt-10 hover:scale-105 transition duration-500\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 2. OFF-GRID SOLAR POWER SYSTEM -->\n    <section id=\"offgrid\" class=\"py-16 bg-slate-100 border-y border-slate-200\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-12 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase tracking-wide\">\n                    OFF-GRID SOLAR POWER SYSTEM\n                <\/h2>\n                <div class=\"w-24 h-1 bg-oa-solar mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto fade-in-up delay-100\">\n                <div class=\"bg-white p-4 rounded-2xl shadow-md border border-slate-200 hover:shadow-xl transition group\">\n                    <div class=\"overflow-hidden rounded-xl\">\n                        <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/OFF-GRID-SOLAR-POWER-SYSTEM-.png\" alt=\"Off-Grid System 1\" class=\"w-full h-auto group-hover:scale-110 transition duration-500\">\n                    <\/div>\n                <\/div>\n                <div class=\"bg-white p-4 rounded-2xl shadow-md border border-slate-200 hover:shadow-xl transition group\">\n                    <div class=\"overflow-hidden rounded-xl\">\n                        <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/OFF-GRID-SOLAR-POWER-SYSTEM-2.png\" alt=\"Off-Grid System 2\" class=\"w-full h-auto group-hover:scale-110 transition duration-500\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. COMPARISON & PACKAGES -->\n    <section id=\"packages\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            \n            <!-- Package Image -->\n            <div class=\"max-w-4xl mx-auto mb-16 fade-in-up\">\n                <h2 class=\"text-2xl font-bold text-center text-oa-blue mb-6\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n                <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/solar3-scaled.png\" alt=\"Solar Packages\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-100\">\n            <\/div>\n\n            <div class=\"text-center mb-12 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n            <\/div>\n\n            <!-- Comparison Cards -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n                <!-- Card: \u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07 -->\n                <div class=\"bg-slate-50 rounded-2xl p-8 border border-slate-200 shadow-sm fade-in-up hover:shadow-md transition\">\n                    <h3 class=\"text-2xl font-bold text-slate-700 mb-6 text-center pb-4 border-b border-slate-200\">\u0e41\u0e1a\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e2d\u0e07<\/h3>\n                    <ul class=\"space-y-6\">\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e1a\u0e1a<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07 100%<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n                            <span class=\"text-lg font-medium text-red-600 flex items-center gap-2\">\n                                <span>\u26a0\ufe0f<\/span> \u0e15\u0e49\u0e2d\u0e07\u0e14\u0e39\u0e41\u0e25\u0e40\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e49\u0e32\u0e07\n                            <\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e31\u0e1a\/\u0e02\u0e22\u0e32\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e14\u0e49\u0e40\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e07\u0e1a<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col pt-4 border-t border-slate-200\">\n                            <span class=\"text-sm text-slate-500 font-semibold uppercase\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e43\u0e04\u0e23<\/span>\n                            <span class=\"text-lg font-bold text-oa-blue\">\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e21\u0e35\u0e40\u0e07\u0e34\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card: PPA (Highlighted) -->\n                <div class=\"bg-gradient-to-b from-blue-50 to-white rounded-2xl p-8 border-2 border-oa-accent shadow-xl relative transform md:-translate-y-4 fade-in-up delay-100\">\n                    <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-oa-accent text-white px-6 py-1 rounded-full text-sm font-bold shadow-md animate-bounce\">\n                        \u0e41\u0e19\u0e30\u0e19\u0e33\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-oa-accent mb-6 text-center pb-4 border-b border-blue-200\">\u0e41\u0e1a\u0e1a PPA (\u0e44\u0e21\u0e48\u0e25\u0e07\u0e17\u0e38\u0e19)<\/h3>\n                    <ul class=\"space-y-6\">\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/span>\n                            <span class=\"text-xl font-bold text-green-600\">\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19 (0 \u0e1a\u0e32\u0e17)<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e1a\u0e1a<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19 <br><span class=\"text-sm text-slate-500\">(\u0e08\u0e19\u0e01\u0e27\u0e48\u0e32\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e08\u0e30\u0e2b\u0e21\u0e14)<\/span><\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n                            <span class=\"text-lg font-medium text-green-600 flex items-start gap-2\">\n                                <span class=\"mt-1\">\u2705<\/span> <span>\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e39\u0e41\u0e25\u0e43\u0e2b\u0e49 \u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e43\u0e2b\u0e21\u0e48\u0e46 \u0e1f\u0e23\u0e35<\/span>\n                            <\/span>\n                        <\/li>\n                        <li class=\"flex flex-col\">\n                            <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/span>\n                            <span class=\"text-lg font-medium text-slate-800\">\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/span>\n                        <\/li>\n                        <li class=\"flex flex-col pt-4 border-t border-blue-200\">\n                            <span class=\"text-sm text-blue-500 font-semibold uppercase\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e43\u0e04\u0e23<\/span>\n                            <span class=\"text-lg font-bold text-oa-blue\">\u0e1c\u0e39\u0e49\u0e44\u0e21\u0e48\u0e21\u0e35\u0e07\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 4. BENEFITS (FINANCIAL \/ ENVIRONMENT \/ END OF CONTRACT) -->\n    <section class=\"py-16 bg-oa-blue text-white overflow-hidden relative\">\n        <!-- Background Decoration -->\n        <div class=\"absolute top-0 right-0 w-64 h-64 bg-blue-500\/10 rounded-full blur-3xl transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-80 h-80 bg-green-500\/10 rounded-full blur-3xl transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\n        \n        <div class=\"container mx-auto px-6 max-w-6xl relative z-10\">\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                \n                <!-- Financial -->\n                <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-sm border border-white\/20 fade-in-up hover:-translate-y-2 transition duration-300\">\n                    <div class=\"w-12 h-12 bg-blue-500\/20 rounded-full flex items-center justify-center mb-6\">\n                        <svg class=\"w-6 h-6 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-oa-solar mb-4\">\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 & \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/h3>\n                    <ul class=\"space-y-3 text-slate-300 text-sm\">\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-oa-solar font-bold\">1.<\/span>\n                            <span>\u0e1a\u0e34\u0e25\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e04\u0e38\u0e13\u0e08\u0e30\u0e16\u0e39\u0e01\u0e25\u0e07\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e41\u0e23\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e43\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e16\u0e39\u0e01\u0e25\u0e07 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e33\u0e44\u0e23\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-oa-solar font-bold\">2.<\/span>\n                            <span>\u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e41\u0e25\u0e30\u0e14\u0e39\u0e41\u0e25\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-oa-solar font-bold\">3.<\/span>\n                            <span>\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e1f\u0e23\u0e35 \u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Environment -->\n                <div class=\"bg-white\/10 p-8 rounded-2xl backdrop-blur-sm border border-white\/20 fade-in-up delay-100 hover:-translate-y-2 transition duration-300\">\n                    <div class=\"w-12 h-12 bg-green-500\/20 rounded-full flex items-center justify-center mb-6\">\n                        <svg class=\"w-6 h-6 text-green-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-oa-green mb-4\">\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/h3>\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">\n                        \u0e44\u0e14\u0e49\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e01\u0e4a\u0e32\u0e0b\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e01\u0e23\u0e30\u0e08\u0e01 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 (ESG)\n                    <\/p>\n                <\/div>\n\n                <!-- End of Contract -->\n                <div class=\"bg-gradient-to-br from-oa-solar to-orange-600 p-8 rounded-2xl shadow-xl fade-in-up delay-200 flex flex-col justify-center text-center hover:scale-105 transition duration-300\">\n                    <div class=\"w-16 h-16 bg-white\/20 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-2\">\u0e04\u0e23\u0e1a\u0e2a\u0e31\u0e0d\u0e0d\u0e32<\/h3>\n                    <p class=\"text-lg text-white font-medium\">\n                        \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c<br>\u0e15\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35!\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5. PROMOTION & CHECKLIST -->\n    <section class=\"py-20 bg-slate-50 relative overflow-hidden\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden max-w-5xl mx-auto border border-slate-200 fade-in-up\">\n                <div class=\"grid grid-cols-1 md:grid-cols-2\">\n                    \n                    <!-- Left: Checklist -->\n                    <div class=\"p-10 lg:p-12\">\n                        <h2 class=\"text-3xl font-bold text-oa-blue mb-2\">\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e22\u0e38\u0e04\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e41\u0e1e\u0e07!!<\/h2>\n                        <p class=\"text-oa-accent font-semibold mb-8 text-lg border-b pb-4\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e27\u0e31\u0e19\u0e19\u0e35\u0e49<\/p>\n                        \n                        <ul class=\"space-y-4\">\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e40\u0e23\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e21\u0e0a\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 25 \u0e1b\u0e35 \ud83d\udca5<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">Dashborad \u0e14\u0e39\u0e44\u0e1f\u0e40\u0e02\u0e49\u0e32-\u0e2d\u0e2d\u0e01\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35 \u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e15\u0e23\u0e27\u0e08\u0e40\u0e0a\u0e47\u0e04\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07 1 \u0e04\u0e23\u0e31\u0e49\u0e07\/\u0e1b\u0e35 (\u0e23\u0e30\u0e22\u0e30 3\u0e1b\u0e35)<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e38\u0e01\u0e0a\u0e34\u0e49\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"bg-green-100 text-green-600 p-1 rounded-full\"><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n                                <span class=\"text-slate-700 font-medium\">\u0e21\u0e35\u0e17\u0e35\u0e21\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e2a\u0e30\u0e14\u0e27\u0e01\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Right: Target Audience -->\n                    <div class=\"bg-blue-50 p-10 lg:p-12 flex flex-col justify-center border-l border-blue-100\">\n                        <div class=\"text-center mb-8\">\n                            <span class=\"inline-block bg-oa-blue text-white px-6 py-2 rounded-full font-bold tracking-wider text-sm shadow-md animate-pulse\">\n                                >> \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <<\n                            <\/span>\n                        <\/div>\n                        \n                        <div class=\"space-y-6\">\n                            <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4 hover:shadow-md transition cursor-default\">\n                                <div class=\"w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 text-2xl\">\ud83c\udfe0<\/div>\n                                <span class=\"font-semibold text-slate-700 text-lg\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22, \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17, \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/span>\n                            <\/div>\n                            \n                            <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4 hover:shadow-md transition cursor-default\">\n                                <div class=\"w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center text-orange-600 text-2xl\">\u2615<\/div>\n                                <span class=\"font-semibold text-slate-700 text-lg\">\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e15\u0e39\u0e49\u0e41\u0e0a\u0e48, \u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f, \u0e04\u0e32\u0e40\u0e1f\u0e48, \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/span>\n                            <\/div>\n\n                            <div class=\"bg-white p-4 rounded-xl shadow-sm border border-blue-100 flex items-center gap-4 hover:shadow-md transition cursor-default\">\n                                <div class=\"w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center text-green-600 text-2xl\">\ud83c\udf3e<\/div>\n                                <span class=\"font-semibold text-slate-700 text-lg\">\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23, \u0e01\u0e32\u0e23\u0e17\u0e33\u0e2a\u0e27\u0e19, \u0e17\u0e33\u0e44\u0e23\u0e48, \u0e1f\u0e32\u0e23\u0e4c\u0e21<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5.5 CERTIFICATES & PACKAGES -->\n    <section class=\"py-16 bg-white border-t border-slate-200\">\n        <div class=\"container mx-auto px-6 max-w-6xl\">\n            <!-- Certificates -->\n            <div class=\"text-center mb-10 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-8\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22<\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer1.png\" alt=\"Certificate 1\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-xl transition\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/cer2.png\" alt=\"Certificate 2\" class=\"w-full h-auto rounded-xl shadow-md hover:shadow-xl transition\">\n                <\/div>\n            <\/div>\n\n            <div class=\"w-full h-px bg-slate-200 my-16\"><\/div>\n\n            <!-- Packages Overview -->\n            <div class=\"text-center mb-10 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase mb-12\">\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e08\u0e41\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19<\/h2>\n                \n                <div class=\"space-y-16\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n                        <div class=\"group\">\n                            <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-blue-50 py-2 rounded-lg border border-blue-100 transition group-hover:bg-blue-100\">\u0e0a\u0e38\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 1 \u0e40\u0e1f\u0e2a<\/h3>\n                            <div class=\"overflow-hidden rounded-xl shadow-md\"><img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack1.png\" alt=\"1 Phase Package\" class=\"w-full h-auto hover:scale-105 transition duration-500\"><\/div>\n                        <\/div>\n                        <div class=\"group\">\n                            <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-blue-50 py-2 rounded-lg border border-blue-100 transition group-hover:bg-blue-100\">\u0e0a\u0e38\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 3 \u0e40\u0e1f\u0e2a<\/h3>\n                            <div class=\"overflow-hidden rounded-xl shadow-md\"><img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack2.png\" alt=\"3 Phase Package\" class=\"w-full h-auto hover:scale-105 transition duration-500\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n                        <div class=\"group\">\n                            <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-green-50 py-2 rounded-lg border border-green-100 transition group-hover:bg-green-100\">\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e08\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2d\u0e2d\u0e19\u0e01\u0e23\u0e34\u0e14<\/h3>\n                            <div class=\"overflow-hidden rounded-xl shadow-md\"><img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack3.png\" alt=\"On-Grid Package\" class=\"w-full h-auto hover:scale-105 transition duration-500\"><\/div>\n                        <\/div>\n                        <div class=\"group\">\n                            <h3 class=\"text-xl font-bold text-slate-700 mb-4 bg-orange-50 py-2 rounded-lg border border-orange-100 transition group-hover:bg-orange-100\">\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f<\/h3>\n                            <div class=\"overflow-hidden rounded-xl shadow-md\"><img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/pack4.png\" alt=\"Cost Reduction\" class=\"w-full h-auto hover:scale-105 transition duration-500\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 6. PORTFOLIO \/ PROJECT SCALES -->\n    <section id=\"portfolio\" class=\"py-20 bg-slate-50 border-t border-slate-200\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase\">\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/h2>\n                <div class=\"w-24 h-1 bg-oa-accent mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n                <!-- Large -->\n                <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up group\">\n                    <div class=\"h-48 overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n                        <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"text-oa-accent font-bold mb-2 text-lg\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/div>\n                        <p class=\"text-slate-600 text-sm leading-relaxed\">\n                            \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e19\u0e38\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22, \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c \u0e08.\u0e19\u0e04\u0e23\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Medium -->\n                <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-100 group\">\n                    <div class=\"h-48 overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n                        <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"text-oa-solar font-bold mb-2 text-lg\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07<\/div>\n                        <p class=\"text-slate-600 text-sm leading-relaxed\">\n                            \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e2d\u0e01\u0e0a\u0e19 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e2b\u0e49\u0e32\u0e07\u0e41\u0e21\u0e04\u0e42\u0e04\u0e23 \u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17 77, \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e25\u0e39\u0e0a\u0e34\u0e1b \u0e44\u0e21\u0e42\u0e04\u0e23\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e21\u0e48, \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07\u0e23\u0e34\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e44\u0e0b\u0e14\u0e4c \u0e08.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Small -->\n                <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-200 fade-in-up delay-200 group\">\n                    <div class=\"h-48 overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\n                        <div class=\"absolute inset-0 bg-black\/20 group-hover:bg-black\/10 transition\"><\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"text-oa-green font-bold mb-2 text-lg\">\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e22\u0e48\u0e2d\u0e21<\/div>\n                        <p class=\"text-slate-600 text-sm leading-relaxed\">\n                            \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e04\u0e25\u0e34\u0e19\u0e34\u0e01 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 6.5 NEW INSTALLATION PORTFOLIO -->\n    <section class=\"py-20 bg-white border-t border-slate-200\">\n        <div class=\"container mx-auto px-6 max-w-6xl\">\n            \n            <div class=\"text-center mb-16 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue uppercase\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32<\/h2>\n                <div class=\"w-24 h-1 bg-oa-solar mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <!-- Picture 1 Scaled -->\n            <div class=\"mb-16 fade-in-up\">\n                <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/Picture1-scaled.png\" alt=\"Portfolio Overview\" class=\"w-full h-auto rounded-2xl shadow-lg border border-slate-200 hover:shadow-xl transition\">\n            <\/div>\n\n            <!-- OA1 Group 22 Feb -->\n            <div class=\"mb-16 fade-in-up\">\n                <h3 class=\"text-2xl font-bold text-oa-blue mb-6 border-l-4 border-oa-accent pl-4 bg-slate-50 py-2 rounded-r-lg\">OA1 Group 22 \u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c 2568<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/1.png\" alt=\"OA1 Group Job 1\" class=\"w-full h-auto rounded-xl shadow hover:scale-[1.02] transition duration-300 border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/2.png\" alt=\"OA1 Group Job 2\" class=\"w-full h-auto rounded-xl shadow hover:scale-[1.02] transition duration-300 border border-slate-100\">\n                <\/div>\n            <\/div>\n\n            <!-- 3-6 Dec -->\n            <div class=\"fade-in-up delay-100\">\n                <h3 class=\"text-2xl font-bold text-oa-blue mb-6 border-l-4 border-oa-accent pl-4 bg-slate-50 py-2 rounded-r-lg\">3-6 \u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21 2568 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a \u0e08.\u0e2a\u0e01\u0e25\u0e19\u0e04\u0e23<\/h3>\n                <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/3.png\" alt=\"Job 3\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/4.png\" alt=\"Job 4\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/5.png\" alt=\"Job 5\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/6.png\" alt=\"Job 6\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/7.png\" alt=\"Job 7\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/8.png\" alt=\"Job 8\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/9.png\" alt=\"Job 9\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/10.png\" alt=\"Job 10\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/11.png\" alt=\"Job 11\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/12.png\" alt=\"Job 12\" class=\"w-full h-auto rounded-xl shadow hover:scale-105 transition duration-300 object-cover aspect-[4\/3] border border-slate-100\">\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 6.8 KNOWLEDGE \/ FAQ SECTION (\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e1a\u0e1a Accordion) -->\n    <section id=\"knowledge\" 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                <h2 class=\"text-3xl md:text-4xl font-bold text-oa-blue\">\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/h2>\n                <div class=\"w-24 h-1 bg-oa-accent mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <div class=\"space-y-4 fade-in-up delay-100\">\n                <!-- FAQ 1 -->\n                <details class=\"group border border-slate-200 bg-white rounded-lg shadow-sm [&_summary::-webkit-details-marker]:hidden\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-5 text-oa-blue font-semibold text-lg\">\n                        <h2 class=\"font-medium\">\u0e23\u0e30\u0e1a\u0e1a On-Grid \u0e41\u0e25\u0e30 Off-Grid \u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?<\/h2>\n                        <svg class=\"h-5 w-5 shrink-0 transition duration-300 group-open:-rotate-180 text-oa-accent\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/summary>\n                    <div class=\"px-5 pb-5 pt-0 text-slate-600 leading-relaxed border-t border-slate-100 mt-2 pt-4\">\n                        <strong>On-Grid (\u0e2d\u0e2d\u0e19\u0e01\u0e23\u0e34\u0e14):<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e2a\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e43\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19\u0e40\u0e22\u0e2d\u0e30 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07 \u0e2b\u0e32\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e40\u0e01\u0e34\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e32\u0e22\u0e04\u0e37\u0e19\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e44\u0e14\u0e49 (\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02)<br><br>\n                        <strong>Off-Grid (\u0e2d\u0e2d\u0e1f\u0e01\u0e23\u0e34\u0e14):<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e2a\u0e23\u0e30\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e31\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e27\u0e49\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e48\u0e27\u0e07\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35\u0e41\u0e14\u0e14 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e40\u0e02\u0e49\u0e32\u0e44\u0e21\u0e48\u0e16\u0e36\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e34\u0e2a\u0e23\u0e30\u0e08\u0e32\u0e01\u0e04\u0e48\u0e32\u0e44\u0e1f\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 2 -->\n                <details class=\"group border border-slate-200 bg-white rounded-lg shadow-sm [&_summary::-webkit-details-marker]:hidden\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-5 text-oa-blue font-semibold text-lg\">\n                        <h2 class=\"font-medium\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48?<\/h2>\n                        <svg class=\"h-5 w-5 shrink-0 transition duration-300 group-open:-rotate-180 text-oa-accent\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/summary>\n                    <div class=\"px-5 pb-5 pt-0 text-slate-600 leading-relaxed border-t border-slate-100 mt-2 pt-4\">\n                        \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e21\u0e32\u0e01 \u0e2b\u0e25\u0e31\u0e01\u0e46 \u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e1b\u0e35\u0e25\u0e30 1-2 \u0e04\u0e23\u0e31\u0e49\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e49\u0e32\u0e07\u0e1d\u0e38\u0e48\u0e19\u0e25\u0e30\u0e2d\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e2d\u0e32\u0e08\u0e1a\u0e14\u0e1a\u0e31\u0e07\u0e41\u0e2a\u0e07\u0e41\u0e14\u0e14 \u0e0b\u0e36\u0e48\u0e07\u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1a\u0e1a PPA \u0e01\u0e31\u0e1a OAONE Group \u0e40\u0e23\u0e32\u0e14\u0e39\u0e41\u0e25\u0e25\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e07\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e43\u0e2b\u0e49\u0e1f\u0e23\u0e35\u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e31\u0e0d\u0e0d\u0e32!\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 3 -->\n                <details class=\"group border border-slate-200 bg-white rounded-lg shadow-sm [&_summary::-webkit-details-marker]:hidden\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-5 text-oa-blue font-semibold text-lg\">\n                        <h2 class=\"font-medium\">\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e21\u0e35\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e19\u0e32\u0e19\u0e41\u0e04\u0e48\u0e44\u0e2b\u0e19?<\/h2>\n                        <svg class=\"h-5 w-5 shrink-0 transition duration-300 group-open:-rotate-180 text-oa-accent\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/summary>\n                    <div class=\"px-5 pb-5 pt-0 text-slate-600 leading-relaxed border-t border-slate-100 mt-2 pt-4\">\n                        \u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e21\u0e35\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e22\u0e32\u0e27\u0e19\u0e32\u0e19\u0e16\u0e36\u0e07 25-30 \u0e1b\u0e35 \u0e42\u0e14\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e08\u0e30\u0e04\u0e48\u0e2d\u0e22\u0e46 \u0e25\u0e14\u0e25\u0e07\u0e15\u0e32\u0e21\u0e01\u0e32\u0e25\u0e40\u0e27\u0e25\u0e32 (\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 0.5% \u0e15\u0e48\u0e2d\u0e1b\u0e35) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c (Inverter) \u0e21\u0e31\u0e01\u0e08\u0e30\u0e21\u0e35\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 5-15 \u0e1b\u0e35 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e23\u0e32\u0e21\u0e35\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e43\u0e2b\u0e49\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\n                    <\/div>\n                <\/details>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 7. GOVERNMENT PROMO & CTA -->\n    <section class=\"py-16 bg-gradient-to-r from-oa-blue to-blue-900 text-white border-b-8 border-oa-accent\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"bg-white\/10 rounded-3xl border border-white\/20 p-8 md:p-12 backdrop-blur-sm max-w-5xl mx-auto flex flex-col md:flex-row items-center gap-10 shadow-2xl fade-in-up\">\n                \n                <!-- Image for Government\/Deal -->\n                <div class=\"md:w-1\/3\">\n                    <img decoding=\"async\" src=\"https:\/\/oaone.co.th\/wp-content\/uploads\/2026\/02\/close-business-man-signing-contract-260nw-2548861171-e1771776158322.webp\" alt=\"Government Deal\" class=\"rounded-xl shadow-lg border-4 border-white\/10 object-cover w-full h-64\">\n                <\/div>\n\n                <div class=\"md:w-2\/3 text-center md:text-left\">\n                    <div class=\"inline-block bg-red-500 text-white font-bold px-4 py-1 rounded-full text-sm mb-4 animate-pulse\">\n                        \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29 !!\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-oa-solar\">\u0e2a\u0e48\u0e27\u0e19\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1f\u0e23\u0e35<\/h2>\n                    <p class=\"text-xl text-slate-200 mb-6 font-medium\">\n                        \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e43\u0e14\u0e46 \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e34\u0e49\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46\n                    <\/p>\n                    \n                    <div class=\"bg-white\/10 p-6 rounded-xl border border-white\/20 inline-block w-full md:w-auto\">\n                        <p class=\"text-slate-300 text-sm mb-3\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e17\u0e35\u0e48 \u0e42\u0e17\u0e23 :<\/p>\n                        <div class=\"flex flex-col sm:flex-row gap-6\">\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"bg-green-500 p-2 rounded-full\">\n                                    <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n                                <\/div>\n                                <div class=\"text-left\">\n                                    <a href=\"tel:0909939165\" class=\"text-2xl font-bold text-white hover:text-oa-solar transition\">090-993-9165<\/a>\n                                    <div class=\"text-sm text-slate-300\">\u0e04\u0e38\u0e13\u0e2b\u0e19\u0e48\u0e2d\u0e07<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"hidden sm:block w-px bg-white\/30\"><\/div>\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"bg-green-500 p-2 rounded-full\">\n                                    <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n                                <\/div>\n                                <div class=\"text-left\">\n                                    <a href=\"tel:0613525274\" class=\"text-2xl font-bold text-white hover:text-oa-solar transition\">061-352-5274<\/a>\n                                    <div class=\"text-sm text-slate-300\">\u0e04\u0e38\u0e13\u0e42\u0e15\u0e42\u0e15\u0e49<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 8. FOOTER SECTION (WIDGETS 1, 2, 3) -->\n    <footer id=\"contact\" class=\"bg-oa-blue pt-16 pb-8 border-t border-slate-800\">\n        <div class=\"container mx-auto px-6 max-w-6xl\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 mb-12\">\n                \n                <!-- Widget 1: Company Info -->\n                <div>\n                    <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\">\n                        <span class=\"w-8 h-1 bg-oa-accent rounded\"><\/span>\n                        \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e2d\u0e40\u0e2d\u0e27\u0e31\u0e19 \u0e08\u0e33\u0e01\u0e31\u0e14\n                    <\/h3>\n                    <p class=\"text-slate-400 text-sm mb-4\">\n                        \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\">0-1055-36104-03-8<\/span>\n                    <\/p>\n                    <ul class=\"space-y-4 text-slate-400 text-sm\">\n                        <li class=\"flex items-start gap-3\">\n                            <svg class=\"w-5 h-5 text-oa-accent shrink-0 mt-0.5\" 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.243-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                        <\/li>\n                        <li class=\"flex items-center gap-3\">\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>\u0e42\u0e17\u0e23. 090-993-1965 \/ 087-978-4849<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Widget 2: Contact Numbers & Email -->\n                <div>\n                    <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\">\n                        <span class=\"w-8 h-1 bg-oa-solar rounded\"><\/span>\n                        \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22 \/ Support\n                    <\/h3>\n                    <div class=\"space-y-6\">\n                        <!-- Mobile -->\n                        <div>\n                            <p class=\"text-sm font-semibold text-slate-500 uppercase mb-2 tracking-wider\">Mobile<\/p>\n                            <ul class=\"space-y-3\">\n                                <li class=\"flex items-center gap-3\">\n                                    <div class=\"bg-slate-800 p-2 rounded-full text-oa-solar\"><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 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                                    <a href=\"tel:0922619251\" class=\"text-white hover:text-oa-solar transition\">092-261-9251 <span class=\"text-slate-400 ml-1\">(\u0e17\u0e23\u0e32\u0e22)<\/span><\/a>\n                                <\/li>\n                                <li class=\"flex items-center gap-3\">\n                                    <div class=\"bg-slate-800 p-2 rounded-full text-oa-green\"><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 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                                    <a href=\"tel:0966595659\" class=\"text-white hover:text-oa-green transition\">096-659-5659 <span class=\"text-slate-400 ml-1\">(\u0e1a\u0e35 support)<\/span><\/a>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <!-- Email -->\n                        <div>\n                            <p class=\"text-sm font-semibold text-slate-500 uppercase mb-2 tracking-wider\">Email<\/p>\n                            <ul class=\"space-y-2 text-slate-300 text-sm\">\n                                <li><a href=\"mailto:oa1power@gmail.com\" class=\"hover:text-white transition\">\u2709\ufe0f oa1power@gmail.com<\/a><\/li>\n                                <li><a href=\"mailto:oaonegroup@gmail.com\" class=\"hover:text-white transition\">\u2709\ufe0f oaonegroup@gmail.com<\/a><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Widget 3: CTA & Social -->\n                <div>\n                    <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\">\n                        <span class=\"w-8 h-1 bg-oa-green rounded\"><\/span>\n                        \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?\n                    <\/h3>\n                    <p class=\"text-slate-400 text-sm mb-6 leading-relaxed\">\n                        \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\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e32\u0e04\u0e32\u0e1f\u0e23\u0e35 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22!\n                    <\/p>\n                    <a href=\"#contact\" class=\"inline-block bg-oa-accent text-white font-semibold px-6 py-3 rounded-lg hover:bg-blue-600 transition shadow-lg mb-8\">\n                        \u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35\n                    <\/a>\n\n                    <!-- Social Icons -->\n                    <p class=\"text-sm font-semibold text-slate-500 uppercase mb-3 tracking-wider\">Social Media<\/p>\n                    <div class=\"flex gap-3\">\n                        <a href=\"#\" class=\"w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center text-white hover:bg-blue-600 transition\" aria-label=\"Facebook\">\n                            <svg class=\"w-5 h-5\" fill=\"currentColor\" 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.469h3.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.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                        <\/a>\n                        <a href=\"#\" class=\"w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center text-white hover:bg-green-500 transition\" aria-label=\"Line\">\n                            <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 10.304c0-5.369-5.383-9.738-12-9.738-6.616 0-12 4.369-12 9.738 0 4.814 3.907 8.894 9.179 9.605.361.077.854.237.978.544.113.279.073.714.036 1.006-.046.361-.223 1.328-.27 1.625-.062.383-.292 1.419 1.25.768 1.543-.65 8.311-4.896 10.908-8.113 1.284-1.583 1.919-3.424 1.919-5.435zm-14.856 2.454h-2.315v-4.524c0-.285-.231-.516-.516-.516s-.516.231-.516.516v5.04c0 .285.231.516.516.516h2.831c.285 0 .516-.231.516-.516s-.231-.516-.516-.516zm3.328 0h-1.033c-.285 0-.516-.231-.516-.516v-4.524c0-.285.231-.516.516-.516s.516.231.516.516v4.524c0 .285-.231.516-.516.516zm3.87 0h-1.033v-2.31l-1.442 2.128c-.052.077-.134.134-.231.16-.098.026-.201.015-.289-.026-.088-.041-.155-.114-.186-.206-.031-.093-.021-.196.026-.284l1.624-2.392c-.145-.108-.232-.284-.232-.47v-1.064c0-.285.231-.516.516-.516s.516.231.516.516v2.247l1.375-2.026c.052-.077.134-.134.231-.16.098-.026.201-.015.289.026.088.041.155.114.186.206.031.093.021.196-.026.284l-1.536 2.264v.994c0 .285.231.516.516.516s.516-.231.516-.516v-.665c0-.285-.231-.516-.516-.516s-.516.231-.516.516v1.181z\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Copyright Bottom -->\n            <div class=\"border-t border-slate-800 pt-8 text-center text-slate-500 text-sm\">\n                <p>&copy; 2026 OAONE Group. All rights reserved. \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Scroll Animation Logic -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const observerOptions = {\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            };\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, observerOptions);\n\n            const fadeElements = document.querySelectorAll('.fade-in-up');\n            fadeElements.forEach(el => observer.observe(el));\n        });\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>092-261-9251 \u0e17\u0e23\u0e32\u0e22 096-659-5659 \u0e1a\u0e35 Support \u0e23\u0e30\u0e1a\u0e1a PPA Off-&hellip;&nbsp;<a href=\"https:\/\/oaone.co.th\/index.php\/solar-cell\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Solar Cell<\/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-72","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>Solar Cell - 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\/solar-cell\/\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solar Cell - oaone.co.th\" \/>\n<meta property=\"og:description\" content=\"092-261-9251 \u0e17\u0e23\u0e32\u0e22 096-659-5659 \u0e1a\u0e35 Support \u0e23\u0e30\u0e1a\u0e1a PPA Off-&hellip;&nbsp;Solar Cell\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oaone.co.th\/index.php\/solar-cell\/\" \/>\n<meta property=\"og:site_name\" content=\"oaone.co.th\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-22T17:38:30+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=\"8 \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\/solar-cell\/\",\"url\":\"https:\/\/oaone.co.th\/index.php\/solar-cell\/\",\"name\":\"Solar Cell - oaone.co.th\",\"isPartOf\":{\"@id\":\"https:\/\/oaone.co.th\/#website\"},\"datePublished\":\"2026-02-22T17:31:50+00:00\",\"dateModified\":\"2026-02-22T17:38:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/oaone.co.th\/index.php\/solar-cell\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oaone.co.th\/index.php\/solar-cell\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oaone.co.th\/index.php\/solar-cell\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/oaone.co.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solar Cell\"}]},{\"@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":"Solar Cell - 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\/solar-cell\/","og_locale":"th_TH","og_type":"article","og_title":"Solar Cell - oaone.co.th","og_description":"092-261-9251 \u0e17\u0e23\u0e32\u0e22 096-659-5659 \u0e1a\u0e35 Support \u0e23\u0e30\u0e1a\u0e1a PPA Off-&hellip;&nbsp;Solar Cell","og_url":"https:\/\/oaone.co.th\/index.php\/solar-cell\/","og_site_name":"oaone.co.th","article_modified_time":"2026-02-22T17:38:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oaone.co.th\/index.php\/solar-cell\/","url":"https:\/\/oaone.co.th\/index.php\/solar-cell\/","name":"Solar Cell - oaone.co.th","isPartOf":{"@id":"https:\/\/oaone.co.th\/#website"},"datePublished":"2026-02-22T17:31:50+00:00","dateModified":"2026-02-22T17:38:30+00:00","breadcrumb":{"@id":"https:\/\/oaone.co.th\/index.php\/solar-cell\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oaone.co.th\/index.php\/solar-cell\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oaone.co.th\/index.php\/solar-cell\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oaone.co.th\/"},{"@type":"ListItem","position":2,"name":"Solar Cell"}]},{"@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\/72","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=72"}],"version-history":[{"count":2,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/oaone.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}