1import{r,j as e,L as l}from"./tanstack-DH3D6crP.js";import{C as i}from"./Container-DnwObT18.js";import{H as x,F as d}from"./main-BvFB6uF1.js";import{CTASectionTH as c}from"./CTASection.th-BHcu5-v_.js";import{U as m}from"./UseCaseDetailPage.mobile.th-dmgGd2QY.js";import{m as s}from"./framer-motion-c-5pYGoZ.js";import{d as p}from"./lucide-react-Ckw3t681.js";import"./button-B4RbYrzM.js";const o=[{title:"à¹à¸à¸à¸à¸à¸à¸à¹à¸§à¸¢à¸à¸à¸à¸à¸³à¸à¸²à¸¡",description:"à¹à¸à¸à¸à¸à¸à¸à¹à¸§à¸¢à¸à¸à¸à¸à¸³à¸à¸²à¸¡à¹à¸¥à¸°à¹à¸«à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸£à¸´à¸à¸²à¸£à¹à¸à¸·à¹à¸à¸à¸à¹à¸"},{title:"à¹à¸à¹à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸³à¸à¸à¸à¸£à¸¶à¸à¸©à¸²à¸à¹à¸²à¸à¹à¸à¸à¸à¸à¸£à¹à¸¡",description:"à¹à¸à¸à¸à¸à¸£à¹à¸¡à¹à¸à¹à¸à¸à¹à¸à¸¡à¸¹à¸¥ สำหรัà¸à¸à¸£à¸¶à¸à¸©à¸²à¸à¸¹à¹à¹à¸à¸µà¹à¸¢à¸§à¸à¸²à¸"},{title:"สà¹à¸à¹à¸à¸à¸ªà¸³à¸£à¸§à¸à¸à¸§à¸²à¸¡à¸à¸¶à¸à¸à¸à¹à¸à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´",description:"สà¹à¸à¹à¸à¸à¸à¸à¸£à¹à¸¡à¸ªà¸³à¸£à¸§à¸à¸à¸§à¸²à¸¡à¸à¸¶à¸à¸à¸à¹à¸ à¹à¸¥à¸°à¹à¸à¹à¸à¸à¹à¸à¸¡à¸¹à¸¥à¹à¸à¸·à¹à¸à¸à¸±à¸à¸à¸²à¹à¸¥à¸°à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸à¸£à¸´à¸à¸²à¸£"},{title:"LINE Notify à¹à¸à¹à¸à¹à¸à¸·à¸à¸à¹à¸à¸¢à¸±à¸à¸à¸¹à¹à¸à¸¹à¹à¸¥",description:"à¹à¸à¹à¸à¹à¸à¸·à¸à¸à¹à¸¡à¸·à¹à¸à¸¡à¸µà¸à¸²à¸£à¸ªà¹à¸à¸à¸à¸à¸§à¸²à¸¡à¸à¸à¸à¸£à¸¶à¸à¸©à¸² à¹à¸à¸¢à¸±à¸à¹à¸à¸à¸¡à¸´à¸à¸à¸¹à¹à¸£à¸±à¸à¸à¸´à¸à¸à¸à¸ à¹à¸à¹à¸à¹à¸¥à¸°à¸à¸·à¹à¸à¸à¸µà¹"}],n=[{id:"mp-group",category:"Chatbot for Event",title:"MP Group",image:"/images/Usecase/MP-index.webp",bgColor:"#E0F9F3",href:"/th/usecase/mp-group"},{id:"gon-gang",category:"AiBeacon + Coupon",title:"BAR-B-Q PLAZA",image:"/images/Usecase/BBQ-index.webp",bgColor:"#EAFFE8",href:"/th/usecase/gon-gang"}],h={category:"Chatbot for SME",title:"NT Solution",heroImage:"/images/Usecase/NT-index.webp",heroImageAlt:"NT Solution LINE OA",blobColor:"#FFFBD7",accentColor:"#FFD54F",heroImageType:"multi",clientName:"NT",clientLogo:"/images/Usecase/NT/NT-Logo.webp",clientLogoAlt:"NT Solution Logo",solution:"Chatbot",flowImage:"/images/Usecase/NT/NT-Flow.webp",flowImageAlt:"NT Solution Customer Journey",features:o,otherProjects:n};function v(){return r.useEffect(()=>{window.scrollTo(0,0)},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"block md:hidden",children:e.jsx(m,{config:h})}),e.jsxs("div",{className:"hidden md:block",children:[e.jsx(x,{}),e.jsxs("main",{className:"min-h-screen bg-[#041527]",children:[e.jsx("section",{className:"font-thai pt-28 sm:pt-32 pb-8 sm:pb-12 overflow-hidden max-w-7xl mx-auto",children:e.jsx(i,{children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-6 lg:gap-8 items-center border-b border-white/50 pb-20",children:[e.jsxs(s.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:[e.jsx("h3",{className:"text-[34px] sm:text-[46px] md:text-[48px] text-white mb-2",children:"Chatbot for SME"}),e.jsx("h1",{className:"text-[40px] sm:text-[52px] md:text-[64px] lg:text-[100px] font-bold text-white leading-[1.1]",children:"NT Solution"})]}),e.jsx(s.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.5,delay:.2},className:"flex justify-center lg:justify-end",children:e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("div",{className:"w-[280px] h-[220px] sm:w-[360px] sm:h-[280px] md:w-[420px] md:h-[320px] lg:w-[568px] lg:h-[400px] rounded-[300px]",style:{backgroundColor:"#FFFBD7"}}),e.jsx("div",{className:"absolute top-[8%] left-[25%] w-20 sm:w-24 md:w-32 lg:w-40 h-20 sm:h-24 md:h-32 lg:h-40 rounded-full",style:{backgroundColor:"#FFD54F"}}),e.jsx("div",{className:"absolute bottom-[15%] right-[20%] w-12 sm:w-14 md:w-16 lg:w-20 h-12 sm:h-14 md:h-16 lg:h-20 rounded-full",style:{backgroundColor:"#FFD54F"}}),e.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[180px] sm:w-[220px] md:w-[260px] lg:w-[340px]",children:e.jsx("img",{src:"/images/Usecase/NT-index.webp",alt:"NT Solution LINE OA",loading:"lazy",decoding:"async",className:"w-full h-auto drop-shadow-2xl"})})]})})]})})}),e.jsx("section",{className:"font-thai",children:e.jsx(i,{children:e.jsx(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},children:e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsx("div",{children:e.jsx("h3",{className:"text-[20px] sm:text-[28px] md:text-[32px] font-bold text-white",children:"รายละà¹à¸à¸µà¸¢à¸"})}),e.jsxs("div",{className:"flex gap-12 sm:gap-16 md:gap-24 lg:gap-20 pr-26",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-[20px] sm:text-[28px] md:text-[32px] font-bold text-white mb-2",children:"ลูà¸à¸à¹à¸²"}),e.jsxs("div",{className:"flex items-center gap-3 sm:gap-4",children:[e.jsx("div",{className:"w-12 h-12 sm:w-16 sm:h-16 md:w-20 md:h-20 rounded-xl overflow-hidden shrink-0",children:e.jsx("img",{src:"/images/Usecase/NT/NT-Logo.webp",alt:"NT Solution Logo",className:"w-full h-full object-cover"})}),e.jsx("span",{className:"text-[14px] sm:text-[18px] md:text-[22px] text-white font-medium",children:"NT"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-[20px] sm:text-[28px] md:text-[32px] font-bold text-white mb-2",children:"Solution"}),e.jsx("p",{className:"text-[14px] sm:text-[18px] md:text-[22px] text-white",children:"Chatbot"})]})]})]})})})}),e.jsx("section",{className:"font-thai py-8 sm:py-12 md:py-16",children:e.jsx(i,{children:e.jsx(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"flex justify-center",children:e.jsx("img",{src:"/images/Usecase/NT/NT-Flow.webp",alt:"NT Solution Customer Journey",loading:"lazy",decoding:"async",className:"w-full h-auto rounded-2xl"})})})}),e.jsx("section",{className:"font-thai py-10 sm:py-12 md:py-16",children:e.jsx(i,{children:e.jsxs("div",{className:"grid lg:grid-cols-2",children:[e.jsx(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},children:e.jsx("h2",{className:"text-[28px] sm:text-[36px] md:text-[44px] font-bold text-white",children:"à¸à¸µà¹à¸à¸à¸£à¹à¸«à¸¥à¸±à¸"})}),e.jsx("div",{className:"space-y-8 sm:space-y-10 md:space-y-12",children:o.map((t,a)=>e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:.1*a},className:"flex gap-4",children:[e.jsx("div",{className:"shrink-0 mt-1",children:e.jsx("div",{className:"w-6 h-6 sm:w-7 sm:h-7 rounded-full bg-[#FFD54F] flex items-center justify-center",children:e.jsx(p,{className:"w-4 h-4 text-[#041527]"})})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-[18px] sm:text-[24px] md:text-[28px] font-bold text-white mb-1",children:t.title}),e.jsx("p",{className:"text-[14px] sm:text-[18px] md:text-[24px] text-gray-400 leading-relaxed",children:t.description})]})]},a))})]})})}),e.jsx("section",{className:"font-thai py-10 sm:py-12 md:py-16",children:e.jsxs(i,{children:[e.jsx("div",{className:"border-t border-white/50 mb-10 sm:mb-12 md:mb-16"}),e.jsxs("div",{className:"flex flex-col lg:flex-row lg:items-start lg:justify-between gap-8",children:[e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"mb-4 lg:mb-0",children:[e.jsx("h1",{className:"text-[24px] sm:text-[28px] md:text-[50px] font-bold text-white mb-4",children:"à¹à¸à¸£à¹à¸à¸à¸à¸·à¹à¸à¹"}),e.jsx(l,{to:"/th/usecase",className:"text-[18px] sm:text-[20px] text-white underline hover:text-gray-300",children:"à¸à¸¹à¹
1à¸à¸£à¹à¸à¸à¸à¸±à¹à¸à¸«à¸¡à¸"})]}),e.jsx("div",{className:"flex gap-6 lg:gap-8",children:n.map((t,a)=>e.jsx(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:.1*(a+1)},children:e.jsx(l,{to:t.href,children:e.jsxs("div",{className:"group cursor-pointer",children:[e.jsx("div",{className:"relative rounded-xl sm:rounded-2xl overflow-hidden aspect-square flex items-center justify-center p-2 transition-transform duration-300 group-hover:scale-[1.02] w-[300px] sm:w-[400px]",style:{backgroundColor:t.bgColor},children:e.jsx("img",{src:t.image,alt:t.title,loading:"lazy",decoding:"async",className:"w-full h-full object-contain drop-shadow-lg"})}),e.jsxs("div",{className:"mt-3 sm:mt-4",children:[e.jsx("p",{className:"text-[11px] sm:text-[12px] md:text-[14px] text-gray-400 mb-0.5",children:t.category}),e.jsx("h3",{className:"text-[16px] sm:text-[20px] md:text-[24px] font-bold text-white",children:t.title})]})]})})},t.id))})]}),e.jsx("div",{className:"border-b border-white/50 pb-10"})]})}),e.jsx(c,{})]}),e.jsx(d,{})]})]})}export{v as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.