\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 WCMS<\/title>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Prompt:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<script id=\"tailwind-config\">\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n \"primary\": \"#f2f20d\",\r\n \"background-light\": \"#f8f8f5\",\r\n \"background-dark\": \"#222210\",\r\n },\r\n fontFamily: {\r\n \"display\": [\"Inter\", \"Prompt\", \"sans-serif\"],\r\n \"body\": [\"Sarabun\", \"sans-serif\"]\r\n },\r\n borderRadius: {\r\n \"DEFAULT\": \"0.25rem\",\r\n \"lg\": \"0.5rem\",\r\n \"xl\": \"0.75rem\",\r\n \"full\": \"9999px\"\r\n },\r\n },\r\n },\r\n }\r\n <\/script>\r\n<style>\r\n .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n }\r\n h1, h2, h3, h4, .font-prompt { font-family: 'Prompt', 'Inter', sans-serif; }\r\n body { font-family: 'Sarabun', 'Inter', sans-serif; }\r\n\r\n a,\r\n a:link,\r\n a:visited,\r\n a:hover,\r\n a:focus,\r\n a:active {\r\n text-decoration: none !important;\r\n text-decoration-line: none !important;\r\n -webkit-text-decoration: none !important;\r\n -webkit-text-decoration-line: none !important;\r\n border-bottom: 0 !important;\r\n box-shadow: none !important;\r\n background-image: none !important;\r\n }\r\n\r\n a::before,\r\n a::after {\r\n content: none !important;\r\n display: none !important;\r\n }\r\n\r\n a[x-apple-data-detectors],\r\n a[x-apple-data-detectors]:hover,\r\n a[x-apple-data-detectors]:focus,\r\n a[x-apple-data-detectors]:visited {\r\n text-decoration: none !important;\r\n -webkit-text-decoration: none !important;\r\n border-bottom: 0 !important;\r\n color: inherit !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark text-[#1c1c0d] dark:text-gray-100 transition-colors duration-300\">\r\n\r\n<div class=\"relative flex min-h-screen w-full flex-col overflow-x-hidden\">\r\n\r\n<main class=\"flex-grow\">\r\n\r\n<section class=\"relative w-full h-[450px] overflow-hidden\">\r\n<div class=\"absolute inset-0 bg-cover bg-center\" data-alt=\"Yellow industrial crane at sunset construction site\" style=\"background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)), url('https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD6qJZYkaL2mQviq1r3aFcKew-Cof1_KY_yUcZD8aYNhiLd3FJ9VxFc_KdDI8n2j4mv6OPb5zAt_-PjtjkjEKfpUv2Od3WOY-nVoU6ioCxsYfcIG4R6biGssh6vsaxyTBOcZ9H7gvRrNTWBKTcMwTruXJbrXE4z2uy4pw-1c-hPeeyLg3CK8tpY12Wh0jaz1C5X9ErWThRGo61bP2YDes4AbYPTLnD5LTBMtQNvCPJju-0LtvZg18_Nf-3zjxWdH36b6IBTKGE51Q');\"><\/div>\r\n<div class=\"relative z-10 flex h-full flex-col items-center justify-center px-4 text-center\">\r\n<h1 class=\"text-white text-4xl md:text-6xl font-black leading-tight tracking-[-0.033em] mb-6 font-prompt\">\r\n \u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e40\u0e27\u0e34\u0e23\u0e4c\u0e04\u0e40\u0e04\u0e23\u0e19\r\n <\/h1>\r\n<p class=\"text-gray-200 text-lg md:text-xl max-w-3xl font-body leading-relaxed\">\r\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e22\u0e01\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25 \u0e14\u0e49\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e04\u0e27\u0e32\u0e21\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <\/p>\r\n<div class=\"mt-10 flex gap-4\">\r\n<p class=\"bg-primary text-[#1c1c0d] font-bold px-8 py-3 rounded-lg text-lg hover:shadow-lg transition-all font-prompt\">\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"py-20 px-6 lg:px-40 bg-background-light dark:bg-background-dark\">\r\n<div class=\"max-w-7xl mx-auto\">\r\n<div class=\"mb-16 text-center md:text-left flex flex-col md:flex-row justify-between items-end gap-6\">\r\n<div class=\"max-w-[720px]\">\r\n<h2 class=\"text-[#1c1c0d] dark:text-white text-3xl md:text-4xl font-black leading-tight mb-4 font-prompt\">\r\n \u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\r\n <\/h2>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-lg font-body\">\r\n \u0e40\u0e23\u0e32\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25\r\n <\/p>\r\n<\/div>\r\n<div class=\"hidden md:block h-1 w-24 bg-primary mb-2\"><\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">engineering<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e07\u0e32\u0e19\u0e22\u0e01<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e40\u0e23\u0e32\u0e21\u0e35\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e07\u0e32\u0e19\u0e22\u0e01\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e31\u0e01 \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e02\u0e31\u0e1a\u0e23\u0e16\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e04\u0e23\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e17\u0e31\u0e49\u0e07\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">precision_manufacturing<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\r\n \u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e <br \/>\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\r\n<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e17\u0e38\u0e01\u0e04\u0e31\u0e19\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e22\u0e01\u0e17\u0e35\u0e48\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07 \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">verified_user<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07 (Safety First)<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01 \u0e21\u0e35\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">schedule<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e23\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e27\u0e25\u0e32 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e40\u0e23\u0e32\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e25\u0e32\u0e43\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e08\u0e36\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e01\u0e33\u0e2b\u0e19\u0e14\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300 lg:col-span-1 md:col-span-2\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">payments<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e23\u0e32\u0e04\u0e32\u0e22\u0e38\u0e15\u0e34\u0e18\u0e23\u0e23\u0e21 \u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e15\u0e25\u0e2d\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e21\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e32\u0e04\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e41\u0e08\u0e49\u0e07\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e41\u0e2d\u0e1a\u0e41\u0e1d\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e39\u0e41\u0e25\u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e07\u0e32\u0e19\u0e08\u0e19\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"py-20 px-6 lg:px-40\">\r\n<div class=\"relative overflow-hidden rounded-3xl bg-zinc-900 dark:bg-zinc-800 p-10 md:p-20\">\r\n<div class=\"absolute top-0 right-0 w-1\/3 h-full opacity-10 pointer-events-none\">\r\n<svg class=\"w-full h-full\" fill=\"currentColor\" viewbox=\"0 0 100 100\">\r\n<pattern height=\"10\" id=\"grid\" patternunits=\"userSpaceOnUse\" width=\"10\">\r\n<path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"><\/path>\r\n<\/pattern>\r\n<rect fill=\"url(#grid)\" height=\"100\" width=\"100\"><\/rect>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"relative z-10 flex flex-col items-center text-center gap-8\">\r\n<h2 class=\"text-white text-3xl md:text-5xl font-bold leading-tight max-w-2xl font-prompt\">\r\n \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?\r\n <\/h2>\r\n<p class=\"text-gray-400 text-lg max-w-xl font-body\">\r\n \u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e04\u0e38\u0e13\r\n <\/p>\r\n<div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 w-full\">\r\n<a class=\"flex min-w-[240px] cursor-pointer items-center justify-center rounded-lg h-14 px-8 bg-primary text-[#1c1c0d] text-lg font-black tracking-wide hover:scale-105 transition-all shadow-xl font-prompt uppercase\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\r\n \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n<\/a>\r\n<a class=\"flex min-w-[240px] cursor-pointer items-center justify-center rounded-lg h-14 px-8 bg-white\/10 border border-white\/20 text-white text-lg font-black tracking-wide hover:bg-white\/20 hover:text-white transition-all shadow-xl font-prompt uppercase\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/\">\r\n \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n <footer class=\"bg-black text-white py-16\">\r\n <div class=\"max-w-[1280px] mx-auto px-6 md:px-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6 flex flex-col gap-6\">\r\n <div class=\"flex items-center gap-2 text-primary\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M4 42.4379C4 42.4379 14.0962 36.0744 24 41.1692C35.0664 46.8624 44 42.2078 44 42.2078L44 7.01134C44 7.01134 35.068 11.6577 24.0031 5.96913C14.0971 0.876274 4 7.27094 4 7.27094L4 42.4379Z\" fill=\"currentColor\"><\/path>\r\n <\/svg>\r\n <span class=\"text-2xl font-black\">WCMS<\/span>\r\n <\/div>\r\n <p class=\"text-gray-300 text-sm leading-relaxed\">\r\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e22\u0e01\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e25\u0e31\u0e14<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-221\/\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-226\/\">\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/portfolio\/\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/about\/\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/articles\/\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/\">\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e1b\u0e17\u0e38\u0e21\u0e18\u0e32\u0e19\u0e35, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span class=\"text-gray-300\">063‌-‌939‌-‌1515<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span class=\"text-gray-300\">tamonpat‌@‌workcrane‌.‌co‌.‌th<\/span>\r\n <\/li>\r\n <br>\r\n\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e2a\u0e32\u0e04\u0e23, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span class=\"text-gray-300\">088‌-‌079‌-‌5555, 034‌-‌136‌-‌209<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span class=\"text-gray-300\">workcrane2017‌@‌gmail‌.‌com<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h5>\r\n <div class=\"bg-white\/8 border border-white\/10 p-4 rounded-lg\">\r\n <div class=\"flex justify-between text-xs mb-2\">\r\n <span>\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e40\u0e2a\u0e32\u0e23\u0e4c:<\/span>\r\n <span class=\"text-primary font-bold\">08:00 - 18:00<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs\">\r\n <span>\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c:<\/span>\r\n <span class=\"text-gray-500\">\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/footer>\r\n<\/div>\r\n<\/body><\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":48,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":1657,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions\/1657"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 WCMS<\/title>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Prompt:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<script id=\"tailwind-config\">\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n \"primary\": \"#f2f20d\",\r\n \"background-light\": \"#f8f8f5\",\r\n \"background-dark\": \"#222210\",\r\n },\r\n fontFamily: {\r\n \"display\": [\"Inter\", \"Prompt\", \"sans-serif\"],\r\n \"body\": [\"Sarabun\", \"sans-serif\"]\r\n },\r\n borderRadius: {\r\n \"DEFAULT\": \"0.25rem\",\r\n \"lg\": \"0.5rem\",\r\n \"xl\": \"0.75rem\",\r\n \"full\": \"9999px\"\r\n },\r\n },\r\n },\r\n }\r\n <\/script>\r\n<style>\r\n .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n }\r\n h1, h2, h3, h4, .font-prompt { font-family: 'Prompt', 'Inter', sans-serif; }\r\n body { font-family: 'Sarabun', 'Inter', sans-serif; }\r\n\r\n a,\r\n a:link,\r\n a:visited,\r\n a:hover,\r\n a:focus,\r\n a:active {\r\n text-decoration: none !important;\r\n text-decoration-line: none !important;\r\n -webkit-text-decoration: none !important;\r\n -webkit-text-decoration-line: none !important;\r\n border-bottom: 0 !important;\r\n box-shadow: none !important;\r\n background-image: none !important;\r\n }\r\n\r\n a::before,\r\n a::after {\r\n content: none !important;\r\n display: none !important;\r\n }\r\n\r\n a[x-apple-data-detectors],\r\n a[x-apple-data-detectors]:hover,\r\n a[x-apple-data-detectors]:focus,\r\n a[x-apple-data-detectors]:visited {\r\n text-decoration: none !important;\r\n -webkit-text-decoration: none !important;\r\n border-bottom: 0 !important;\r\n color: inherit !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark text-[#1c1c0d] dark:text-gray-100 transition-colors duration-300\">\r\n\r\n<div class=\"relative flex min-h-screen w-full flex-col overflow-x-hidden\">\r\n\r\n<main class=\"flex-grow\">\r\n\r\n<section class=\"relative w-full h-[450px] overflow-hidden\">\r\n<div class=\"absolute inset-0 bg-cover bg-center\" data-alt=\"Yellow industrial crane at sunset construction site\" style=\"background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)), url('https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD6qJZYkaL2mQviq1r3aFcKew-Cof1_KY_yUcZD8aYNhiLd3FJ9VxFc_KdDI8n2j4mv6OPb5zAt_-PjtjkjEKfpUv2Od3WOY-nVoU6ioCxsYfcIG4R6biGssh6vsaxyTBOcZ9H7gvRrNTWBKTcMwTruXJbrXE4z2uy4pw-1c-hPeeyLg3CK8tpY12Wh0jaz1C5X9ErWThRGo61bP2YDes4AbYPTLnD5LTBMtQNvCPJju-0LtvZg18_Nf-3zjxWdH36b6IBTKGE51Q');\"><\/div>\r\n<div class=\"relative z-10 flex h-full flex-col items-center justify-center px-4 text-center\">\r\n<h1 class=\"text-white text-4xl md:text-6xl font-black leading-tight tracking-[-0.033em] mb-6 font-prompt\">\r\n \u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e40\u0e27\u0e34\u0e23\u0e4c\u0e04\u0e40\u0e04\u0e23\u0e19\r\n <\/h1>\r\n<p class=\"text-gray-200 text-lg md:text-xl max-w-3xl font-body leading-relaxed\">\r\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e22\u0e01\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25 \u0e14\u0e49\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e04\u0e27\u0e32\u0e21\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <\/p>\r\n<div class=\"mt-10 flex gap-4\">\r\n<p class=\"bg-primary text-[#1c1c0d] font-bold px-8 py-3 rounded-lg text-lg hover:shadow-lg transition-all font-prompt\">\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"py-20 px-6 lg:px-40 bg-background-light dark:bg-background-dark\">\r\n<div class=\"max-w-7xl mx-auto\">\r\n<div class=\"mb-16 text-center md:text-left flex flex-col md:flex-row justify-between items-end gap-6\">\r\n<div class=\"max-w-[720px]\">\r\n<h2 class=\"text-[#1c1c0d] dark:text-white text-3xl md:text-4xl font-black leading-tight mb-4 font-prompt\">\r\n \u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\r\n <\/h2>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-lg font-body\">\r\n \u0e40\u0e23\u0e32\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25\r\n <\/p>\r\n<\/div>\r\n<div class=\"hidden md:block h-1 w-24 bg-primary mb-2\"><\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">engineering<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e07\u0e32\u0e19\u0e22\u0e01<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e40\u0e23\u0e32\u0e21\u0e35\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e07\u0e32\u0e19\u0e22\u0e01\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e31\u0e01 \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e02\u0e31\u0e1a\u0e23\u0e16\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e04\u0e23\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e17\u0e31\u0e49\u0e07\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">precision_manufacturing<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\r\n \u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e <br \/>\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\r\n<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e17\u0e38\u0e01\u0e04\u0e31\u0e19\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e22\u0e01\u0e17\u0e35\u0e48\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07 \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">verified_user<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07 (Safety First)<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01 \u0e21\u0e35\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">schedule<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e23\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e27\u0e25\u0e32 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e40\u0e23\u0e32\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e25\u0e32\u0e43\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e08\u0e36\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e01\u0e33\u0e2b\u0e19\u0e14\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"group flex flex-col gap-6 rounded-xl border border-[#e8e8ce] dark:border-zinc-800 bg-white dark:bg-[#1a1a0c] p-8 hover:shadow-xl transition-all duration-300 lg:col-span-1 md:col-span-2\">\r\n<div class=\"w-14 h-14 flex items-center justify-center rounded-lg bg-primary\/20 text-[#1c1c0d] dark:text-primary group-hover:bg-primary group-hover:text-[#1c1c0d] transition-colors\">\r\n<span class=\"material-symbols-outlined text-4xl\">payments<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col gap-3\">\r\n<h3 class=\"text-[#1c1c0d] dark:text-white text-xl font-bold font-prompt\">\u0e23\u0e32\u0e04\u0e32\u0e22\u0e38\u0e15\u0e34\u0e18\u0e23\u0e23\u0e21 \u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e15\u0e25\u0e2d\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h3>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-base leading-relaxed font-body\">\r\n \u0e21\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e32\u0e04\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e41\u0e08\u0e49\u0e07\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e41\u0e2d\u0e1a\u0e41\u0e1d\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e39\u0e41\u0e25\u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e07\u0e32\u0e19\u0e08\u0e19\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"py-20 px-6 lg:px-40\">\r\n<div class=\"relative overflow-hidden rounded-3xl bg-zinc-900 dark:bg-zinc-800 p-10 md:p-20\">\r\n<div class=\"absolute top-0 right-0 w-1\/3 h-full opacity-10 pointer-events-none\">\r\n<svg class=\"w-full h-full\" fill=\"currentColor\" viewbox=\"0 0 100 100\">\r\n<pattern height=\"10\" id=\"grid\" patternunits=\"userSpaceOnUse\" width=\"10\">\r\n<path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"><\/path>\r\n<\/pattern>\r\n<rect fill=\"url(#grid)\" height=\"100\" width=\"100\"><\/rect>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"relative z-10 flex flex-col items-center text-center gap-8\">\r\n<h2 class=\"text-white text-3xl md:text-5xl font-bold leading-tight max-w-2xl font-prompt\">\r\n \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?\r\n <\/h2>\r\n<p class=\"text-gray-400 text-lg max-w-xl font-body\">\r\n \u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e04\u0e38\u0e13\r\n <\/p>\r\n<div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 w-full\">\r\n<a class=\"flex min-w-[240px] cursor-pointer items-center justify-center rounded-lg h-14 px-8 bg-primary text-[#1c1c0d] text-lg font-black tracking-wide hover:scale-105 transition-all shadow-xl font-prompt uppercase\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\r\n \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n<\/a>\r\n<a class=\"flex min-w-[240px] cursor-pointer items-center justify-center rounded-lg h-14 px-8 bg-white\/10 border border-white\/20 text-white text-lg font-black tracking-wide hover:bg-white\/20 hover:text-white transition-all shadow-xl font-prompt uppercase\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/\">\r\n \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n <footer class=\"bg-black text-white py-16\">\r\n <div class=\"max-w-[1280px] mx-auto px-6 md:px-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6 flex flex-col gap-6\">\r\n <div class=\"flex items-center gap-2 text-primary\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M4 42.4379C4 42.4379 14.0962 36.0744 24 41.1692C35.0664 46.8624 44 42.2078 44 42.2078L44 7.01134C44 7.01134 35.068 11.6577 24.0031 5.96913C14.0971 0.876274 4 7.27094 4 7.27094L4 42.4379Z\" fill=\"currentColor\"><\/path>\r\n <\/svg>\r\n <span class=\"text-2xl font-black\">WCMS<\/span>\r\n <\/div>\r\n <p class=\"text-gray-300 text-sm leading-relaxed\">\r\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e22\u0e01\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e25\u0e31\u0e14<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-221\/\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-226\/\">\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/portfolio\/\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/about\/\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/articles\/\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/\">\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e1b\u0e17\u0e38\u0e21\u0e18\u0e32\u0e19\u0e35, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span class=\"text-gray-300\">063‌-‌939‌-‌1515<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span class=\"text-gray-300\">tamonpat‌@‌workcrane‌.‌co‌.‌th<\/span>\r\n <\/li>\r\n <br>\r\n\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e2a\u0e32\u0e04\u0e23, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span class=\"text-gray-300\">088‌-‌079‌-‌5555, 034‌-‌136‌-‌209<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span class=\"text-gray-300\">workcrane2017‌@‌gmail‌.‌com<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h5>\r\n <div class=\"bg-white\/8 border border-white\/10 p-4 rounded-lg\">\r\n <div class=\"flex justify-between text-xs mb-2\">\r\n <span>\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e40\u0e2a\u0e32\u0e23\u0e4c:<\/span>\r\n <span class=\"text-primary font-bold\">08:00 - 18:00<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs\">\r\n <span>\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c:<\/span>\r\n <span class=\"text-gray-500\">\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/footer>\r\n<\/div>\r\n<\/body><\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":48,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":1657,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions\/1657"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}