https://www.ditp.go.th/_next/static/chunks/pages/post/about/about-ditp-thai-4840aa0489379ea3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4327],{94131:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/post/about/about-ditp-thai",function(){return s(9148)}])},9148:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return b},default:function(){return N}});var i=s(85893),l=s(76809),a=s(41664),r=s.n(a),d=s(45149),n=s(67294);s(24985);var o=s(70693),c=s.n(o);s(16747),s(71061);var m=s(11163),x=s(66308),u=s(68341),h=s.n(u),v=s(25675),g=s.n(v);let p={agencies_under:"agencies_under"};function f(e,t){return[(e||"").toString().replace(/[\r\n\t]+/g," ").trim(),(t||"").toString().replace(/[\r\n\t]+/g," ").trim()].filter(Boolean).join(" ").replace(/\s+/g," ")}function j(e){let{children:t,className:s=""}=e,l=(0,n.useRef)(null),a=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e;let t=null,s=()=>{let e=l.current,t=a.current;if(!e||!t)return;t.style.transform="none";let s=e.clientWidth,i=t.scrollWidth;s>0&&i>s?t.style.transform="scale(".concat(s/i*.98,")"):t.style.transform="none"},i=()=>{t&&cancelAnimationFrame(t),t=requestAnimationFrame(s)};return i(),"undefined"!=typeof ResizeObserver&&l.current&&(e=new ResizeObserver(()=>{i()})).observe(l.current),"undefined"!=typeof document&&document.fonts&&document.fonts.ready.then(i),window.addEventListener("resize",i),()=>{t&&cancelAnimationFrame(t),window.removeEventListener("resize",i),e&&e.disconnect()}},[t]),(0,i.jsx)("div",{ref:l,style:{width:"100%",maxWidth:"100%",overflow:"hidden",minWidth:0},children:(0,i.jsx)("div",{ref:a,className:s,style:{whiteSpace:"nowrap",display:"inline-block",transformOrigin:"left center",wordBreak:"keep-all",overflowWrap:"normal"},children:t})})}var b=!0;function N(e){var t,s,a,o,u,v,b,N,_,w,y,k,A;let{locale:B}=(0,m.useRouter)(),[T,I]=(0,n.useState)(!1);(0,n.useEffect)(()=>{(async()=>{try{let t={content:e.message.HomePage.about,url:window.location.href,author:"",post_type:"เกี่ยวกับกรม",publishAt:""};await l.hi.getPageinsights(t)}catch(e){console.error("เกิดข้อผิดพลาดในการบันทึกข้อมูล",e)}})()},[]),(0,n.useEffect)(()=>{if(window.location.hash){let e=decodeURIComponent(window.location.hash.slice(1)),t=document.getElementById(e);t&&setTimeout(()=>{t.scrollIntoView({behavior:"smooth"})},300)}},[]);let P=e=>{I(t=>({...t,[e]:!t[e]}))},C=t=>{var s;d.W.showOriginalModal({html:(0,i.jsxs)("div",{className:"".concat(c().className," max-w-screen-xl mx-auto flex flex-col md:flex-row mt-4"),children:[(0,i.jsx)("div",{className:"hidden md:flex justify-center items-center",children:(0,i.jsx)("div",{className:" self-start bg-white border border-gray-200 rounded-xl shadow lg:w-[300px]",children:(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:"shrink-0",children:(0,i.jsx)("img",{className:"bg-white rounded-t-xl !aspect-[4/4] object-cover lg:h-[300px] lg:w-[300px]",src:(null==t?void 0:null===(s=t.image)||void 0===s?void 0:s.url)||"/image/avatar.jpg",alt:t.name})}),(0,i.jsxs)("div",{className:"p-4 text-left",children:[(0,i.jsx)(j,{className:"text-base md:text-xl font-semibold text-[#1a1c49]",children:f(t.first_name_th,t.last_name_th)}),(0,i.jsx)(j,{className:"text-base md:text-[14px] text-gray-500",children:f(t.first_name_en,t.last_name_en)}),(0,i.jsx)("div",{className:"text-sm mt-1",children:t.contact}),(0,i.jsx)("div",{className:"h-1 w-12 mt-4 bg-gradient-to-r from-[#10143c] to-teal-400"}),(0,i.jsx)("div",{className:"text-[16px] font-semibold mt-8",children:t.position_executive.position_executive_name})]})]})})}),(0,i.jsxs)("div",{className:"md:ml-6 w-full text-left ",children:[(0,i.jsxs)("div",{className:"bg-gray-50 border rounded-lg p-5",children:[(0,i.jsx)("div",{className:"text-[24px] lg:text-[40px] font-semibold text-[#1a1c49]",children:t.mission_type==p.agencies_under?e.message.about.AgenciesUnder:e.message.about.ExecutiveMission}),(0,i.jsx)("div",{className:"text-lg lg:text-[22px] mt-2 font-bold text-gray-500",children:t.office_name})]}),(0,i.jsx)("div",{className:"mt-4 space-y-2 text-md text-black ",children:(0,i.jsx)("div",{className:"overflow-y-auto max-h-[360px] px-4 custom-scroll",children:(0,i.jsx)("ol",{className:"pl-4",children:t.mission_html?h()(t.mission_html):null})})})]})]})})};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x.Z,{title:"".concat(e.message.about.aboutditp," - กรมส่งเสริมการค้าระหว่างประเทศ"),description:e.about.data.vision_AboutDITP}),(0,i.jsxs)("div",{className:"pt-14",style:{backgroundColor:"#ffffff",backgroundImage:"url('/images/bg.jpg')",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"repeat"},children:[(0,i.jsx)("div",{className:"flex items-center justify-center bg-cover bg-center",style:{backgroundImage:"url(".concat(null!==(A=null===(a=e.about.data.image_cover_AboutDITP)||void 0===a?void 0:null===(s=a.formats)||void 0===s?void 0:null===(t=s.medium)||void 0===t?void 0:t.url)&&void 0!==A?A:null===(o=e.about.data.image_cover_AboutDITP)||void 0===o?void 0:o.url,")"),height:"193px"},children:(0,i.jsx)("h1",{className:"text-white text-center text-xl md:text-[40px]",children:e.message.about.aboutditp})}),(0,i.jsx)("div",{className:"max-w-screen-xl mx-auto mt-16 px-4",children:(0,i.jsxs)("div",{className:"flex flex-col justify-center items-center gap-4",children:[(0,i.jsxs)("div",{className:"",id:"ประวัติกรม",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient",children:e.message.about.history}),(0,i.jsx)("div",{className:"whitespace-pre-line text-center",children:null===(u=e.image_aboutDITP)||void 0===u?void 0:u.map((e,t)=>{var s,l,a,r,d,n,o,c,m;return(0,i.jsx)(g(),{className:"w-full object-contain h-full",src:(null==e?void 0:null===(a=e.image)||void 0===a?void 0:null===(l=a.formats)||void 0===l?void 0:null===(s=l.large)||void 0===s?void 0:s.url)||(null==e?void 0:null===(n=e.image)||void 0===n?void 0:null===(d=n.formats)||void 0===d?void 0:null===(r=d.medium)||void 0===r?void 0:r.url)||(null==e?void 0:null===(o=e.image)||void 0===o?void 0:o.url)||"/images/ditpimage.png",alt:(null==e?void 0:null===(c=e.image)||void 0===c?void 0:c.alternativeText)||(null==e?void 0:null===(m=e.image)||void 0===m?void 0:m.name),width:1024,height:576,priority:0===t,loading:0===t?"eager":"lazy",unoptimized:!0},e.id)})})]}),(0,i.jsxs)("div",{className:"mt-4",id:"วิสัยทัศน์ พันธกิจ ภารกิจ",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient",children:e.message.about.vision}),(0,i.jsx)("div",{className:"mt-4 text-center",children:e.about.data.vision_AboutDITP})]}),(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient",children:e.message.about.mission}),(0,i.jsx)("div",{className:"whitespace-pre-line text-center",children:e.about.data.mission_AboutDITP})]}),"th"===B?(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient",children:"ภารกิจ"}),(0,i.jsx)("div",{className:"text-center text-balance",children:e.about.data.task_AboutDITP})]}):(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient px-24",children:e.message.about.Strategies}),(0,i.jsx)("div",{className:"max-w-screen-xl mx-auto px-4 mt-6",children:(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 auto-rows-fr",children:e.about.data.strategy_AboutDITP.map((e,t)=>(0,i.jsxs)("div",{className:"flex items-stretch gap-4",children:[(0,i.jsx)("div",{className:"text-[40px] font-bold text-[#10143c] flex items-center",children:e.orderStrategy}),(0,i.jsx)("div",{className:"border-l-2 border-blue-900 pl-4 flex items-center",children:(0,i.jsx)("div",{className:"text-black",children:e.descriptionStrategy})})]},t))})})]})]})}),(0,i.jsxs)("div",{className:"max-w-screen-xl mx-auto mt-8 md:mt-16 px-4",children:[(0,i.jsx)("h2",{id:"ผู้บริหารระดับสูง",className:"text-center text-[24px] md:text-[48px] font-bold text-gradient",children:e.message.about.executives}),e.executives.data.executives_AboutDITP.filter(e=>{var t;return(null===(t=e.position_executive)||void 0===t?void 0:t.position_executive_order)===1}).map(t=>{var s,l,a,r,d;return(0,i.jsx)("div",{className:"flex justify-center items-center mt-4 md:mt-4 px-4",children:(0,i.jsxs)("div",{className:"flex flex-col md:flex-row justify-center items-center bg-white border border-gray-200 rounded-xl shadow w-[350px] md:w-auto md:min-w-[590px] md:max-w-[660px] md:h-[300px] overflow-hidden",children:[(0,i.jsx)("div",{className:"flex-shrink-0",children:(0,i.jsx)("img",{className:"bg-white rounded-t-xl h-full w-full object-cover sm:rounded-s-xl md:h-[300px] md:w-[300px] md:rounded-se-none object-top",src:(null===(a=t.image)||void 0===a?void 0:null===(l=a.formats)||void 0===l?void 0:null===(s=l.small)||void 0===s?void 0:s.url)||(null===(r=t.image)||void 0===r?void 0:r.url)||"/image/avatar.jpg",alt:t.first_name_th,loading:"lazy"})}),(0,i.jsxs)("div",{className:"p-2 md:p-4 flex flex-col justify-start items-start h-full flex-1 min-w-0 

1w-full overflow-hidden",children:[(0,i.jsx)(j,{className:"text-2xl md:text-3xl font-semibold text-gray-800",children:f(t.first_name_th,t.last_name_th)}),(0,i.jsx)(j,{className:"text-sm md:text-base text-gray-500",children:f(t.first_name_en,t.last_name_en)}),(0,i.jsx)("div",{className:"text-xs md:text-sm text-gray-500 mt-1",children:t.contact}),(0,i.jsx)("div",{className:"h-1 w-10 mt-4 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"}),(0,i.jsx)("div",{className:"flex-1"}),(0,i.jsx)("div",{className:"mt-4 text-3xl  text-[#10143C]",children:null===(d=t.position_executive)||void 0===d?void 0:d.position_executive_name}),t.have_mission&&(0,i.jsx)("button",{type:"button",className:"px-6 py-2 md:px-12 md:py-2 border bg-[#0E143B] border-gray-200 rounded-full mt-2",onClick:()=>C(t),children:(0,i.jsx)("div",{className:"text-center text-white",children:t.mission_type==p.agencies_under?e.message.about.AgenciesUnder:e.message.about.Viewmission})})]})]})},t.documentId)}),(0,i.jsx)("div",{className:"mt-6 gap-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 max-w-[950px] mx-auto md:gap-4 md:mt-8",children:e.executives.data.executives_AboutDITP.filter(e=>{var t;return(null===(t=e.position_executive)||void 0===t?void 0:t.position_executive_order)===2}).map(t=>{var s,l;return(0,i.jsx)("div",{className:"flex justify-center md:items-center",children:(0,i.jsx)("div",{className:"bg-white border border-gray-200 rounded-xl shadow lg:w-[300px]",children:(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:"flex-shrink-0",children:(0,i.jsx)("img",{className:"bg-white rounded-t-xl h-[350px] w-full object-cover lg:h-[300px] lg:w-[300px]",src:(null===(s=t.image)||void 0===s?void 0:s.url)||"/images/avatar.jpg",alt:t.name,loading:"lazy"})}),(0,i.jsxs)("div",{className:"p-2 md:p-4",children:[(0,i.jsx)(j,{className:"text-xl md:text-lg font-semibold text-gray-800",children:f(t.first_name_th,t.last_name_th)}),(0,i.jsx)(j,{className:"text-base md:text-sm text-gray-500",children:f(t.first_name_en,t.last_name_en)}),(0,i.jsx)("div",{className:"text-base md:text-sm text-gray-500 mt-1",children:t.contact}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"}),(0,i.jsx)("div",{className:"md:text-[16px] mt-8 max-w-[240px] text-black",children:null===(l=t.position_executive)||void 0===l?void 0:l.position_executive_name}),t.have_mission&&(0,i.jsx)("button",{type:"button",className:"px-6 py-2 md:px-12 md:py-2 border bg-[#0E143B] border-gray-200 rounded-full mt-2",onClick:()=>C(t),children:(0,i.jsx)("div",{className:"text-center text-white",children:t.mission_type==p.agencies_under?e.message.about.AgenciesUnder:e.message.about.Viewmission})})]})]})})},t.documentId)})}),(0,i.jsx)("div",{className:"mt-4 gap-4 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 md:gap-4 md:mt-6 z-10",children:e.executives.data.executives_AboutDITP.filter(e=>{var t;return(null===(t=e.position_executive)||void 0===t?void 0:t.position_executive_order)===3}).sort((e,t)=>e.position_executive.position_executive_order-t.position_executive.position_executive_order).map(t=>{var s,l;return(0,i.jsxs)("div",{className:"flex flex-col bg-white border border-gray-200 rounded-xl shadow lg:w-[300px]",children:[(0,i.jsx)("div",{className:"shrink-0",children:(0,i.jsx)("img",{className:"bg-white rounded-t-xl !aspect-[4/4] object-cover md:h-[300px] md:w-[300px]",src:(null==t?void 0:null===(s=t.image)||void 0===s?void 0:s.url)||"/images/avatar.jpg",alt:t.name,loading:"lazy"})}),(0,i.jsxs)("div",{className:"p-2 md:p-4",children:[(0,i.jsxs)("div",{className:"h-[67px] md:h-[50px]",children:[(0,i.jsx)(j,{className:"text-base md:text-lg font-semibold text-gray-800",children:f(t.first_name_th,t.last_name_th)}),(0,i.jsx)(j,{className:"text-sm text-gray-500 mt-1",children:f(t.first_name_en,t.last_name_en)}),(0,i.jsx)("div",{className:"text-sm text-gray-500 mt-1",children:t.contact}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"})]}

1),(0,i.jsx)("div",{className:"line-clamp-2 text-sm md:text-[16px] mt-16",children:null===(l=t.position_executive)||void 0===l?void 0:l.position_executive_name}),t.have_mission&&(0,i.jsx)("button",{type:"button",className:"px-6 py-2 md:px-12 md:py-2 border bg-[#0E143B] border-gray-200 rounded-full mt-2",onClick:()=>C(t),children:(0,i.jsx)("div",{className:"text-center text-white",children:t.mission_type==p.agencies_under?e.message.about.AgenciesUnder:e.message.about.Viewmission})})]})]},t.documentId)})}),(0,i.jsx)("div",{id:"ภารกิจผู้บริหารระดับสูง",className:"mt-4 gap-4 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 md:gap-4 md:mt-6 z-10",children:e.executives.data.executives_AboutDITP.filter(e=>{var t;return(null===(t=e.position_executive)||void 0===t?void 0:t.position_executive_order)>3}).sort((e,t)=>e.position_executive.position_executive_order-t.position_executive.position_executive_order).map(t=>{var s,l;return(0,i.jsxs)("div",{className:"flex flex-col bg-white border border-gray-200 rounded-xl shadow lg:w-[300px]",children:[(0,i.jsx)("div",{className:"shrink-0",children:(0,i.jsx)("img",{className:"bg-white rounded-t-xl !aspect-[4/4] object-cover lg:h-[300px] lg:w-[300px]",src:(null===(s=t.image)||void 0===s?void 0:s.url)||"/images/avatar.jpg",alt:t.name,loading:"lazy"})}),(0,i.jsxs)("div",{className:"p-2 md:p-4",children:[(0,i.jsxs)("div",{className:"h-[67px] md:h-[50px]",children:[(0,i.jsx)(j,{className:"text-base md:text-lg font-semibold text-gray-800",children:f(t.first_name_th,t.last_name_th)}),(0,i.jsx)(j,{className:"text-sm text-gray-500 mt-1",children:f(t.first_name_en,t.last_name_en)}),(0,i.jsx)("div",{className:"text-sm text-gray-500 mt-1",children:t.contact}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"})]}),(0,i.jsx)("div",{className:"line-clamp-2 text-sm md:text-[16px] mt-16 md:h-[40px]",children:null===(l=t.position_executive)||void 0===l?void 0:l.position_executive_name}),t.have_mission&&(0,i.jsx)("button",{type:"button",className:"px-6 py-2 md:px-12 md:py-2 border bg-[#0E143B] border-gray-200 rounded-full mt-2",onClick:()=>C(t),children:(0,i.jsx)("div",{className:"text-center text-white",children:t.mission_type==p.agencies_under?e.message.about.AgenciesUnder:e.message.about.Viewmission})})]})]},t.documentId)})})]}),(0,i.jsxs)("div",{className:"max-w-[1000px] mx-auto mt-16 px-4",children:[(0,i.jsxs)("div",{className:"flex flex-col justify-center items-center gap-4",children:[(0,i.jsxs)("div",{className:"",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient",children:e.message.about.Overseas}),(0,i.jsx)("div",{className:"text-center text-lg mt-4",children:e.about.data.ditpOverseasOffice_AboutDITP})]}),(0,i.jsx)(r(),{href:{pathname:"/overseas-office-and-honorary-trade-advisors-hta",query:{overseas:"true"}},children:(0,i.jsx)("button",{type:"button",className:"bg-[#0E143B] w-[320px] h-[53px] border border-gray-200 rounded-full mt-4",children:(0,i.jsx)("div",{className:"text-center text-white",children:e.message.about.See})})})]}),(0,i.jsxs)("div",{className:"flex flex-col justify-center items-center mt-16",children:[(0,i.jsxs)("div",{className:"flex flex-col justify-center items-center",children:[(0,i.jsx)("h2",{className:"text-center text-[24px] md:text-[40px] font-bold text-gradient md:w-[700px]",children:e.message.about.Honorary}),(0,i.jsx)("div",{className:"text-center text-lg mt-4",children:e.about.data.htas_AboutDITP})]}),(0,i.jsx)(r(),{href:"/overseas-office-and-honorary-trade-advisors-hta",children:(0,i.jsx)("button",{type:"button",className:"bg-[#0E143B] w-[320px] h-[53px] border  border-gray-200 rounded-full mt-4",children:(0,i.jsx)("div",{className:"text-center text-white",children:e.message.about.Sees})})})]})]}),(0,i.jsx)("div",{className:"bg-gray-50 mt-16",children:(0,i.jsx)("div",{id:"ผู้บริหารเทคโนโลยีสารสนเทศระดับกรม",className:"max-w-screen-xl mx-auto md:py-8",children:e.dcio.data.dcio_AboutDITP.map((t,s)=>{var l,a;return(0,i.jsxs)("div",{className:"flex flex-col lg:flex-row items-center p-6",children:[(0,i.jsx)("div",{className:"lg:self-start flex-shrink-0",children:(0,i.jsx)("img",{src:(null===(l=t.image)||void 0===l?void 0:l.url)||"/images/avatar.jpg",alt:null==t?void 0:t.first_name,className:" rounded-lg h-[353px] w-[293px] object-cover",loading:"lazy"})}),(0,i.jsxs)("div",{className:"mt-6 lg:mt-0 lg:ml-12  lg:text-left w-full",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[28px] md:text-[40px] font-bold text-[#0E143B]",children:e.message.about.DCIO}),(0,i.jsxs)("div",{className:"bg-[#D7D9F0] border rounded-lg mt-4 p-4",children:[(0,i.jsx)(j,{className:"text-[24px] md:text-4xl font-semibold text-gray-800",children:f(null==t?void 0:t.first_name,null==t?void 0:t.last_name)}),(0,i.jsx)("div",{className:"text-xl md:text-2xl font-semibold text-[#1a1c49]",children:null===(a=t.position_executive)||void 0===a?void 0:a.position_executive_name}),(0,i.jsx)("div",{className:"text-xl md:text-sm text-gray-500 mt-1",children:t.contact})]}),(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("div",{className:"text-2xl font-bold text-black",children:e.message.about.vision}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"}),(0,i.jsx)("div",{className:"mt-2",children:null==t?void 0:t.vision})]}),T[s]&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("div",{className:"text-2xl font-bold text-gradient",children:e.message.about.mission}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"}),(0,i.jsx)("div",{className:"mt-2 px-2",children:(null==t?void 0:t.mission_html)?h()(null==t?void 0:t.mission_html):null})]}),(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("div",{className:"text-2xl font-bold text-gradient",children:e.message.about.goals}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"}),(0,i.jsx)("div",{className:"mt-2 px-2",children:(null==t?void 0:t.goals_html)?h()(null==t?void 0:t.goals_html):null})]}),(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("div",{className:"text-2xl font-bold text-gradient",children:e.message.about.values}),(0,i.jsx)("div",{className:"h-[3px] w-10 mt-1 md:mt-2 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9]"}),(0,i.jsx)("div",{className:"mt-2 px-2",children:(0,i.jsx)("div",{children:t.value})})]})]})]}),(0,i.jsxs)("div",{onClick:()=>P(s),className:"flex flex-row justify-end cursor-pointer",children:[(0,i.jsx)("div",{className:"text-blue-950",children:T[s]?"".concat(e.message.about.Seeless,"..."):"".concat(e.message.about.Seemore,"...")}),(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"w-6 h-6 ml-2",children:(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:T[s]?"M4.5 15.75l7.5-7.5 7.5 7.5":"M19.5 8.25l-7.5 7.5-7.5-7.5"})})]})]})]},s)})})}),(0,i.jsx)("div",{className:"max-w-screen-xl mx-auto md:mt-16",children:(0,i.jsxs)("div",{id:"ค่านิยมองค์กร วัฒนธรรมองค์กร",className:"flex flex-col lg:flex-row justify-between items-center p-6",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[24px] md:text-[40px] font-bold text-gradient",children:e.message.about.corporate}),(0,i.jsx)("div",{className:"text-[36px] md:text-[70px] font-bold text-gradient",children:e.message.about.ditpdrive}),(null===(v=e.about.data)||void 0===v?void 0:v.corporateValue_AboutDITP_html)?h()(null===(b=e.about.data)||void 0===b?void 0:b.corporateValue_AboutDITP_html):null,"th"===B?(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[24px] md:text-[40px] font-bold text-gradient mt-6",children:"วัฒนธรรมองค์กร"}),(0,i.jsx)("div",{className:"mt-4 md:text-2xl",children:null===(N=e.about.data)||void 0===N?void 0:N.corporateCulture_AboutDITP})]}):null]}),(0,i.jsx)("div",{className:"flex justify-center mt-8 lg:mt-0 ",children:(0,i.jsx)("div",{className:"flex-shrink-0 self-start  m rounded-full overflow-hidden",children:(0,i.jsx)("img",{src:(null===(y=e.about.data.image_corporate)||void 0===y?void 0:null===(w=y.formats)||void 0===w?void 0:null===(_=w.medium)||void 0===_?void 0:_.url)||(null===(k=e.about.data.image_corporate)||void 0===k?void 0:k.url),alt:"Profile",className:"w-[340px] h-[340px] md:w-[535px] md:h-[535px] object-cover",loading:"lazy"})})})]})})]})]})}},9008:function(e,t,s){e.exports=s(23867)},16747:function(e,t,s){"use strict";s.d(t,{i:function(){return h}});var i=s(85893),l=s(67294);let a=e=>{let t=e.split(/\r?\n|\r/g);return(0,i.jsx)(i.Fragment,{children:t.map((e,t)=>(0,i.jsxs)(l.Fragment,{children:[t>0&&(0,i.jsx)("br",{}),e]},t))})},r=({text:e,...t})=>{let{modifiers:s,missingModifierTypes:l}=u();return Object.keys(t).reduce((e,a)=>{if(!t[a])return e;let r=s[a];return r?(0,i.jsx)(r,{children:e}):(l.includes(a)||(console.warn(`[@strapi/block-react-renderer] No component found for modifier "${a}"`),l.push(a)),e)},a(e))},d=["image"],n=e=>{let{children:t,type:s,...i}=e;if("code"===s){let t=e=>e.reduce((e,s)=>"text"===s.type?e.concat(s.text):"link"===s.type?e.concat(t(s.children)):e,"");return{...i,plainText:t(e.children)}}return i},o=({content:e})=>{let{children:t,type:s,...a}=e,{blocks:c,missingBlockTypes:m}=u(),x=c[s];if(!x)return m.includes(s)||(console.warn(`[@strapi/block-react-renderer] No component found for block type "${s}"`),m.push(s)),null;if(d.includes(s))return(0,i.jsx)(x,{...a});if("paragraph"===s&&1===t.length&&"text"===t[0].type&&""===t[0].text)return(0,i.jsx)("br",{});let h=n(e);return(0,i.jsx)(x,{...h,children:t.map((e,t)=>{if("text"===e.type){let{type:s,...i}=e;return(0,l.createElement)(r,{...i,key:t})}return(0,i.jsx)(o,{content:e},t)})})},c={blocks:{paragraph:e=>(0,i.jsx)("p",{children:e.children}),quote:e=>(0,i.jsx)("blockquote",{children:e.children}),code:e=>(0,i.jsx)("pre",{children:(0,i.jsx)("code",{children:e.plainText})}),heading:({level:e,children:t})=>{switch(e){case 1:return(0,i.jsx)("h1",{children:t});case 2:return(0,i.jsx)("h2",{children:t});case 3:return(0,i.jsx)("h3",{children:t});case 4:return(0,i.jsx)("h4",{children:t});case 5:return(0,i.jsx)("h5",{children:t});case 6:return(0,i.jsx)("h6",{children:t})}},link:e=>(0,i.jsx)("a",{href:e.url,children:e.children}),list:e=>"ordered"===e.format?(0,i.jsx)("ol",{children:e.children}):(0,i.jsx)("ul",{children:e.children}),"list-item":e=>(0,i.jsx)("li",{children:e.children}),image:e=>(0,i.jsx)("img",{src:e.image.url,alt:e.image.alternativeText||void 0})},modifiers:{bold:e=>(0,i.jsx)("strong",{children:e.children}),italic:e=>(0,i.jsx)("em",{children:e.children}),underline:e=>(0,i.jsx)("u",{children:e.children}),strikethrough:e=>(0,i.jsx)("del",{children:e.children}),code:e=>(0,i.jsx)("code",{children:e.children})},missingBlockTypes:[],missingModifierTypes:[]},m=l.createContext(c),x=({children:e,value:t=c})=>{let s=l.useMemo(()=>t,[t]);return(0,i.jsx)(m.Provider,{value:s,children:e})};function u(){return l.useContext(m)}let h=e=>{let t={...c.blocks,...e.blocks},s={...c.modifiers,...e.modifiers},a=l.useRef([]),r=l.useRef([]);return(0,i.jsx)(x,{value:{blocks:t,modifiers:s,missingBlockTypes:a.current,missingModifierTypes:r.current},children:e.content.map((e,t)=>(0,i.jsx)(o,{content:e},t))})}}},function(e){e.O(0,[8341,5675,6308,2888,9774,179],function(){return e(e.s=94131)}),_N_E=e.O()}]);