{"id":106,"date":"2025-08-29T19:16:20","date_gmt":"2025-08-29T19:16:20","guid":{"rendered":"https:\/\/workcrane.co.th\/index.php\/portfolio\/"},"modified":"2026-04-03T17:52:59","modified_gmt":"2026-04-03T10:52:59","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/workcrane.co.th\/index.php\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 - Crane Rental Co.<\/title>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700;800;900&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&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\": \"#231f0f\",\r\n },\r\n fontFamily: {\r\n \"display\": [\"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 type=\"text\/tailwindcss\">\r\n .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n }\r\n .project-card:hover .hover-overlay {\r\n opacity: 1;\r\n }\r\n body {\r\n font-family: 'Sarabun', sans-serif;\r\n }\r\n h1, h2, h3, h4, .font-heading {\r\n font-family: 'Prompt', sans-serif;\r\n }\r\n\r\n #projectGrid .hover-overlay a,\r\n #projectGrid .hover-overlay a:hover,\r\n #projectGrid .hover-overlay a:focus,\r\n #projectGrid .hover-overlay a:visited {\r\n text-decoration: none !important;\r\n }\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=\"font-body bg-background-light dark:bg-background-dark text-[#1c1a0d] dark:text-white transition-colors duration-300\">\r\n<div class=\"relative flex min-h-screen w-full flex-col overflow-x-hidden\">\r\n<div class=\"layout-container flex h-full grow flex-col\">\r\n<!-- <header class=\"flex items-center justify-between whitespace-nowrap border-b border-solid border-[#f4f2e6] dark:border-[#3d3821] px-6 lg:px-40 py-4 bg-white dark:bg-background-dark sticky top-0 z-50\">\r\n<div class=\"flex items-center gap-10\">\r\n<div class=\"flex items-center gap-3 text-[#1c1a0d] dark:text-white\">\r\n<div class=\"size-8 text-primary\">\r\n<svg fill=\"none\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M42.4379 44C42.4379 44 36.0744 33.9038 41.1692 24C46.8624 12.9336 42.2078 4 42.2078 4L7.01134 4C7.01134 4 11.6577 12.932 5.96912 23.9969C0.876273 33.9029 7.27094 44 7.27094 44L42.4379 44Z\" fill=\"currentColor\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold leading-tight tracking-tight font-display\">CRANE RENTAL CO.<\/h2>\r\n<\/div>\r\n<nav class=\"hidden md:flex items-center gap-8\">\r\n<a class=\"text-sm font-semibold hover:text-black transition-colors\" href=\"#\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a>\r\n<a class=\"text-sm font-semibold hover:text-black transition-colors\" href=\"#\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n<a class=\"text-sm font-semibold hover:text-black transition-colors\" href=\"#\">\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19<\/a>\r\n<a class=\"text-sm font-bold text-[#b8b800] border-b-2 border-primary\" href=\"#\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n<a class=\"text-sm font-semibold hover:text-black transition-colors\" href=\"#\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n<\/nav>\r\n<\/div>\r\n<div class=\"flex items-center gap-4\">\r\n<div class=\"hidden sm:flex items-center bg-[#f4f2e6] dark:bg-[#3d3821] rounded-lg px-3 py-1.5\">\r\n<span class=\"material-symbols-outlined text-[#9e9047] text-xl\">search<\/span>\r\n<input class=\"bg-transparent border-none focus:ring-0 text-sm placeholder:text-[#9e9047] w-32 lg:w-48 font-body\" placeholder=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23...\" type=\"text\"\/>\r\n<\/div>\r\n<button class=\"bg-primary hover:bg-[#e6e60c] text-[#1c1a0d] px-5 py-2.5 rounded-lg font-bold text-sm transition-all shadow-sm font-display\">\r\n \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\r\n <\/button>\r\n<\/div>\r\n<\/header> -->\r\n <main class=\"flex-1 max-w-[1440px] mx-auto w-full px-4 sm:px-6 lg:px-8 xl:px-10 py-12\">\r\n<div class=\"flex flex-col gap-4 mb-12\">\r\n<h1 class=\"text-[#1c1a0d] dark:text-white text-5xl font-extrabold leading-tight tracking-tight font-display\">\r\n \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 <span class=\"text-primary\">.<\/span>\r\n<\/h1>\r\n<p class=\"text-[#6b6b6b] dark:text-gray-400 text-lg max-w-2xl leading-relaxed\">\r\n \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e41\u0e25\u0e30\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\r\n <\/p>\r\n<\/div>\r\n<div class=\"flex flex-wrap gap-3 mb-10 pb-2 overflow-x-auto border-b border-[#f4f2e6] dark:border-[#3d3821]\">\r\n<button class=\"flex h-10 items-center justify-center rounded-full bg-primary px-6 text-sm font-bold text-[#1c1a0d] shadow-sm font-display\">\r\n \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/button>\r\n<button class=\"flex h-10 items-center justify-center rounded-full bg-white dark:bg-[#3d3821] px-6 text-sm font-medium hover:bg-gray-50 transition-colors border border-[#e5e7eb] dark:border-[#4d4831] font-display\">\r\n \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\r\n <\/button>\r\n<button class=\"flex h-10 items-center justify-center rounded-full bg-white dark:bg-[#3d3821] px-6 text-sm font-medium hover:bg-gray-50 transition-colors border border-[#e5e7eb] dark:border-[#4d4831] font-display\">\r\n \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e39\u0e07\r\n <\/button>\r\n<button class=\"flex h-10 items-center justify-center rounded-full bg-white dark:bg-[#3d3821] px-6 text-sm font-medium hover:bg-gray-50 transition-colors border border-[#e5e7eb] dark:border-[#4d4831] font-display\">\r\n \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\r\n <\/button>\r\n<button class=\"flex h-10 items-center justify-center rounded-full bg-white dark:bg-[#3d3821] px-6 text-sm font-medium hover:bg-gray-50 transition-colors border border-[#e5e7eb] dark:border-[#4d4831] font-display\">\r\n \u0e07\u0e32\u0e19\u0e2a\u0e30\u0e1e\u0e32\u0e19\r\n <\/button>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n<div class=\"project-card group relative flex flex-col bg-white dark:bg-[#2a2614] rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\r\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden\">\r\n<div class=\"w-full h-full bg-center bg-cover transition-transform duration-500 group-hover:scale-110\" data-alt=\"Yellow crane lifting concrete segment\" style='background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD1gucNpHAYyK1GeYp1eA1nkEYQTlB6KEoLdrZ0c7eQHG0F0bBCbOjnjrRie1lVA4aVKDlTTTs9luydfY8nPP0pY0bBwgkVL3U0Seinur2n1MkwGTog0CEAXAOpis8CS__FH2EX5o0pAfYMhXIoIrVSvhp_DtRnMb3OGonricmVWA8zlJEYj-wOUA4MQE3QBWIsevPefaqp5pNI3bBmrZLTAndA5Fai6dn-x5-WB30TsjFFxoCGYV_HSrkKsIFJMaFzvXUmZ7YvzA\");'><\/div>\r\n<div class=\"hover-overlay absolute inset-0 bg-black\/40 flex items-center justify-center opacity-0 transition-opacity duration-300\">\r\n<button class=\"bg-primary text-[#1c1a0d] font-bold px-6 py-2.5 rounded-lg flex items-center gap-2 transform translate-y-4 group-hover:translate-y-0 transition-transform font-display\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <span class=\"material-symbols-outlined text-lg\">arrow_forward<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"absolute top-4 left-4\">\r\n<span class=\"bg-primary\/90 text-[#1c1a0d] text-[10px] font-bold uppercase tracking-widest px-2.5 py-1 rounded font-display\">INFRASTRUCTURE<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h3 class=\"text-xl font-bold mb-2 group-hover:text-[#b8b800] transition-colors font-display\">\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e16\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2a\u0e32\u0e22\u0e2a\u0e35\u0e0a\u0e21\u0e1e\u0e39<\/h3>\r\n<div class=\"flex items-center gap-2 mb-3\">\r\n<span class=\"material-symbols-outlined text-[#b8b800] text-sm\">construction<\/span>\r\n<p class=\"text-sm font-semibold text-[#9e9047]\">All-Terrain Crane 200 Tons<\/p>\r\n<\/div>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-sm leading-relaxed\">\r\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e04\u0e32\u0e19\u0e17\u0e32\u0e07\u0e14\u0e48\u0e27\u0e19\u0e41\u0e25\u0e30\u0e40\u0e2a\u0e32\u0e40\u0e02\u0e47\u0e21\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14 \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e14\u0e49\u0e27\u0e22\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"project-card group relative flex flex-col bg-white dark:bg-[#2a2614] rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\r\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden\">\r\n<div class=\"w-full h-full bg-center bg-cover transition-transform duration-500 group-hover:scale-110\" data-alt=\"High-rise construction\" style='background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCApwMJs9DdFcfgTVPI_JC-vtlv4mTw5rQj6cR7EBaLB9qiQQrwF9xLaAmPSlb_X8FV-lTOAC18VnDjUOO15KmVPkP_Z2QazNiOZHBVAur-tmTL8WZpPAFn_R2D5l4JU_gN_dhYhIef1KvnPrenV7zDDYTtlfn1OvIRrdH2Ynoaf-EpCHy1LS0zX9WPLishT5H_PwzcZBUmnW4CCbYOqww086SPsZ2ChkdQRd-8Ka_-eU0eaSD63e8cI_sT98WU6iEgjTGFtUDfKg\");'><\/div>\r\n<div class=\"hover-overlay absolute inset-0 bg-black\/40 flex items-center justify-center opacity-0 transition-opacity duration-300\">\r\n<button class=\"bg-primary text-[#1c1a0d] font-bold px-6 py-2.5 rounded-lg flex items-center gap-2 transform translate-y-4 group-hover:translate-y-0 transition-transform font-display\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <span class=\"material-symbols-outlined text-lg\">arrow_forward<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"absolute top-4 left-4\">\r\n<span class=\"bg-primary\/90 text-[#1c1a0d] text-[10px] font-bold uppercase tracking-widest px-2.5 py-1 rounded font-display\">HIGH-RISE<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h3 class=\"text-xl font-bold mb-2 group-hover:text-[#b8b800] transition-colors font-display\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21\u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17<\/h3>\r\n<div class=\"flex items-center gap-2 mb-3\">\r\n<span class=\"material-symbols-outlined text-[#b8b800] text-sm\">construction<\/span>\r\n<p class=\"text-sm font-semibold text-[#9e9047]\">Tower Crane Luffing Jib<\/p>\r\n<\/div>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-sm leading-relaxed\">\r\n \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e40\u0e04\u0e23\u0e19\u0e41\u0e02\u0e19\u0e01\u0e23\u0e30\u0e14\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e04\u0e1a\u0e43\u0e19\u0e40\u0e02\u0e15\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e31\u0e49\u0e19\u0e43\u0e19 \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e39\u0e07\u0e01\u0e27\u0e48\u0e32 50 \u0e0a\u0e31\u0e49\u0e19\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"project-card group relative flex flex-col bg-white dark:bg-[#2a2614] rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\r\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden\">\r\n<div class=\"w-full h-full bg-center bg-cover transition-transform duration-500 group-hover:scale-110\" data-alt=\"Factory installation\" style='background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAwL5qqBmyZIQ1EyvRsOyAx38i53hFGiJ5_21tolqG6li1koP3VLMufVYrkeH_F8KnoI2edNgOOwAdxUBTLK62A641XT7bbD6DX96-nXTIi8j6nzTEqrMs-NfnXJIA06y_2aQVxWBb5TZBiu19d_0Lt34VmPtONx6zR426XcJD3vb2-PjpNZil0QRc2YL2yH3Gih_Yk0al3k-AQWnJLd2weu7M6bTBTyzcXplIiBD2mcaZwTWL78HgnmR-qT4a6JcGE0l3iMSHOJA\");'><\/div>\r\n<div class=\"hover-overlay absolute inset-0 bg-black\/40 flex items-center justify-center opacity-0 transition-opacity duration-300\">\r\n<button class=\"bg-primary text-[#1c1a0d] font-bold px-6 py-2.5 rounded-lg flex items-center gap-2 transform translate-y-4 group-hover:translate-y-0 transition-transform font-display\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <span class=\"material-symbols-outlined text-lg\">arrow_forward<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"absolute top-4 left-4\">\r\n<span class=\"bg-primary\/90 text-[#1c1a0d] text-[10px] font-bold uppercase tracking-widest px-2.5 py-1 rounded font-display\">INDUSTRIAL<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h3 class=\"text-xl font-bold mb-2 group-hover:text-[#b8b800] transition-colors font-display\">\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e04\u0e23\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e23\u0e30\u0e22\u0e2d\u0e07<\/h3>\r\n<div class=\"flex items-center gap-2 mb-3\">\r\n<span class=\"material-symbols-outlined text-[#b8b800] text-sm\">construction<\/span>\r\n<p class=\"text-sm font-semibold text-[#9e9047]\">Rough Terrain Crane 50 Tons<\/p>\r\n<\/div>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-sm leading-relaxed\">\r\n \u0e07\u0e32\u0e19\u0e22\u0e01\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e43\u0e19\u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e21\u0e32\u0e1a\u0e15\u0e32\u0e1e\u0e38\u0e14 \u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e33\u0e40\u0e27\u0e25\u0e32\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"project-card group relative flex flex-col bg-white dark:bg-[#2a2614] rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\r\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden\">\r\n<div class=\"w-full h-full bg-center bg-cover transition-transform duration-500 group-hover:scale-110\" data-alt=\"Highway expansion\" style='background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDZis-jF0AD_-u-LAbNh31a0wyezsBEitR99YFBFNR0FqxS8xDaCgRKooPes-s1s8qFZe5DMnPcSl5J8gZqPEh8QoqKmarW4N_uMDXaIwS-IVrjfqan8IE9zhzrIedZW-7D9baLITfNZqBpEfOR0z6Bnu90U1nTiYAdVFEt875J7zYlh10NQIY49ofu1fxszH8Ot4yIbUpIyeGGdBR0Kd87vP7OUickftajkZopWDeXTfCucJx8so7O9l-2PuBkaXFnHIPbw4swKA\");'><\/div>\r\n<div class=\"hover-overlay absolute inset-0 bg-black\/40 flex items-center justify-center opacity-0 transition-opacity duration-300\">\r\n<button class=\"bg-primary text-[#1c1a0d] font-bold px-6 py-2.5 rounded-lg flex items-center gap-2 transform translate-y-4 group-hover:translate-y-0 transition-transform font-display\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <span class=\"material-symbols-outlined text-lg\">arrow_forward<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"absolute top-4 left-4\">\r\n<span class=\"bg-primary\/90 text-[#1c1a0d] text-[10px] font-bold uppercase tracking-widest px-2.5 py-1 rounded font-display\">INFRASTRUCTURE<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h3 class=\"text-xl font-bold mb-2 group-hover:text-[#b8b800] transition-colors font-display\">\u0e02\u0e22\u0e32\u0e22\u0e17\u0e32\u0e07\u0e14\u0e48\u0e27\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e21 2<\/h3>\r\n<div class=\"flex items-center gap-2 mb-3\">\r\n<span class=\"material-symbols-outlined text-[#b8b800] text-sm\">construction<\/span>\r\n<p class=\"text-sm font-semibold text-[#9e9047]\">Crawler Crane 150 Tons<\/p>\r\n<\/div>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-sm leading-relaxed\">\r\n \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e07\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e19\u0e15\u0e35\u0e19\u0e15\u0e30\u0e02\u0e32\u0e1a \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e21\u0e2b\u0e32\u0e28\u0e32\u0e25\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"project-card group relative flex flex-col bg-white dark:bg-[#2a2614] rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\r\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden\">\r\n<div class=\"w-full h-full bg-center bg-cover transition-transform duration-500 group-hover:scale-110\" data-alt=\"Shopping mall construction\" style='background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAPa9rqENvFKBa7MfWNoY1GJIKyIJA2pF3wcUywPZg8eel7EIrBNluW6rPXCPdG7vceLwL506f-Hs6EZnSQEYNhoFuwjl5l7uZSxvax1zaCgHmxCRxwXe9enhFmiiGojhf30y62Lyy__ub4f8be5UR2kReTsRZ58RxEKRMXQmzL9zx_HQX9N-K1ulykbomo1-aQALf01961i3XeS5Y91od4nbhxCeb8Jf-5ZUiCfxyG8XJ3N5Pp-HVvrp1_U_Se0Jd9MiWfXmzN3g\");'><\/div>\r\n<div class=\"hover-overlay absolute inset-0 bg-black\/40 flex items-center justify-center opacity-0 transition-opacity duration-300\">\r\n<button class=\"bg-primary text-[#1c1a0d] font-bold px-6 py-2.5 rounded-lg flex items-center gap-2 transform translate-y-4 group-hover:translate-y-0 transition-transform font-display\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <span class=\"material-symbols-outlined text-lg\">arrow_forward<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"absolute top-4 left-4\">\r\n<span class=\"bg-primary\/90 text-[#1c1a0d] text-[10px] font-bold uppercase tracking-widest px-2.5 py-1 rounded font-display\">COMMERCIAL<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h3 class=\"text-xl font-bold mb-2 group-hover:text-[#b8b800] transition-colors font-display\">\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e<\/h3>\r\n<div class=\"flex items-center gap-2 mb-3\">\r\n<span class=\"material-symbols-outlined text-[#b8b800] text-sm\">construction<\/span>\r\n<p class=\"text-sm font-semibold text-[#9e9047]\">Mobile Crane 80 Tons<\/p>\r\n<\/div>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-sm leading-relaxed\">\r\n \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e23\u0e30\u0e08\u0e01\u0e02\u0e2d\u0e07\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e30\u0e21\u0e31\u0e14\u0e23\u0e30\u0e27\u0e31\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"project-card group relative flex flex-col bg-white dark:bg-[#2a2614] rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\r\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden\">\r\n<div class=\"w-full h-full bg-center bg-cover transition-transform duration-500 group-hover:scale-110\" data-alt=\"Bridge maintenance\" style='background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBYUyClDPGKBWUEzoZGy5LfwD96oksUssYQVL-1KvonYnMvfcpaTv73UHBFDwdVn0mP5-nepjoYhnszoLYuMIaUTjRoOzlqWTDH42edwqd53-oaJLOaEuhB4Hq6ErUzXDdP2Kik3yyb8wLWuW6yrcCUFCTSg6SDSxxB4qDwhSVxBOIhNchpLJL-VweluSFbWieXbdTI0FAOzJN9exFsUSHAi7Li0DM7CdA44aWt1ly94kpH5mh47yYkKw7W4UWQ3orYUGtOY_C8mw\");'><\/div>\r\n<div class=\"hover-overlay absolute inset-0 bg-black\/40 flex items-center justify-center opacity-0 transition-opacity duration-300\">\r\n<button class=\"bg-primary text-[#1c1a0d] font-bold px-6 py-2.5 rounded-lg flex items-center gap-2 transform translate-y-4 group-hover:translate-y-0 transition-transform font-display\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n <span class=\"material-symbols-outlined text-lg\">arrow_forward<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"absolute top-4 left-4\">\r\n<span class=\"bg-primary\/90 text-[#1c1a0d] text-[10px] font-bold uppercase tracking-widest px-2.5 py-1 rounded font-display\">BRIDGE<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h3 class=\"text-xl font-bold mb-2 group-hover:text-[#b8b800] transition-colors font-display\">\u0e0b\u0e48\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e02\u0e49\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33<\/h3>\r\n<div class=\"flex items-center gap-2 mb-3\">\r\n<span class=\"material-symbols-outlined text-[#b8b800] text-sm\">construction<\/span>\r\n<p class=\"text-sm font-semibold text-[#9e9047]\">Truck Crane 35 Tons<\/p>\r\n<\/div>\r\n<p class=\"text-gray-600 dark:text-gray-400 text-sm leading-relaxed\">\r\n \u0e07\u0e32\u0e19\u0e0b\u0e48\u0e2d\u0e21\u0e41\u0e0b\u0e21\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e23\u0e34\u0e21\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\u0e40\u0e08\u0e49\u0e32\u0e1e\u0e23\u0e30\u0e22\u0e32 \u0e43\u0e0a\u0e49\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e02\u0e19\u0e32\u0e14\u0e01\u0e23\u0e30\u0e17\u0e31\u0e14\u0e23\u0e31\u0e14\u0e41\u0e15\u0e48\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\r\n <\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-center justify-center gap-2 mt-16\">\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-lg border border-[#f4f2e6] dark:border-[#3d3821] hover:bg-primary hover:text-[#1c1a0d] transition-colors \">\r\n<span class=\"material-symbols-outlined text-lg\">chevron_left<\/span>\r\n<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-lg bg-primary text-[#1c1a0d] font-bold shadow-sm font-display\">1<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-lg border border-[#f4f2e6] dark:border-[#3d3821] hover:bg-primary hover:text-[#1c1a0d] transition-colors font-semibold font-display\">2<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-lg border border-[#f4f2e6] dark:border-[#3d3821] hover:bg-primary hover:text-[#1c1a0d] transition-colors font-semibold font-display\">3<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-lg border border-[#f4f2e6] dark:border-[#3d3821] hover:bg-primary hover:text-[#1c1a0d] transition-colors font-semibold font-display\">4<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-lg border border-[#f4f2e6] dark:border-[#3d3821] hover:bg-primary hover:text-[#1c1a0d] transition-colors \">\r\n<span class=\"material-symbols-outlined text-lg\">chevron_right<\/span>\r\n<\/button>\r\n<\/div>\r\n<\/main>\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 \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>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>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>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>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 \r\n <\/div>\r\n <\/div>\r\n\r\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\">\r\n <p>\u00a9 2024 WCMS Crane Service. \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c.<\/p>\r\n <div class=\"flex gap-6\">\r\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>\r\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>\r\n <\/div>\r\n <\/div> -->\r\n <\/footer>\r\n<\/div>\r\n<\/div>\r\n\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>\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/106","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=106"}],"version-history":[{"count":29,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":1664,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/106\/revisions\/1664"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}