{"id":73,"date":"2019-11-29T10:41:24","date_gmt":"2019-11-29T03:41:24","guid":{"rendered":"http:\/\/www.ivecr5.ac.th\/web2020\/?page_id=73"},"modified":"2026-08-31T11:30:39","modified_gmt":"2026-08-31T04:30:39","slug":"%e0%b8%a7%e0%b8%b4%e0%b8%aa%e0%b8%b1%e0%b8%a2%e0%b8%97%e0%b8%b1%e0%b8%a8%e0%b8%99%e0%b9%8c%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%9e%e0%b8%b1%e0%b8%99%e0%b8%98%e0%b8%81%e0%b8%b4%e0%b8%88","status":"publish","type":"page","link":"https:\/\/www.ivecr5.ac.th\/web2020\/%e0%b8%a7%e0%b8%b4%e0%b8%aa%e0%b8%b1%e0%b8%a2%e0%b8%97%e0%b8%b1%e0%b8%a8%e0%b8%99%e0%b9%8c%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%9e%e0%b8%b1%e0%b8%99%e0%b8%98%e0%b8%81%e0%b8%b4%e0%b8%88\/","title":{"rendered":"\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08"},"content":{"rendered":"
\n\n\n \n \n \u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5 (\u0e1e.\u0e28. 2569 - 2572)<\/title>\n \n <!-- Dependencies -->\n <script crossorigin=\"\" src=\"https:\/\/unpkg.com\/react@18\/umd\/react.development.js\"><\/script>\n <script crossorigin=\"\" src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.development.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone@7.24.0\/babel.min.js\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <!-- Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght=200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* ==========================================================================\n Visual Composer \/ WordPress Compatibility Fixes (Scoped High Specificity)\n ========================================================================== *\/\n \n \/* 1. Force Kanit Font and Box-Sizing across all elements inside vocational-root *\/\n #vocational-root, \n #vocational-root * { \n font-family: 'Kanit', sans-serif !important; \n box-sizing: border-box !important;\n }\n\n \/* 2. Reset Theme Default Margins, Paddings, and List Styles *\/\n #vocational-root p,\n #vocational-root h1,\n #vocational-root h2,\n #vocational-root h3,\n #vocational-root h4,\n #vocational-root h5,\n #vocational-root h6,\n #vocational-root ul,\n #vocational-root ol,\n #vocational-root li {\n margin: 0 !important;\n padding: 0 !important;\n line-height: 1.6 !important;\n }\n\n #vocational-root ul {\n list-style: none !important;\n }\n\n \/* 3. Protect Critical Text Colors against Theme CSS Overrides *\/\n #vocational-root .text-white { color: #ffffff !important; }\n #vocational-root .text-slate-100 { color: #f1f5f9 !important; }\n #vocational-root .text-slate-200 { color: #e2e8f0 !important; }\n #vocational-root .text-slate-300 { color: #cbd5e1 !important; }\n #vocational-root .text-slate-400 { color: #94a3b8 !important; }\n #vocational-root .text-slate-500 { color: #64748b !important; }\n #vocational-root .text-slate-600 { color: #475569 !important; }\n #vocational-root .text-slate-700 { color: #334155 !important; }\n #vocational-root .text-slate-800 { color: #1e293b !important; }\n #vocational-root .text-slate-900 { color: #0f172a !important; }\n\n #vocational-root .text-blue-100 { color: #dbeafe !important; }\n #vocational-root .text-blue-200 { color: #bfdbfe !important; }\n #vocational-root .text-blue-600 { color: #2563eb !important; }\n #vocational-root .text-sky-600 { color: #0284c7 !important; }\n\n #vocational-root .text-amber-100 { color: #fef3c7 !important; }\n #vocational-root .text-amber-200 { color: #fde68a !important; }\n #vocational-root .text-amber-300 { color: #fcd34d !important; }\n #vocational-root .text-amber-400 { color: #fbbf24 !important; }\n #vocational-root .text-amber-600 { color: #d97706 !important; }\n\n #vocational-root .text-emerald-500 { color: #10b981 !important; }\n #vocational-root .text-emerald-600 { color: #059669 !important; }\n #vocational-root .text-emerald-800 { color: #065f46 !important; }\n #vocational-root .text-emerald-900 { color: #064e3b !important; }\n\n #vocational-root .text-purple-600 { color: #9333ea !important; }\n #vocational-root .text-indigo-600 { color: #4f46e5 !important; }\n\n \/* 4. Animations *\/\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .animate-fade-in {\n animation: fadeInUp 0.5s ease-out forwards;\n }\n \n @keyframes blob {\n 0% { transform: translate(0px, 0px) scale(1); }\n 33% { transform: translate(30px, -50px) scale(1.1); }\n 66% { transform: translate(-20px, 20px) scale(0.9); }\n 100% { transform: translate(0px, 0px) scale(1); }\n }\n .animate-blob {\n animation: blob 7s infinite;\n }\n .animation-delay-2000 {\n animation-delay: 2s;\n }\n \n @keyframes shine {\n to { background-position: 200% center; }\n }\n .animate-shine {\n background-size: 200% auto;\n animation: shine 4s linear infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n .animate-float {\n animation: float 6s ease-in-out infinite;\n }\n\n \/* 5. Custom Scrollbar *\/\n .custom-scrollbar::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n }\n .custom-scrollbar::-webkit-scrollbar-track {\n background: #f1f5f9; \n border-radius: 8px;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb {\n background: #cbd5e1; \n border-radius: 8px;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n background: #94a3b8; \n }\n <\/style>\n\n\n <!-- Root Mounting Point -->\n <div id=\"vocational-root\" class=\"p-4 md:p-8 max-w-6xl mx-auto\"><\/div>\n\n <script type=\"text\/babel\">\n const { useState } = React;\n\n const Icon = ({ name, size = 24, className = \"\" }) => {\n const svgProps = {\n width: size,\n height: size,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"2\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n className: className\n };\n\n switch (name) {\n case \"award\":\n return (\n <svg {...svgProps}>\n <circle cx=\"12\" cy=\"8\" r=\"7\" \/>\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\" \/>\n <\/svg>\n );\n case \"eye\":\n return (\n <svg {...svgProps}>\n <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\" \/>\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n <\/svg>\n );\n case \"rocket\":\n return (\n <svg {...svgProps}>\n <path d=\"M4.5 16.5c-1.5 1.26-2 3.5-2 3.5s2.24-.5 3.5-2\" \/>\n <path d=\"M12 15c-1.8 0-3.3-1.5-3.3-3.3 0-2.2 2.1-4.7 3.3-6.7 1.2 2 3.3 4.5 3.3 6.7 0 1.8-1.5 3.3-3.3 3.3Z\" \/>\n <path d=\"M9.8 11.2c-.8.8-1.5 1.5-2 2.3-.4.6-.6 1.3-.6 2a1.8 1.8 0 0 0 1.8 1.8c.7 0 1.4-.2 2-.6.8-.5 1.5-1.2 2.3-2\" \/>\n <path d=\"M12 15v5a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-3.5\" \/>\n <path d=\"M12 15h5a2 2 0 0 0 2 2h3.5a2 2 0 0 0 2-2V13\" \/>\n <\/svg>\n );\n case \"target\":\n return (\n <svg {...svgProps}>\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n <circle cx=\"12\" cy=\"12\" r=\"6\" \/>\n <circle cx=\"12\" cy=\"12\" r=\"2\" \/>\n <\/svg>\n );\n case \"compass\":\n return (\n <svg {...svgProps}>\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\" \/>\n <\/svg>\n );\n case \"check-circle\":\n return (\n <svg {...svgProps}>\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg>\n );\n case \"layers\":\n return (\n <svg {...svgProps}>\n <polygon points=\"12 2 2 7 12 12 22 7 12 2\" \/>\n <polyline points=\"2 17 12 22 22 17\" \/>\n <polyline points=\"2 12 12 17 22 12\" \/>\n <\/svg>\n );\n case \"shield-check\":\n return (\n <svg {...svgProps}>\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\n <path d=\"m9 12 2 2 4-4\" \/>\n <\/svg>\n );\n case \"users\":\n return (\n <svg {...svgProps}>\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" \/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" \/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" \/>\n <\/svg>\n );\n case \"book-open\":\n return (\n <svg {...svgProps}>\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" \/>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" \/>\n <\/svg>\n );\n case \"lightbulb\":\n return (\n <svg {...svgProps}>\n <path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\" \/>\n <path d=\"M9 18h6\" \/>\n <path d=\"M10 22h4\" \/>\n <\/svg>\n );\n case \"microscope\":\n return (\n <svg {...svgProps}>\n <path d=\"M6 18h8\" \/>\n <path d=\"M3 22h18\" \/>\n <path d=\"M14 22a7 7 0 1 0 0-14h-1\" \/>\n <path d=\"M9 14h2\" \/>\n <path d=\"M9 12a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2\" \/>\n <path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\" \/>\n <\/svg>\n );\n case \"file-text\":\n return (\n <svg {...svgProps}>\n <path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\" \/>\n <polyline points=\"14 2 14 8 20 8\" \/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\n <line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\" \/>\n <\/svg>\n );\n case \"sparkles\":\n return (\n <svg {...svgProps}>\n <path d=\"m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3L12 3z\" \/>\n <path d=\"M5 3v4\" \/>\n <path d=\"M19 17v4\" \/>\n <path d=\"M3 5h4\" \/>\n <path d=\"M17 19h4\" \/>\n <\/svg>\n );\n case \"palette\":\n return (\n <svg {...svgProps}>\n <circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\" \/>\n <circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\" \/>\n <circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" \/>\n <circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\" \/>\n <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.92 0 1.7-.72 1.7-1.63 0-.43-.17-.83-.44-1.13-.27-.3-.44-.7-.44-1.13 0-.91.78-1.64 1.7-1.64h2.48c3.31 0 6-2.69 6-6 0-5.52-4.5-10-10-10Z\" \/>\n <\/svg>\n );\n default:\n return null;\n }\n };\n\n const App = () => {\n const [selectedStrategy, setSelectedStrategy] = useState(0);\n\n const missions = [\n \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c \u0e21\u0e32\u0e15\u0e23\u0e32 16 \u0e41\u0e2b\u0e48\u0e07\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e1a\u0e31\u0e0d\u0e0d\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1e.\u0e28. 2551\",\n \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e01\u0e25\u0e44\u0e01\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\",\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48 \u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\",\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 \u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\",\n \"\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34 \u0e27\u0e31\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e08\u0e32\u0e01\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e2b\u0e27\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\",\n \"\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21 \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e17\u0e33\u0e19\u0e38\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e28\u0e32\u0e2a\u0e19\u0e32 \u0e28\u0e34\u0e25\u0e1b\u0e30\u0e41\u0e25\u0e30\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e2d\u0e19\u0e38\u0e23\u0e31\u0e01\u0e29\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\"\n ];\n\n const strategiesData = [\n {\n id: 1,\n title: \"\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 1: \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\",\n icon: \"layers\",\n color: \"from-blue-600 to-indigo-700\",\n badgeColor: \"bg-blue-100 text-blue-700\",\n goals: [\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e2d\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e31\u0e49\u0e07\u0e17\u0e32\u0e07\u0e15\u0e23\u0e07\u0e41\u0e25\u0e30\u0e17\u0e32\u0e07\u0e2d\u0e49\u0e2d\u0e21\",\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e2f \u0e1a\u0e23\u0e23\u0e25\u0e38\u0e15\u0e32\u0e21\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c \u0e41\u0e25\u0e30\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\"\n ],\n strategies: [\n \"\u0e01\u0e33\u0e01\u0e31\u0e1a \u0e08\u0e31\u0e14\u0e2b\u0e32 \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e0b\u0e48\u0e2d\u0e21\u0e41\u0e0b\u0e21 \u0e23\u0e30\u0e14\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d \u0e2a\u0e23\u0e23\u0e2b\u0e32\u0e17\u0e38\u0e19\u0e2d\u0e38\u0e14\u0e2b\u0e19\u0e38\u0e19 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e27\u0e31\u0e2a\u0e14\u0e38 \u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e41\u0e25\u0e30\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21 \u0e43\u0e2b\u0e49\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c \u0e17\u0e1a\u0e17\u0e27\u0e19 \u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c (Vision) \u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\",\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\"\n ],\n indicators: [\n \"\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\",\n \"\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e41\u0e01\u0e49\u0e44\u0e02 \u0e08\u0e31\u0e14\u0e2b\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\"\n ],\n plans: [\n \"\u0e08\u0e31\u0e14\u0e2b\u0e32 \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e0b\u0e48\u0e2d\u0e21\u0e41\u0e0b\u0e21 \u0e23\u0e30\u0e14\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d \u0e2a\u0e23\u0e23\u0e2b\u0e32\u0e17\u0e38\u0e19\u0e2d\u0e38\u0e14\u0e2b\u0e19\u0e38\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e27\u0e31\u0e2a\u0e14\u0e38 \u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e41\u0e25\u0e30\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e08\u0e31\u0e14\u0e17\u0e33\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49\u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e1a\u0e31\u0e0d\u0e0d\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1e.\u0e28. 2551\",\n \"\u0e08\u0e31\u0e14\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 \u0e2a\u0e31\u0e21\u0e21\u0e19\u0e32 \u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 \u0e01\u0e32\u0e23\u0e04\u0e25\u0e31\u0e07 \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e2a\u0e14\u0e38\",\n \"\u0e08\u0e31\u0e14\u0e17\u0e33 MOU \u0e01\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\",\n \"\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\"\n ]\n },\n {\n id: 2,\n title: \"\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 2: \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e01\u0e25\u0e44\u0e01\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\",\n icon: \"shield-check\",\n color: \"from-emerald-600 to-teal-700\",\n badgeColor: \"bg-emerald-100 text-emerald-700\",\n goals: [\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e1a\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\",\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 AUN - QA\"\n ],\n strategies: [\n \"\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e19\u0e33 \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\",\n \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e30\u0e1a\u0e1a I P O O (Input Process Output Outcome)\",\n \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e44\u0e01\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e P D C A\",\n \"\u0e19\u0e33\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e20\u0e32\u0e22\u0e43\u0e19 \u0e15\u0e32\u0e21\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e AUN \u2013 QA \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\"\n ],\n indicators: [\n \"\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5 \u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\",\n \"\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\"\n ],\n plans: [\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 \u0e41\u0e25\u0e30\u0e19\u0e33\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e20\u0e32\u0e22\u0e43\u0e19 \u0e21\u0e32\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e30\u0e1a\u0e1a \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 AUN-QA\",\n \"\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23 \u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e44\u0e01\u0e25\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 AUN-QA\",\n \"\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e19\u0e33\u0e1c\u0e25\u0e21\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\"\n ]\n },\n {\n id: 3,\n title: \"\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 3: \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\",\n icon: \"users\",\n color: \"from-violet-600 to-purple-700\",\n badgeColor: \"bg-violet-100 text-violet-700\",\n goals: [\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 \u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e15\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\"\n ],\n strategies: [\n \"\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21 \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48 \u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\"\n ],\n indicators: [\n \"\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5 \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e15\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\",\n \"\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2b\u0e21\u0e32\u0e22\u0e2a\u0e39\u0e07\u0e02\u0e36\u0e49\u0e19\"\n ],\n plans: [\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e04\u0e23\u0e39\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e43\u0e2b\u0e49\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48 \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2b\u0e21\u0e32\u0e22 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\"\n ]\n },\n {\n id: 4,\n title: \"\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 4: \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\",\n icon: \"book-open\",\n color: \"from-amber-600 to-orange-700\",\n badgeColor: \"bg-amber-100 text-amber-700\",\n goals: [\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07 \u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\"\n ],\n strategies: [\n \"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 \u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e01\u0e49\u0e32\u0e27\u0e17\u0e31\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\"\n ],\n indicators: [\n \"\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30\u0e02\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 \u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07 \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\",\n \"\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\"\n ],\n plans: [\n \"\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2a\u0e31\u0e21\u0e21\u0e19\u0e32 \u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\",\n \"\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21 \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\"\n ]\n },\n {\n id: 5,\n title: \"\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 5: \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e27\u0e31\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\",\n icon: \"lightbulb\",\n color: \"from-cyan-600 to-blue-700\",\n badgeColor: \"bg-cyan-100 text-cyan-700\",\n goals: [\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e1a\u0e1a Active Learning\",\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e27\u0e31\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25 \u0e01\u0e32\u0e23\u0e19\u0e34\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e25 \u0e15\u0e32\u0e21\u0e2a\u0e20\u0e32\u0e1e\u0e08\u0e23\u0e34\u0e07\"\n ],\n strategies: [\n \"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d\",\n \"\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34 \u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e17\u0e31\u0e01\u0e29\u0e30\u0e28\u0e15\u0e27\u0e23\u0e23\u0e29\u0e17\u0e35\u0e48 21\",\n \"\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e43\u0e0a\u0e49\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e10\u0e32\u0e19 (Active Learning)\",\n \"\u0e27\u0e31\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e2b\u0e27\u0e31\u0e07 \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 \u0e01\u0e32\u0e23\u0e27\u0e31\u0e14 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e08\u0e32\u0e01\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e15\u0e32\u0e21\u0e2a\u0e20\u0e32\u0e1e\u0e08\u0e23\u0e34\u0e07\"\n ],\n indicators: [\n \"\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e27\u0e31\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e08\u0e32\u0e01\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e15\u0e32\u0e21\u0e2a\u0e20\u0e32\u0e1e\u0e08\u0e23\u0e34\u0e07\",\n \"\u0e08\u0e33\u0e19\u0e27\u0e19\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e20\u0e32\u0e04\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e1a\u0e1a Active Learning \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01\"\n ],\n plans: [\n \"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e17\u0e31\u0e49\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19\u0e41\u0e25\u0e30\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e14\u0e39\u0e07\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e21\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07 Active Learning\",\n \"\u0e27\u0e31\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e08\u0e32\u0e01\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e15\u0e32\u0e21\u0e2a\u0e20\u0e32\u0e1e\u0e08\u0e23\u0e34\u0e07 \u0e42\u0e14\u0e22\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\",\n \"\u0e19\u0e34\u0e40\u0e17\u0e28 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\"\n ]\n },\n {\n id: 6,\n title: \"\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 6: \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\",\n icon: \"microscope\",\n color: \"from-rose-600 to-pink-700\",\n badgeColor: \"bg-rose-100 text-rose-700\",\n goals: [\n \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e1c\u0e39\u0e49\u0e2a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e17\u0e33\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e2a\u0e39\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e07\u0e04\u0e21\"\n ],\n strategies: [\n \"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21 \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e23\u0e30\u0e14\u0e21\u0e17\u0e38\u0e19 \u0e2a\u0e23\u0e23\u0e2b\u0e32\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\"\n ],\n indicators: [\n \"\u0e08\u0e33\u0e19\u0e27\u0e19\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\",\n \"\u0e01\u0e32\u0e23\u0e19\u0e33\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e15\u0e48\u0e2d\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e07\u0e04\u0e21\"\n ],\n plans: [\n \"\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\"\n ]\n }\n ];\n\n const currentStrat = strategiesData[selectedStrategy];\n\n return (\n <div className=\"space-y-8 pb-12\">\n \n {\/* HEADER SECTION *\/}\n <div className=\"relative bg-gradient-to-br from-slate-900 via-blue-950 to-indigo-900 rounded-3xl shadow-2xl overflow-hidden p-8 md:p-12 animate-fade-in text-white border border-slate-800\">\n <div className=\"absolute top-0 right-0 -mr-20 -mt-20 w-80 h-80 bg-blue-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob\"><\/div>\n <div className=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-indigo-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-2000\"><\/div>\n \n <div className=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8\">\n <div className=\"space-y-4 text-center md:text-left max-w-3xl\">\n <div className=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-500\/20 border border-blue-400\/30 text-blue-200 text-sm font-medium backdrop-blur-sm\">\n <Icon name=\"sparkles\" size={16} className=\"text-amber-400\" \/>\n \u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 \u0e1e.\u0e28. 2569 - 2572\n <\/div>\n \n <h1 className=\"text-3xl md:text-5xl font-extrabold tracking-tight leading-tight text-white\">\n \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<br\/>\n <span className=\"text-transparent bg-clip-text bg-gradient-to-r from-amber-200 via-yellow-300 to-amber-400 animate-shine\">\n \u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5\n <\/span>\n <\/h1>\n \n <p className=\"text-slate-300 text-base md:text-lg font-light leading-relaxed\">\n Institute of Vocational Education Central Region 5\n <\/p>\n <\/div>\n\n <div className=\"relative animate-float shrink-0 hidden md:block\">\n <div className=\"p-6 bg-white\/10 backdrop-blur-md rounded-2xl border border-white\/20 shadow-2xl\">\n <Icon name=\"award\" size={72} className=\"text-amber-300\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n {\/* VISION & PHILOSOPHY SECTION *\/}\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n {\/* Vision Card *\/}\n <div className=\"bg-gradient-to-br from-blue-600 to-blue-800 rounded-2xl p-6 text-white shadow-lg relative overflow-hidden group\">\n <div className=\"absolute -right-4 -bottom-4 opacity-10 group-hover:scale-110 transition-transform duration-500\">\n <Icon name=\"eye\" size={140} \/>\n <\/div>\n <div className=\"relative z-10 space-y-3\">\n <div className=\"flex items-center gap-2 text-blue-200\">\n <Icon name=\"eye\" size={22} \/>\n <h3 className=\"font-bold text-sm uppercase tracking-wider text-blue-200\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c (Vision)<\/h3>\n <\/div>\n <p className=\"text-xl md:text-2xl font-bold leading-relaxed text-white\">\n \"\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\"\n <\/p>\n <\/div>\n <\/div>\n\n {\/* Educational Philosophy Card *\/}\n <div className=\"bg-gradient-to-br from-amber-500 to-orange-600 rounded-2xl p-6 text-white shadow-lg relative overflow-hidden group\">\n <div className=\"absolute -right-4 -bottom-4 opacity-10 group-hover:scale-110 transition-transform duration-500\">\n <Icon name=\"award\" size={140} \/>\n <\/div>\n <div className=\"relative z-10 space-y-3\">\n <div className=\"flex items-center gap-2 text-amber-100\">\n <Icon name=\"award\" size={22} \/>\n <h3 className=\"font-bold text-sm uppercase tracking-wider text-amber-100\">\u0e1b\u0e23\u0e31\u0e0a\u0e0d\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (Educational Philosophy)<\/h3>\n <\/div>\n <p className=\"text-xl md:text-2xl font-bold leading-relaxed text-white\">\n \"\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\"<br\/>\n <span className=\"text-lg md:text-xl font-normal opacity-90 text-amber-100\">(Competency by Practice)<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n {\/* MISSION SECTION *\/}\n <div className=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-slate-200\">\n <div className=\"flex items-center gap-3 mb-6 pb-4 border-b border-slate-100\">\n <div className=\"p-2.5 bg-blue-50 text-blue-600 rounded-xl\">\n <Icon name=\"rocket\" size={24} \/>\n <\/div>\n <div>\n <h2 className=\"text-2xl font-bold text-slate-800\">\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 (Mission)<\/h2>\n <p className=\"text-slate-500 text-sm\">\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/p>\n <\/div>\n <\/div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {missions.map((mission, idx) => (\n <div key={idx} className=\"flex gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-200 hover:bg-blue-50\/30 transition-all duration-200\">\n <div className=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-600 text-white flex items-center justify-center font-bold text-sm shadow-sm\">\n {idx + 1}\n <\/div>\n <p className=\"text-slate-700 leading-relaxed font-light text-sm md:text-base\">\n {mission}\n <\/p>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n {\/* SYMBOLS SECTION *\/}\n <div className=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-slate-200\">\n <div className=\"flex items-center gap-3 mb-6 pb-4 border-b border-slate-100\">\n <div className=\"p-2.5 bg-purple-50 text-purple-600 rounded-xl\">\n <Icon name=\"palette\" size={24} \/>\n <\/div>\n <div>\n <h2 className=\"text-2xl font-bold text-slate-800\">\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/h2>\n <p className=\"text-slate-500 text-sm\">\u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 \u0e18\u0e07 \u0e41\u0e25\u0e30\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/p>\n <\/div>\n <\/div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n {\/* Color & Flag *\/}\n <div className=\"space-y-6\">\n <div className=\"p-5 bg-slate-50 rounded-xl border border-slate-100 space-y-3\">\n <h3 className=\"font-bold text-lg text-slate-800 flex items-center gap-2\">\n <span className=\"w-4 h-4 rounded-full bg-gradient-to-r from-sky-400 to-blue-600 inline-block\"><\/span>\n \u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 : \u0e2a\u0e35\u0e1f\u0e49\u0e32 - \u0e02\u0e32\u0e27\n <\/h3>\n <ul className=\"space-y-2 text-sm text-slate-700 leading-relaxed pl-2\">\n <li>\n <strong className=\"text-sky-600\">\u0e2a\u0e35\u0e1f\u0e49\u0e32:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e04\u0e27\u0e32\u0e21\u0e08\u0e23\u0e34\u0e07\u0e43\u0e08\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07 \u0e21\u0e31\u0e48\u0e07\u0e04\u0e31\u0e48\u0e07 \u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 (\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e17\u0e30\u0e40\u0e25\u0e02\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07 4 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14)\n <\/li>\n <li>\n <strong className=\"text-slate-500\">\u0e2a\u0e35\u0e02\u0e32\u0e27:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c \u0e2a\u0e38\u0e08\u0e23\u0e34\u0e15 \u0e40\u0e17\u0e35\u0e48\u0e22\u0e07\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e19\n <\/li>\n <\/ul>\n <\/div>\n\n <div className=\"p-5 bg-slate-50 rounded-xl border border-slate-100 space-y-3\">\n <h3 className=\"font-bold text-lg text-slate-800 flex items-center gap-2\">\n <Icon name=\"sparkles\" size={20} className=\"text-blue-600\" \/>\n \u0e18\u0e07\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\n <\/h3>\n <div className=\"mb-3 rounded-lg overflow-hidden shadow-sm border border-slate-200\">\n <img decoding=\"async\" \n src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-08-175537.png\" \n alt=\"\u0e18\u0e07\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\" \n className=\"w-full h-44 object-cover hover:scale-105 transition-transform duration-500\"\n onError={(e) => {\n e.target.onerror = null;\n e.target.src = \"https:\/\/placehold.co\/600x300\/e2e8f0\/475569?text=Flag+Image\";\n }}\n \/>\n <\/div>\n <p className=\"text-xs md:text-sm text-slate-600 leading-relaxed\">\n \u0e18\u0e07\u0e2a\u0e35\u0e1f\u0e49\u0e32-\u0e02\u0e32\u0e27 \u0e2a\u0e37\u0e48\u0e2d\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e42\u0e14\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e17\u0e30\u0e40\u0e25\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 (\u0e2a\u0e35\u0e1f\u0e49\u0e32) \u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e2b\u0e25\u0e31\u0e01\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e18\u0e23\u0e23\u0e21\u0e32\u0e20\u0e34\u0e1a\u0e32\u0e25 (\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07)\n <\/p>\n <\/div>\n <\/div>\n\n {\/* Tree *\/}\n <div className=\"p-5 bg-emerald-50\/50 rounded-xl border border-emerald-100 flex flex-col justify-between space-y-4\">\n <div>\n <div className=\"flex items-center gap-2 text-emerald-800 font-bold text-lg mb-3\">\n <Icon name=\"sparkles\" size={20} className=\"text-emerald-600\" \/>\n <h3 className=\"text-emerald-800\">\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 : \u0e15\u0e49\u0e19\u0e08\u0e34\u0e01\u0e17\u0e30\u0e40\u0e25<\/h3>\n <\/div>\n \n <div className=\"mb-3 rounded-lg overflow-hidden shadow-sm border border-emerald-200\">\n <img decoding=\"async\" \n src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/43d4317cdf0b5af8299b9be12b5723f91006f109.jpg\" \n alt=\"\u0e15\u0e49\u0e19\u0e08\u0e34\u0e01\u0e17\u0e30\u0e40\u0e25\" \n className=\"w-full h-44 object-cover hover:scale-105 transition-transform duration-500\"\n onError={(e) => {\n e.target.onerror = null;\n e.target.src = \"https:\/\/placehold.co\/600x300\/e2e8f0\/475569?text=Barringtonia+asiatica\";\n }}\n \/>\n <div className=\"bg-emerald-800 text-white text-xs py-1 px-3 text-center italic font-mono\">\n Barringtonia asiatica\n <\/div>\n <\/div>\n\n <p className=\"text-xs md:text-sm text-slate-700 leading-relaxed mb-4\">\n \u0e44\u0e21\u0e49\u0e22\u0e37\u0e19\u0e15\u0e49\u0e19\u0e23\u0e34\u0e21\u0e17\u0e30\u0e40\u0e25\u0e2d\u0e48\u0e32\u0e27\u0e44\u0e17\u0e22 \u0e2a\u0e39\u0e07\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 10 \u0e40\u0e21\u0e15\u0e23 \u0e41\u0e1c\u0e48\u0e01\u0e34\u0e48\u0e07\u0e01\u0e49\u0e32\u0e19\u0e2a\u0e32\u0e02\u0e32 \u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\/\u0e40\u0e17\u0e32 \u0e43\u0e1a\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e21\u0e31\u0e19\u0e27\u0e32\u0e27 \u0e14\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e40\u0e01\u0e2a\u0e23\u0e0a\u0e21\u0e1e\u0e39 \u0e1c\u0e25\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\n <\/p>\n\n <div className=\"bg-white p-4 rounded-lg border border-emerald-100 space-y-2\">\n <p className=\"font-semibold text-xs md:text-sm text-emerald-900\">\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22\u0e2d\u0e31\u0e19\u0e17\u0e23\u0e07\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32:<\/p>\n <ul className=\"space-y-1.5 text-xs md:text-sm text-slate-600\">\n <li className=\"flex items-center gap-2\">\n <span className=\"w-1.5 h-1.5 rounded-full bg-emerald-500\"><\/span>\n \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e17\u0e35\u0e48\u0e21\u0e35\u0e43\u0e19 4 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\n <\/li>\n <li className=\"flex items-center gap-2\">\n <span className=\"w-1.5 h-1.5 rounded-full bg-emerald-500\"><\/span>\n <span><strong className=\"text-slate-700\">\u0e01\u0e34\u0e48\u0e07\u0e01\u0e49\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e01\u0e32\u0e23\u0e42\u0e2d\u0e1a\u0e2d\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e23\u0e35 \u0e14\u0e39\u0e41\u0e25\u0e2a\u0e23\u0e23\u0e1e\u0e2a\u0e34\u0e48\u0e07<\/span>\n <\/li>\n <li className=\"flex items-center gap-2\">\n <span className=\"w-1.5 h-1.5 rounded-full bg-emerald-500\"><\/span>\n <span><strong className=\"text-slate-700\">\u0e40\u0e01\u0e2a\u0e23\u0e14\u0e2d\u0e01\u0e41\u0e15\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e1d\u0e2d\u0e22:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19<\/span>\n <\/li>\n <li className=\"flex items-center gap-2\">\n <span className=\"w-1.5 h-1.5 rounded-full bg-emerald-500\"><\/span>\n <span><strong className=\"text-slate-700\">\u0e1c\u0e25\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e48\u0e21\u0e40\u0e07\u0e32\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e2d\u0e37\u0e48\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n {\/* STRATEGIES SECTION *\/}\n <div className=\"space-y-6\">\n <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n <div>\n <h2 className=\"text-2xl font-bold text-slate-800 flex items-center gap-3\">\n <div className=\"p-2 bg-indigo-50 text-indigo-600 rounded-xl\">\n <Icon name=\"compass\" size={24} \/>\n <\/div>\n \u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 (6 \u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c)\n <\/h2>\n <p className=\"text-slate-500 text-sm mt-1\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1b\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c \u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14 \u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19<\/p>\n <\/div>\n <\/div>\n\n {\/* Strategy Tabs *\/}\n <div className=\"flex gap-2 overflow-x-auto custom-scrollbar pb-2 pt-1\">\n {strategiesData.map((strat, idx) => (\n <button\n key={strat.id}\n onClick={() => setSelectedStrategy(idx)}\n className={`flex items-center gap-2.5 px-5 py-3 rounded-xl font-medium text-sm whitespace-nowrap transition-all duration-200 shrink-0 border ${\n selectedStrategy === idx\n ? \"bg-slate-900 text-white border-slate-900 shadow-md\"\n : \"bg-white text-slate-600 border-slate-200 hover:bg-slate-100 hover:text-slate-900\"\n }`}\n >\n <Icon name={strat.icon} size={18} className={selectedStrategy === idx ? \"text-amber-400\" : \"text-slate-400\"} \/>\n <span className={selectedStrategy === idx ? \"text-white\" : \"text-slate-600\"}>\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48 {strat.id}<\/span>\n <\/button>\n ))}\n <\/div>\n\n {\/* Active Strategy Content Detail Card *\/}\n <div className=\"bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden animate-fade-in key={currentStrat.id}\">\n {\/* Strategy Header Banner *\/}\n <div className={`bg-gradient-to-r ${currentStrat.color} p-6 text-white`}>\n <div className=\"flex items-center gap-3\">\n <div className=\"p-3 bg-white\/10 rounded-xl backdrop-blur-md\">\n <Icon name={currentStrat.icon} size={28} \/>\n <\/div>\n <div>\n <span className=\"text-xs font-semibold uppercase tracking-wider text-white\/80\">Strategy {currentStrat.id}<\/span>\n <h3 className=\"text-xl md:text-2xl font-bold text-white\">{currentStrat.title}<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n {\/* Details Grid *\/}\n <div className=\"p-6 md:p-8 space-y-8\">\n \n {\/* 1. Goals *\/}\n <div className=\"space-y-3\">\n <h4 className=\"text-lg font-bold text-slate-800 flex items-center gap-2\">\n <Icon name=\"target\" size={20} className=\"text-indigo-600\" \/>\n \u0e40\u0e1b\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\n <\/h4>\n <div className=\"grid grid-cols-1 gap-2.5\">\n {currentStrat.goals.map((goal, idx) => (\n <div key={idx} className=\"flex items-start gap-3 p-3.5 rounded-xl bg-slate-50 border border-slate-100\">\n <Icon name=\"check-circle\" size={18} className=\"text-emerald-500 shrink-0 mt-0.5\" \/>\n <span className=\"text-slate-700 text-sm md:text-base leading-relaxed\">{goal}<\/span>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n {\/* 2. Strategies \/ Tactics *\/}\n <div className=\"space-y-3\">\n <h4 className=\"text-lg font-bold text-slate-800 flex items-center gap-2\">\n <Icon name=\"compass\" size={20} className=\"text-blue-600\" \/>\n \u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\n <\/h4>\n <div className=\"grid grid-cols-1 gap-2.5\">\n {currentStrat.strategies.map((strat, idx) => (\n <div key={idx} className=\"flex items-start gap-3 p-3.5 rounded-xl bg-blue-50\/50 border border-blue-100\/60\">\n <span className=\"w-6 h-6 rounded-full bg-blue-100 text-blue-700 flex items-center justify-center text-xs font-bold shrink-0 mt-0.5\">\n {idx + 1}\n <\/span>\n <span className=\"text-slate-700 text-sm md:text-base leading-relaxed\">{strat}<\/span>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n {\/* 3. Indicators *\/}\n <div className=\"space-y-3\">\n <h4 className=\"text-lg font-bold text-slate-800 flex items-center gap-2\">\n <Icon name=\"check-circle\" size={20} className=\"text-amber-600\" \/>\n \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\n <\/h4>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n {currentStrat.indicators.map((indicator, idx) => (\n <div key={idx} className=\"p-4 rounded-xl bg-amber-50\/40 border border-amber-200\/50 flex items-start gap-3\">\n <div className=\"w-2 h-2 rounded-full bg-amber-500 mt-2 shrink-0\"><\/div>\n <span className=\"text-slate-700 text-sm md:text-base leading-relaxed\">{indicator}<\/span>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n {\/* 4. Action Plans *\/}\n <div className=\"space-y-3 pt-2\">\n <h4 className=\"text-lg font-bold text-slate-800 flex items-center gap-2\">\n <Icon name=\"file-text\" size={20} className=\"text-purple-600\" \/>\n \u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\n <\/h4>\n <div className=\"space-y-2\">\n {currentStrat.plans.map((plan, idx) => (\n <div key={idx} className=\"flex items-start gap-3 p-3.5 rounded-xl bg-purple-50\/30 border border-purple-100\/60 hover:bg-purple-50\/60 transition-colors\">\n <span className=\"text-purple-600 font-bold text-sm shrink-0 mt-0.5\">\n [{idx + 1}]\n <\/span>\n <span className=\"text-slate-700 text-sm md:text-base leading-relaxed\">{plan}<\/span>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n {\/* FOOTER *\/}\n <div className=\"text-center text-slate-400 text-xs py-4 border-t border-slate-200\">\n \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5 \u00a9 \u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e1e.\u0e28. 2569 - 2572\n <\/div>\n\n <\/div>\n );\n };\n\n const root = ReactDOM.createRoot(document.getElementById('vocational-root'));\n root.render(<App \/>);\n <\/script>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n<p>Views: 73<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5 (\u0e1e.\u0e28. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":19,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":20564,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/73\/revisions\/20564"}],"wp:attachment":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/media?parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}