{"id":550,"date":"2026-02-10T01:11:16","date_gmt":"2026-02-09T18:11:16","guid":{"rendered":"https:\/\/workcrane.co.th\/?page_id=550"},"modified":"2026-02-10T01:17:03","modified_gmt":"2026-02-09T18:17:03","slug":"crane-10","status":"publish","type":"page","link":"https:\/\/workcrane.co.th\/index.php\/crane-10\/","title":{"rendered":"Crane 10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"550\" class=\"elementor elementor-550\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1910d23 e-flex e-con-boxed e-con e-parent\" data-id=\"1910d23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2da938 elementor-widget elementor-widget-text-editor\" data-id=\"a2da938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"th\"><head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 &#8211; THAI CRANE CO.<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;500;600;700&amp;family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&amp;display=swap\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap\" rel=\"stylesheet\"\/>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<script>\n        tailwind.config = {\n            darkMode: \"class\",\n            theme: {\n                extend: {\n                    colors: {\n                        primary: \"#f2f20d\",\n                        primaryHover: \"#d9d90c\",\n                        \"background-light\": \"#F9FAFB\",\n                        \"background-dark\": \"#111827\",\n                        \"card-light\": \"#FFFFFF\",\n                        \"card-dark\": \"#1F2937\",\n                        \"text-light\": \"#1F2937\",\n                        \"text-dark\": \"#F3F4F6\",\n                        \"text-muted-light\": \"#6B7280\",\n                        \"text-muted-dark\": \"#9CA3AF\",\n                    },\n                    fontFamily: {\n                        display: [\"'Prompt'\", \"sans-serif\"],\n                        body: [\"'Sarabun'\", \"sans-serif\"],\n                    },\n                    borderRadius: {\n                        DEFAULT: \"0.5rem\",\n                        xl: \"1rem\",\n                    },\n                },\n            },\n        };\n    <\/script>\n\n\n  <style type=\"text\/tailwindcss\">\n    body { font-family: 'Sarabun', sans-serif; }\n    h1, h2, h3, h4, h5, h6, .font-display { font-family: 'Prompt', sans-serif; }\n    .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }\n  <\/style>\n<\/head>\n<body class=\"bg-background-light dark:bg-background-dark text-text-light dark:text-text-dark min-h-screen flex flex-col transition-colors duration-300 font-body\">\n<!-- <nav class=\"bg-card-light dark:bg-card-dark shadow-sm sticky top-0 z-50\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"flex justify-between h-16\">\n<div class=\"flex items-center\">\n<span class=\"material-symbols-outlined text-gray-900 dark:text-white text-3xl mr-2 bg-primary p-1 rounded\">precision_manufacturing<\/span>\n<span class=\"font-bold text-xl tracking-tight text-gray-900 dark:text-white uppercase font-display\">THAI CRANE CO.<\/span>\n<\/div>\n<div class=\"hidden md:flex items-center space-x-8\">\n<a class=\"text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-medium font-title\" href=\"#\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a>\n<a class=\"text-gray-900 dark:text-white font-semibold border-b-2 border-primary font-title\" href=\"#\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19<\/a>\n<a class=\"text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-medium font-title\" href=\"#\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\n<a class=\"text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-medium font-title\" href=\"#\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\n<\/div>\n<div class=\"flex items-center\">\n<button class=\"p-2 rounded-full text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none\" id=\"theme-toggle\">\n<span class=\"material-symbols-outlined\" id=\"theme-icon\">dark_mode<\/span>\n<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/nav> -->\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 w-full\">\n<div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n<!-- <nav aria-label=\"Breadcrumb\" class=\"flex\">\n<ol class=\"flex items-center space-x-2 text-sm text-text-muted-light dark:text-text-muted-dark\">\n<li><a class=\"hover:text-gray-900 dark:hover:text-white\" href=\"#\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a><\/li>\n<li><span class=\"material-symbols-outlined text-xs mx-1\">chevron_right<\/span><\/li>\n<li><a class=\"hover:text-gray-900 dark:hover:text-white\" href=\"#\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19<\/a><\/li>\n<li><span class=\"material-symbols-outlined text-xs mx-1\">chevron_right<\/span><\/li>\n<li aria-current=\"page\" class=\"text-gray-900 dark:text-white font-semibold underline decoration-primary decoration-2 underline-offset-4\">\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e25\u0e49\u0e2d\u0e22\u0e32\u0e07 (All-Terrain Crane)<\/li>\n<\/ol>\n<\/nav> -->\n<!-- <a class=\"inline-flex items-center text-sm font-medium text-text-muted-light dark:text-text-muted-dark hover:text-gray-900 dark:hover:text-white transition-colors\" href=\"#\">\n<span class=\"material-symbols-outlined text-base mr-1\">arrow_back<\/span>\n            \u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n        <\/a> -->\n<\/div>\n<\/div>\n<main class=\"flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-12 w-full\">\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12\">\n<div class=\"lg:col-span-12 xl:col-span-12\">\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12\">\n<div class=\"space-y-4\">\n<div class=\"relative rounded-2xl overflow-hidden shadow-lg aspect-[16\/10] bg-gray-200 dark:bg-gray-800 group\">\n<img decoding=\"async\" alt=\"All-Terrain Crane Main View\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCcpvvvxC2jNfyBqj-9ZEXWyXiEz_xUHOUlY_wOvg2afFSR9r6W72e-_qHOTGD3sa78o__R65izPSyF0yYtolg5YT2TSHR_3BWxi4aAwqIN21FIA1ulCJlvhqSsFMmkIAfbs3q2awPSlWgY_QrCkG4zYltMM2j3ACjjVIPXjjklb7ncx_Fv2IzAMQTrnBBEyedf6TFISVaMr1ni3d965h2gvUrkJPkoTo6oHRdM6ol5262PKXKtKW1OBsV_nJAuf1F9AeyxlsWx5A\"\/>\n\n<\/div>\n<div class=\"grid grid-cols-5 gap-2 sm:gap-4\">\n<button class=\"gallery-thumb relative rounded-lg overflow-hidden border-2 border-primary focus:outline-none aspect-square\">\n<img decoding=\"async\" alt=\"Thumbnail 1\" class=\"object-cover w-full h-full\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDCKDBeGTtf3XKLQKKFrdHigIkk1CwN779Ax-2SbnU6vZG-G56YsWWt2vuVP5nshHGCUmg7DglAa4bWwovE-aN4Bn6nR3jZBFsUnh1tz0kM4fVvKHqdzKMPdUdvAy3Gcw5iP2Om9XubautoPSlhO3xKsXoohtZdwrCKdkObvtuyHWvA7nHWKHLway3aThxKWcegfAl8Q-n2pI-g-fWOeggi-n4n41SFa9eeIXJn0wucTDsI37-3Sd6S9zqTeN2cv67c42t6IUgX-Q\"\/>\n<\/button>\n<button class=\"gallery-thumb relative rounded-lg overflow-hidden border-2 border-transparent focus:outline-none focus:border-primary aspect-square\">\n<img decoding=\"async\" alt=\"Thumbnail 2\" class=\"object-cover w-full h-full\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuA9JRfzU5ezrka7P_vzMy9hzSXoSthGi3sTVR0YvVkpENYxT1CJw51l6-vbz5uHfgi4_n46xLZkwq_hP6OX4AYoVSEBdmh4MXY8FEXEQ26PMr_36CR8NXYzaUp6uaqUWlU9hnEgZ0vYKBoULLePSti3AKEbv_H4N6Ja3SftOL9KlChmHztlaN_b32QwB6_uhAKE_Lnx3gKj3KMKjIB-B6rBbY9e5qFL991pF3oaGfEee7VxRaAKDhbG696FLvKozSnxehU4v1k-6Q\"\/>\n<\/button>\n<button class=\"gallery-thumb relative rounded-lg overflow-hidden border-2 border-transparent focus:outline-none focus:border-primary aspect-square\">\n<img decoding=\"async\" alt=\"Thumbnail 3\" class=\"object-cover w-full h-full\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDcJkH4me2wO991hbZX444Nd4dn8pvb-IRVKt14AxjnwlB88SUZWOsikcWfN2HjBn3apOsCwPyAB562OlUhLLf7Ksvu0TbQytjGqgZckzrc0_2hOClrV84EX6nLf3iwC4ceKRjkuGcqdOIs71Ac79QrwkKhRV_GZfMpCYTZehQqRWaBrK3XRiMGHl9CB2VOovlvIgWrWPQul3ExrWJ-dhMubDgytMgn474vR8IDbVhjaelOgE_fSDj0qdJt36ywTc8p-HNFhGVWhA\"\/>\n<\/button>\n<button class=\"gallery-thumb relative rounded-lg overflow-hidden border-2 border-transparent focus:outline-none focus:border-primary aspect-square\">\n<img decoding=\"async\" alt=\"Thumbnail 4\" class=\"object-cover w-full h-full\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD7bCwja4UtW9Q8j-uf1jpCoOSR6K02xFeTorQ1bCsKNAMwH5ArgJ6X6-y1sUt2hPhV2xyqhumsSieQNwOkhSJw1czUuJ4t1mc9hQaYycbARkd4-GnPIqiAQW7NM-MDITL9Jmsk--MQQl3DpLIjnl68SKQSkgRm5UYSjsV8elsJIhZMmGpOx_4lSPJgk-8SwUjNsCNGvmZXOgtZfgMOgyjuJ4UwHZGvuDKzUTz1XLuOJKBpnkiUhmFMLue8xRtoj4b6Pc3epn7XVw\"\/>\n<\/button>\n<button class=\"gallery-thumb relative rounded-lg overflow-hidden border-2 border-transparent focus:outline-none focus:border-primary aspect-square bg-gray-100 dark:bg-gray-800 flex items-center justify-center group\">\n<span class=\"material-symbols-outlined text-gray-400 group-hover:text-primary text-3xl\">play_circle<\/span>\n<\/button>\n<\/div>\n<\/div>\n<div class=\"flex flex-col justify-center\">\n<div class=\"mb-6\">\n<span class=\"inline-block py-1 px-3 rounded bg-gray-100 dark:bg-gray-700 text-xs font-semibold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-3\">\u0e23\u0e38\u0e48\u0e19 TADANO TS-80M<\/span>\n<h1 class=\"text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white leading-tight mb-4 font-title\">\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 10 \u0e15\u0e31\u0e19 <\/h1>\n<p class=\"text-xl text-gray-700 dark:text-gray-300 font-medium\">\n<span class=\"bg-primary\/20 border-l-4 border-primary px-2 py-1\">Premium Heavy Duty Rental Service<\/span>\n<\/p>\n<\/div>\n<div class=\"space-y-4 mb-8\">\n<div class=\"flex items-start\">\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e23\u0e27\u0e21\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e23\u0e16\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07<\/span>\n<\/div>\n<div class=\"flex items-start\">\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 24 \u0e0a\u0e21.<\/span>\n<\/div>\n<div class=\"flex items-start\">\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e41\u0e1c\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col sm:flex-row gap-4\">\n<a class=\"flex-1 py-4 px-6 border-2 border-gray-900 dark:border-white rounded-lg shadow-sm text-lg font-bold text-gray-900 dark:text-white bg-transparent hover:bg-primary\/10 focus:outline-none transition-colors flex justify-center items-center gap-3 font-title\" href=\"tel:+6621234567\">\n<span class=\"material-symbols-outlined\">call<\/span> 02-123-4567\n                        <\/a>\n<a class=\"flex-1 py-4 px-6 border-2 border-primary rounded-lg shadow-sm text-lg font-bold text-gray-900 bg-primary hover:bg-primaryHover focus:outline-none transition-colors flex justify-center items-center gap-3 font-title\" href=\"#\">\n<span class=\"material-symbols-outlined\">chat<\/span> LINE Official\n                        <\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n<div class=\"lg:col-span-1 bg-card-light dark:bg-card-dark rounded-xl shadow-sm p-6 sm:p-8 border border-gray-100 dark:border-gray-800\">\n<h2 class=\"text-2xl font-bold mb-6 border-b-4 border-primary inline-block font-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h2>\n<div class=\"prose dark:prose-invert max-w-none text-text-muted-light dark:text-text-muted-dark font-normal leading-relaxed\">\n<p>\n                             \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 10 \u0e15\u0e31\u0e19 4 \u0e25\u0e49\u0e2d \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e41\u0e04\u0e1a \u0e2b\u0e23\u0e37\u0e2d\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49 \u0e07\u0e32\u0e19\u0e40\u0e02\u0e49\u0e32\u0e43\u0e15\u0e49\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e42\u0e01\u0e14\u0e31\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e40\u0e17\u0e1b\u0e39\u0e19 \u0e07\u0e32\u0e19\u0e22\u0e01\u0e41\u0e1c\u0e48\u0e19\u0e1e\u0e37\u0e49\u0e19 \u0e07\u0e32\u0e19\u0e01\u0e23\u0e30\u0e40\u0e0a\u0e49\u0e32 \u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01 \u0e21\u0e35\u0e43\u0e1a \u0e1b\u0e08.2 \u0e40\u0e02\u0e49\u0e32\u0e07\u0e32\u0e19\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e44\u0e14\u0e49 100 % \u0e21\u0e35\u0e43\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e25\u0e34\u0e07 \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e02\u0e31\u0e1a\u0e23\u0e16\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e1a\u0e23\u0e21 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\n                        <\/p>\n<p class=\"mt-4\">\n                            \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\n                        <\/p>\n<ul class=\"mt-6 space-y-3\">\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e04\u0e1a: \u0e14\u0e49\u0e27\u0e22\u0e15\u0e31\u0e27\u0e23\u0e16\u0e17\u0e35\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e1e\u0e35\u0e22\u0e07 2 \u0e40\u0e21\u0e15\u0e23 \u0e08\u0e36\u0e07\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e07\u0e32\u0e19\u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e0b\u0e2d\u0e22\u0e43\u0e19\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f<\/li>\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e22\u0e01\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b: \u0e22\u0e01\u0e41\u0e1c\u0e48\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b, \u0e22\u0e01\u0e01\u0e23\u0e30\u0e40\u0e0a\u0e49\u0e32\u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e0b\u0e48\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07, \u0e22\u0e01\u0e42\u0e04\u0e23\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e01\u0e22\u0e49\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01<\/li>\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22: \u0e21\u0e35\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01 (LMI) \u0e41\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e22\u0e01\u0e40\u0e01\u0e34\u0e19\u0e1e\u0e34\u0e01\u0e31\u0e14<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"lg:col-span-2 bg-card-light dark:bg-card-dark rounded-xl shadow-sm p-6 sm:p-8 border-2 border-gray-100 dark:border-gray-800\">\n<div class=\"flex items-center justify-between mb-8 border-b border-gray-100 dark:border-gray-800 pb-2\">\n<h2 class=\"text-2xl font-bold font-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 (Technical Specifications)<\/h2>\n<span class=\"material-symbols-outlined text-gray-900 dark:text-white bg-primary p-1 rounded\">engineering<\/span>\n<\/div>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-y-8 gap-x-12\">\n<div class=\"spec-item flex items-center group\">\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\n<span class=\"material-symbols-outlined text-2xl\">fitness_center<\/span>\n<\/div>\n<div>\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">Max Load<\/p>\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">10 \u0e15\u0e31\u0e19 (Metric Tons)<\/p>\n<\/div>\n<\/div>\n<div class=\"spec-item flex items-center group\">\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\n<span class=\"material-symbols-outlined text-2xl\">expand<\/span>\n<\/div>\n<div>\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">Boom Length<\/p>\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">21.5 \u0e40\u0e21\u0e15\u0e23<\/p>\n<\/div>\n<\/div>\n<div class=\"spec-item flex items-center group\">\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\n<span class=\"material-symbols-outlined text-2xl\">height<\/span>\n<\/div>\n<div>\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">DIMENSIONS<\/p>\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">\u0e01\u0e27\u0e49\u0e32\u0e072.0\u0e40\u0e21\u0e15\u0e23 x \u0e22\u0e32\u0e276.6\u0e40\u0e21\u0e15\u0e23 x \u0e2a\u0e39\u0e072.9\u0e40\u0e21\u0e15\u0e23<\/p>\n<\/div>\n<\/div>\n<div class=\"spec-item flex items-center group\">\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\n<span class=\"material-symbols-outlined text-2xl\">speed<\/span>\n<\/div>\n<div>\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">Travel Speed<\/p>\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 80-90 \u0e01\u0e21.\/\u0e0a\u0e21.<\/p>\n<\/div>\n<\/div>\n<div class=\"spec-item flex items-center group\">\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\n<span class=\"material-symbols-outlined text-2xl\">settings<\/span>\n<\/div>\n<div>\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">OUTRIGGER SPAN<\/p>\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">(\u0e23\u0e30\u0e22\u0e30\u0e01\u0e32\u0e07\u0e02\u0e32): \u0e22\u0e37\u0e14\u0e2a\u0e38\u0e14\u0e17\u0e35\u0e48 4.5 \u0e40\u0e21\u0e15\u0e23<\/p>\n<\/div>\n<\/div>\n<div class=\"spec-item flex items-center group\">\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\n<span class=\"material-symbols-outlined text-2xl\">straighten<\/span>\n<\/div>\n<div>\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">Counterweight<\/p>\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">5 \u0e15\u0e31\u0e19<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-12 pt-8 border-t border-gray-100 dark:border-gray-800\">\n<div class=\"flex flex-wrap gap-4\">\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-16\">\n<div class=\"flex items-center justify-between mb-8\">\n<h2 class=\"text-3xl font-bold font-title\">\u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e41\u0e19\u0e30\u0e19\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e38\u0e13 (Recommended Models)<\/h2>\n<div class=\"h-1 flex-grow mx-8 bg-primary\/20 hidden sm:block\"><\/div>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n<a class=\"group bg-card-light dark:bg-card-dark rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all border border-transparent hover:border-primary\" href=\"#\">\n<div class=\"relative h-56 overflow-hidden\">\n<img decoding=\"async\" alt=\"Crawler Crane\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBDsXEF_0fqfXrd8bMEvxT9y4XAAP1rUbK2De9Y8AW9HyNf6Vv1zW8C3EOTJxTw72H20m4rYcc89TSpKxpbB3l4j6wmEEZdMs8930ix23dCM1NLmdDBn-xu9xyXKOpo8cETsvPlfD0krf32ZSUNv_CZkl8wxpZIGD7w1Y-C2EF3zTtbhUiCZVp4aJaQXeawR07uYqT4gGt6zMm0AlcxHGK0aSSUFKy6HmWoyFF-i3fc_4La2Di5B7UJMWgUBcq61VtElJpID37mpA\"\/>\n<div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black\/80 to-transparent\">\n<p class=\"text-white font-bold text-lg font-title\">Crawler Crane<\/p>\n<\/div>\n<\/div>\n<div class=\"p-6\">\n<h4 class=\"text-sm font-bold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-2 font-title\">Maximum Capacity<\/h4>\n<p class=\"text-xl font-bold text-gray-900 dark:text-white mb-4\">500 \u0e15\u0e31\u0e19 (Metric Tons)<\/p>\n<span class=\"text-gray-900 dark:text-white bg-primary px-3 py-1 rounded font-bold inline-flex items-center text-sm font-title\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 <span class=\"material-symbols-outlined ml-1 text-sm\">arrow_forward<\/span><\/span>\n<\/div>\n<\/a>\n<a class=\"group bg-card-light dark:bg-card-dark rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all border border-transparent hover:border-primary\" href=\"#\">\n<div class=\"relative h-56 overflow-hidden\">\n<img decoding=\"async\" alt=\"Rough Terrain Crane\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCioFucEkP8jeguAVWS65ezdxqRk3sXmSBlAl4x1K4AnBsSHDdlaoEKeoGgwyeKFwR6dQVQxg0qwCN9fTy2iEzBb0G8iJDcE6EXThiq4YrWE1cLp0fHaXuVGM24wHPoY6dBOaZUKelZI4UEdq_T-RzKIhybn7sADA-VECB8fC6jEEDbM7B7YH5MzbYS17OeKpynZ7yRuoTnKQJnBqeDKTkRSDXjndiXkSq8y27CPVVIladvDzRL5oMkpTfFCfR5idgorepWdwR7aA\"\/>\n<div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black\/80 to-transparent\">\n<p class=\"text-white font-bold text-lg font-title\">Rough Terrain Crane<\/p>\n<\/div>\n<\/div>\n<div class=\"p-6\">\n<h4 class=\"text-sm font-bold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-2 font-title\">Maximum Capacity<\/h4>\n<p class=\"text-xl font-bold text-gray-900 dark:text-white mb-4\">70 \u0e15\u0e31\u0e19 (Metric Tons)<\/p>\n<span class=\"text-gray-900 dark:text-white bg-primary px-3 py-1 rounded font-bold inline-flex items-center text-sm font-title\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 <span class=\"material-symbols-outlined ml-1 text-sm\">arrow_forward<\/span><\/span>\n<\/div>\n<\/a>\n<div class=\"hidden lg:flex flex-col justify-center p-8 bg-primary\/10 rounded-xl border-2 border-dashed border-primary\">\n<h4 class=\"text-2xl font-bold mb-4 font-title\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23?<\/h4>\n<p class=\"text-text-muted-light dark:text-text-muted-dark mb-6\">\u0e40\u0e23\u0e32\u0e21\u0e35\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e2d\u0e35\u0e01\u0e01\u0e27\u0e48\u0e32 50 \u0e23\u0e38\u0e48\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19<\/p>\n<a class=\"text-gray-900 dark:text-white font-bold underline decoration-primary decoration-4 underline-offset-4 hover:bg-primary\/20 inline-block px-1 font-title\" href=\"#\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d \u2192<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/main>\n  <footer class=\"bg-[#181811] text-white py-16\">\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-12\">\n        <div class=\"flex flex-col gap-6\">\n          <div class=\"flex items-center gap-2 text-primary\">\n            <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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>\n            <\/svg>\n            <span class=\"text-2xl font-black\">WCMS<\/span>\n          <\/div>\n          <p class=\"text-gray-400 text-sm leading-relaxed\">\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\n          <\/p>\n          <div class=\"flex gap-4\">\n            <a class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-primary hover:text-black transition-all\" href=\"#\">\n              <span class=\"material-symbols-outlined text-base\">public<\/span>\n            <\/a>\n            <a class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-primary hover:text-black transition-all\" href=\"#\">\n              <span class=\"material-symbols-outlined text-base\">share<\/span>\n            <\/a>\n            <a class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center hover:bg-primary hover:text-black transition-all\" href=\"#\">\n              <span class=\"material-symbols-outlined text-base\">mail<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div>\n          <h5 class=\"text-lg font-bold mb-6\">\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e25\u0e31\u0e14<\/h5>\n          <ul class=\"flex flex-col gap-4 text-sm text-gray-400\">\n            <li><a class=\"hover:text-primary transition-colors\" href=\"#\">\u0e23\u0e16\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c<\/a><\/li>\n            <li><a class=\"hover:text-primary transition-colors\" href=\"#\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a><\/li>\n            <li><a class=\"hover:text-primary transition-colors\" href=\"#\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/a><\/li>\n            <li><a class=\"hover:text-primary transition-colors\" href=\"#\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32<\/a><\/li>\n            <li><a class=\"hover:text-primary transition-colors\" href=\"#\">\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h5 class=\"text-lg font-bold mb-6\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h5>\n          <ul class=\"flex flex-col gap-4 text-sm text-gray-400\">\n            <li class=\"flex items-start gap-3\">\n              <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\n              <span>\u0e2a\u0e32\u0e02\u0e32\u0e1b\u0e17\u0e38\u0e21\u0e18\u0e32\u0e19\u0e35, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n              <span class=\"material-symbols-outlined text-primary\">call<\/span>\n              <span>+66 02-XXX-XXXX<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n              <span class=\"material-symbols-outlined text-primary\">mail<\/span>\n              <span>info@workcrane.com<\/span>\n            <\/li>\n\n            <li class=\"flex items-start gap-3\">\n              <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\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>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n              <span class=\"material-symbols-outlined text-primary\">call<\/span>\n              <span>088-079-5555, 034-136-209<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n              <span class=\"material-symbols-outlined text-primary\">mail<\/span>\n              <span>workcrane2017@gmail.com<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h5 class=\"text-lg font-bold mb-6\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h5>\n          <div class=\"bg-white\/5 p-4 rounded-lg\">\n            <div class=\"flex justify-between text-xs mb-2\">\n              <span>\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c &#8211; \u0e40\u0e2a\u0e32\u0e23\u0e4c:<\/span>\n              <span class=\"text-primary font-bold\">08:00 &#8211; 18:00<\/span>\n            <\/div>\n            <div class=\"flex justify-between text-xs\">\n              <span>\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c:<\/span>\n              <span class=\"text-gray-500\">\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/span>\n            <\/div>\n          <\/div>\n          <button class=\"mt-6 w-full h-12 bg-primary text-black font-black uppercase text-xs tracking-widest rounded hover:bg-white transition-colors\">\n            \u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"max-w-[1280px] mx-auto px-6 md:px-10 mt-16 pt-8 border-t border-white\/5 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-gray-500\">\n        <p>\u00a9 2024 WCMS Crane Service. \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c.<\/p>\n        <div class=\"flex gap-6\">\n          <a class=\"hover:text-white\" href=\"#\">\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/a>\n          <a class=\"hover:text-white\" href=\"#\">\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/a>\n        <\/div>\n      <\/div>\n    <\/footer>\n<script>\n    const themeToggleBtn = document.getElementById('theme-toggle');\n    const themeIcon = document.getElementById('theme-icon');\n    const htmlElement = document.documentElement;\n    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n        htmlElement.classList.add('dark');\n        themeIcon.textContent = 'light_mode';\n    } else {\n        htmlElement.classList.remove('dark');\n        themeIcon.textContent = 'dark_mode';\n    }\n    themeToggleBtn.addEventListener('click', () => {\n        htmlElement.classList.toggle('dark');\n        if (htmlElement.classList.contains('dark')) {\n            localStorage.theme = 'dark';\n            themeIcon.textContent = 'light_mode';\n        } else {\n            localStorage.theme = 'light';\n            themeIcon.textContent = 'dark_mode';\n        }\n    });\n<\/script>\n\n<\/body><\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\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>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 &#038;#8 [&hellip;]<\/p>\n","protected":false},"author":2,"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":"default","site-sidebar-style":"default","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":"","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-550","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/550","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=550"}],"version-history":[{"count":4,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/550\/revisions"}],"predecessor-version":[{"id":555,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/550\/revisions\/555"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}