https://www.mazda.co.th/_next/static/chunks/pages/index-cdbef887173bab51.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3332],{347:(e,s,r)=>{"use strict";r.d(s,{A:()=>h});var t=r(37876),a=r(14232);r(89099);var n=r(54587),l=r.n(n),i=r(48230),c=r.n(i);r(18847);var d=r(27830);let o="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,m=a.memo(function({thumb:e,category:s,tags:r,detail:n,link:i,layout:m,...h}){return(0,a.useContext)(d.A),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:`cardLivingMazda ${"thumb"===m?"ui-thumb":"ui-expand"}`,children:(0,t.jsx)(c(),{href:i,children:(0,t.jsxs)("div",{className:"cardLivingMazda_inner",children:[(0,t.jsxs)("div",{className:"cardLivingMazda_thumb",children:[(0,t.jsx)(l(),{unoptimized:o,layout:"",className:"thumb",src:e,width:550,height:415,alt:""}),r?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"tags",children:r.split(",").map((e,s)=>(0,t.jsx)("div",{className:"tag",children:e},s))})}):null]}),(0,t.jsxs)("div",{className:"cardLivingMazda_content",children:[r?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"tags",children:r.split(",").map((e,s)=>(0,t.jsx)("div",{className:"tag",children:e},s))})}):null,(0,t.jsx)("p",{className:"detail",children:n})]})]})})})})}),h=a.memo(m)},7825:(e,s,r)=>{"use strict";r.d(s,{A:()=>c});var t=r(37876),a=r(14232),n=r(14259),l=r(27830);let i=(0,a.forwardRef)(function({url:e,onReady:s,muted:r=!0,controls:i=0,className:c=""},d){(0,a.useContext)(l.A);let[o,m]=(0,a.useState)(null);return((0,a.useEffect)(()=>{e?m((e=>{try{let s=new URL(e),r=s.searchParams.get("v");if(r)return r;if(s.hostname.includes("youtu.be"))return s.pathname.replace("/","");return null}catch{return e}})(e)):m(null)},[e]),o)?(0,t.jsx)(n.A,{className:`embed-holder ${c}`,videoId:o,opts:{width:"100%",playerVars:{autoplay:1,mute:+!!r,loop:1,controls:i,showinfo:0,color:"white",modestbranding:1,playsinline:1,enablejsapi:1,playlist:o||void 0}},ref:d,onReady:s,onError:e=>{}}):null}),c=(0,a.memo)(i)},10229:(e,s,r)=>{"use strict";r.r(s),r.d(s,{__N_SSP:()=>U,default:()=>Y});var t=r(37876),a=r(14232),n=r(89099),l=r(54587),i=r.n(l),c=r(48230),d=r.n(c),o=r(10841),m=r.n(o);r(68680);var h=r(42861),u=r(59174);r(59844),r(50840),r(38322);var x=r(56445);r(18847),r(11066),r(96176),r(90265);var g=r(27830),p=r(21113);r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;let j=a.memo(function({model:e,title_TH:s,title_EN:r,exterior:n,engine:l,safety:i,soundSystem:c,storage:o,passengers:m,infotainment:h,convenience:u,price:x,link:p,book:j,...v}){let f=(0,a.useContext)(g.A);return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"cardeExploRerangerInfo",children:(0,t.jsx)("div",{className:"cardeExploRerangerInfo_inner",children:(0,t.jsxs)("div",{className:"cardeExploRerangerInfo_content",children:[(0,t.jsxs)("h2",{className:"title_content",children:[e.replace(/\\n

1/g," ").replace(/\n/g," ")," | ","th"===f.lang?s:r]}),(0,t.jsx)("div",{className:"boxInfo infoModel",children:(0,t.jsxs)("div",{className:"boxInfoInner",children:[(0,t.jsxs)("div",{className:"infoGroup",children:[(0,t.jsxs)("div",{className:"itemInfo exterior",children:[(0,t.jsx)("i",{className:"icon-ic-car-detail-full"}),(0,t.jsxs)("div",{className:"text",children:[(0,t.jsx)("h4",{children:"th"===f.lang?"ภายนอก":"Exterior"}),(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:n||"-"}})]})]}),(0,t.jsxs)("div",{className:"itemInfo engine",children:[(0,t.jsx)("i",{className:"icon-ic-engine-full"}),(0,t.jsxs)("div",{className:"text",children:[(0,t.jsx)("h4",{children:"th"===f.lang?"เครื่องยนต์":"Engine"}),(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:l||"-"}})]})]}),(0,t.jsxs)("div",{className:"itemInfo safety",children:[(0,t.jsx)("i",{className:"icon-ic-shield"}),(0,t.jsxs)("div",{className:"text",children:[(0,t.jsx)("h4",{children:"th"===f.lang?"เทคโนโลยีความปลอดภัย":"Safety"}),(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:i||"-"}})]})]})]}),(0,t.jsxs)("div",{className:"infoPrice",children:[(0,t.jsx)("h4",{children:"th"===f.lang?"เริ่มต้นที่":"Start From"}),(0,t.jsxs)("p",{children:[x," ","th"===f.lang?"บาท":"THB"]})]})]})}),j&&p?(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:"action",children:[(0,t.jsx)(d(),{className:"btnHover lightDark",tabIndex:"-1",href:"/cars/"+p,onClick:()=>{f.gtmPush("home_explore_"+f.convertModelText(e)+"_detail")},children:(0,t.jsx)("div",{className:"text",children:(0,t.jsxs)("span",{children:[" ","th"===f.lang?"ดูรายละเอียด":"View Detail"," "]})})}),(0,t.jsx)(d(),{className:"btnHover dark",tabIndex:"-1",href:"/request-quote?queryModel="+j,onClick:()=>{f.gtmPush("home_explore_"+f.convertModelText(e)+"_online_booking")},children:(0,t.jsx)("div",{className:"text",children:(0,t.jsxs)("span",{children:[" ","th"===f.lang?"ขอใบเสนอราคา":"Request Quote"," "]})})})]})}):(0,t.jsx)(t.Fragment,{})]})})})})}),v=a.memo(j),f="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,N=a.memo(function({id:e,slug:s,bgDesktop:r,bgMobile:n,...l}){return(0,a.useContext)(g.A),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"cardeExploRerangerBg",children:(0,t.jsxs)("div",{className:"cardeExploRerangerBg_inner",children:[(0,t.jsx)(i(),{unoptimized:f,layout:"",className:"bgThumb desktopThumb",src:r,width:1920,height:520,alt:""}),(0,t.jsx)(i(),{unoptimized:f,layout:"",className:"bgThumb mobileThumb",src:n,width:1920,height:520,alt:""})]})})})}),b=a.memo(N);r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;let _=a.memo(function({type:e,data:s}){let r=(0,a.useContext)(g.A),n=(0,a.useRef)(null),l=(0,a.useRef)(null),i=(0,a.useRef)(null);(0,a.useRef)(null),(0,a.useRef)(null);let[c,d]=(0,a.useState)(e),o=e=>{m()},m=()=>{let e=document.querySelector(".widthContainer"),s=document.querySelector(".blockSwiperExploReranger_thumb .swiper-button-prev"),r=document.querySelector(".blockSwiperExploReranger_thumb .swiper-button-next");if(e&&s&&r){let t=e.offsetLeft+15;s.style.left=`${t}px`,r.style.right=`${t}px`}};return(0,a.useEffect)(()=>(m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}),[]),(0,a.useEffect)(()=>{let e=document.querySelector(".blockSwiperExploReranger_thumb .swiper-button-prev"),r=document.querySelector(".blockSwiperExploReranger_thumb .swiper-button-next");s&&s.length<=1&&(e.style.display="none",r.style.display="none")},[s]),(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:"groupSwiperExploReranger",children:[(0,t.jsx)("div",{className:"widthContainer m-auto"}),(0,t.jsx)("div",{className:"blockSwiperExploReranger_bg",children:(0,t.jsx)(u.RC,{ref:i,effect:"fade",modules:[h.Vx,h.dK,h.Ze,h.Jq],loop:!0,spaceBetween:0,slidesPerView:"auto",allowTouchMove:!1,noSwiping:!0,noSwipingClass:"swiper-no-swiping",mousewheel:!1,className:"swiperSlideExploRerangerBg",onSwiper:o,autoHeight:!0,children:s?.map((e,s)=>(0,t.jsx)(u.qr,{className:"exploRerangerSlideItemBg",children:(0,t.jsx)("div",{className:"slideItemInner",children:(0,t.jsx)(b,{id:e.ID,slug:e.Slug,bgDesktop:e.BgModelDesktop?""+e.BgModelDesktop:"/images/bgExploReranger.jpg",bgMobile:e.BgModelMobile?""+e.BgModelMobile:"/images/bgExploReranger-m.jpg"})})},s))})}),(0,t.jsxs)("div",{className:"blockSwiperExploReranger",children:[(0,t.jsx)("div",{className:"blockSwiperExploReranger_thumb",children:(0,t.jsx)(u.RC,{ref:n,modules:[h.Vx,h.dK,h.Ze,h.Jq],loop:!s||!(s.length<=1),navigation:!0,spaceBetween:0,centeredSlides:!0,onSlideChange:e=>{l.current&&l.current.swiper&&i.current&&i.current.swiper&&(l.current.swiper.slideTo(e.activeIndex),i.current.swiper.slideTo(e.activeIndex))},onSwiper:o,slidesPerView:"auto",speed:800,className:"swiperSlideExploRerangerCar",children:s?.map((e,s)=>(0,t.jsx)(u.qr,{className:"exploRerangerSlideItem",children:(0,t.jsx)("div",{className:"slideItemInner",children:(0,t.jsx)(p.A,{gtm:"home_explore_"+r.convertModelText(e.Slug)+"_detail",thumb:e.Image?""+e.Image:"/images/model-404.png",name:e.Name,link:e.Slug,book:e.ID,textCursor:"th"===r.lang?"ดูรายละเอียด":"View Detail"})})},s))})}),(0,t.jsx)("div",{className:"blockSwiperExploReranger_info",children:(0,t.jsx)(u.RC,{ref:l,effect:"fade",modules:[h.Vx,h.dK,h.Ze,h.Jq],loop:!0,spaceBetween:0,slidesPerView:"auto",allowTouchMove:!1,noSwiping:!0,noSwipingClass:"swiper-no-swiping",mousewheel:!1,className:"swiperSlideExploRerangerInfo",onSwiper:o,autoHeight:!0,children:s?.map((e,s)=>(0,t.jsx)(u.qr,{className:"exploRerangerSlideItem",children:(0,t.jsx)("div",{className:"slideItemInner",children:(0,t.jsx)(v,{model:e?.Name||"",title_TH:e?.Subtitle||"-",title_En:e?.Subtitle||"-",exterior:e?.Exterior||"-",engine:e?.Engine||"-",safety:e?.Safety||"-",soundSystem:e?.SoundSystem||"-",storage:e?.Capacity||"-",passengers:e?.Passenger||"-",infotainment:e?.Infotainment||"-",convenience:e?.Convenience||"-",price:e?.Price||"-",link:e.Slug,book:e.ID})})},s))})})]})]})})}),y=a.memo(_);var w=r(96941),T=r(26276);let M="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,I=a.memo(function({gtmKey:e,thumb:s,title:r,detail

1:n,link:l,backPage:c,...o}){let m=(0,a.useContext)(g.A);return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"cardOwnerShip",children:(0,t.jsxs)("div",{className:"cardOwnerShip_inner",children:[(0,t.jsx)(d(),{className:"cardOwnerShip_thumb",href:l||"/",target:c?"_blank":"_self",onClick:()=>{m.gtmPush(e)},children:(0,t.jsx)(i(),{unoptimized:M,layout:"",className:"thumb",src:s,width:570,height:759,alt:""})}),(0,t.jsxs)("div",{className:"cardOwnerShip_content",children:[(0,t.jsx)("h3",{dangerouslySetInnerHTML:{__html:r.replace(/\\n/g,"<br>").replace(/\n/g,"<br>")}}),(0,t.jsxs)("div",{className:"contentDetail",children:[(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:n.replace(/\\n/g,"<br>").replace(/\n/g,"<br>")}}),(0,t.jsxs)(d(),{href:l||"/",target:c?"_blank":"_self",className:"link",onClick:()=>{m.gtmPush(e)},children:[(0,t.jsx)("div",{className:"text",children:"th"===m.lang?"ดูเพิ่มเติม":"Discover More"})," ",(0,t.jsx)("i",{className:"icon-ic-right"})]})]})]})]})})})}),E=a.memo(I),S="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;w.Ay.registerPlugin(T.ScrollTrigger);let k=a.memo(function(e){let s=(0,a.useContext)(g.A),r=(0,a.useRef)(null),n=(0,a.useRef)(null),l=(0,a.useRef)(null),c=(0,a.useRef)(null),d=[(0,a.useRef)(null),(0,a.useRef)(null),(0,a.useRef)(null),(0,a.useRef)(null)],o=[(0,a.useRef)(null),(0,a.useRef)(null),(0,a.useRef)(null),(0,a.useRef)(null)];return(0,a.useEffect)(()=>{r.current&&r.current&&setTimeout(()=>{if(w.Ay.from(n.current,{left:"0%",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=60% ",scrub:1,markers:!1,pin:!0,onUpdate:e=>{let s=e.progress;n.current&&(s>=.55?n.current.classList.add("finish"):n.current.classList.remove("finish"))}}}),d.length>=1&&(w.Ay.fromTo(d[0].current,{top:"-15px",left:"0",right:"0",scale:1},{top:"0",left:"0",right:"100%",scale:1,marginTop:"-40px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}}),w.Ay.fromTo(d[1].current,{top:"-30px",left:"0",right:"0",scale:.95},{top:"0",left:"0",right:"0%",scale:1,marginTop:"-40px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}}),w.Ay.fromTo(d[2].current,{top:"-45px",left:"0",right:"0",scale:.8},{top:"0",left:"0",right:"-66.66%",scale:1,marginTop:"-40px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}})),o.length>=1){n?.current?.getBoundingClientRect();let e=c?.current?.getBoundingClientRect(),s=o[2]?.current?.getBoundingClientRect(),t=s?.top-e?.top,a=s?.top-e?.top;w.Ay.fromTo(o[0].current,{y:"-40px",left:"25%",right:"0",scale:1},{y:"0",left:"0",right:"0",scale:1,marginTop:"-40px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}}),w.Ay.fromTo(o[1].current,{y:"-35px",left:"-25%",right:"0",scale:.95},{y:"0",left:"0",right:"0",scale:1,marginTop:"-40px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}}),w.Ay.fromTo(o[2].current,{y:-(t+50),left:"0%",right:"0",scale:.8},{y:"0",left:"0",right:"0",scale:1,marginTop:"-10px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}}),w.Ay.fromTo(o[3].current,{y:-(a+55),left:"-25%",right:"0",scale:.75},{y:"0",left:"0",right:"0",scale:1,marginTop:"-10px",scrollTrigger:{trigger:r.current,start:"top top",end:"bottom-=80% ",scrub:1,markers:!1}})}},1e3)},[]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"blockOwnershipStartHereScroll",ref:r,children:(0,t.jsxs)("div",{className:"blockOwnershipStartHereScroll_inner",ref:n,children:[(0,t.jsx)("div",{className:"blockOwnershipStartHereScroll_title",children:(0,t.jsxs)("h3",{className:"title_content",children:[" ","th"===s.lang?(0,t.jsxs)(t.Fragment,{children:[" สนใจเป็นเจ้าของ ",(0,t.jsx)("br",{})," เริ่มต้นที่นี่ "]}):(0,t.jsxs)(t.Fragment,{children:[" Ownership ",(0,t.jsx)("br",{})," Start Here "]})," "]})}),(0,t.jsxs)("div",{className:"blockOwnershipStartHereScroll_grid",children:[(0,t.jsxs)("div",{className:"scrollGrid_Row scrollGrid_desktop scrollGrid_update",ref:l,children:[(0,t.jsx)("div",{className:"scrollGrid_col",ref:d[0],children:(0,t.jsx)("div",{className:"scrollGrid_card",children:(0,t.jsx)(E,{gtmKey:"home_mazda_cpo",thumb:"/images/thumbOwnership_1.jpg",title:"th"===s.lang?"รถมาสด้ามือสองคัดคุณภาพ":"CPO",detail:"th"===s.lang?"มั่นใจทุกการเดินทาง ตรวจสอบ\nคุณภาพในทุกมิติ คัดรถมาสด้ามือ\nสองอย่างละเอียดด้วยผู้เชี่ยวชาญ":"See where you stand on your journey to owning Mazda",link:"/used-car/cpo/",backPage:!1})})}),(0,t.jsx)("div",{className:"scrollGrid_col",ref:d[1],children:(0,t.jsx)("div",{className:"scrollGrid_card",children:(0,t.jsx)(E,{gtmKey:"home_maintenance_cost",thumb:"/images/thumbOwnership_3_update.jpg",title:"th"===s.lang?"ค่าใช้จ่ายบำรุงรักษา\nรถตามระยะ":"Service Pricing Guide",detail:"th"===s.lang?"ค้นหาค่าบริการบำรุง\nรักษารถจากมาสด้า\nสำหรับรถมาสด้าในฝัน\nของคุณ":"Find the right service price for your dream Mazda model",link:"/maintenance",backPage:!1})})}),(0,t.jsx)("div",{className:"scrollGrid_col",ref:d[2],children:(0,t.jsxs)("div",{className:"scrollGrid_card",children:[(0,t.jsx)(E,{gtmKey:"home_about_mazda_family",thumb:"/images/thumbOwnership_4_update_new.png",title:"th"===s.lang?"เชื่อมต่อกับมาสด้า​":"Stay Connected",detail

1:"th"===s.lang?"มีสิทธิประโยชน์อีกมากมายรออยู่\nกดเพิ่มเพื่อนไว้เพื่ออัปเดทข่าวสาร\nกับ Mazda Sky Journey":"Never miss a special offer from Mazda.Connect with Mazda Family now",link:"https://page.line.me/?accountId=skyjourney",backPage:!0}),(0,t.jsx)("div",{className:"cardThumb"})]})}),(0,t.jsx)("div",{className:"scrollGrid_col emptySpace",children:(0,t.jsx)("div",{className:"cardThumb",children:(0,t.jsx)("div",{className:"scrollGrid_card",children:(0,t.jsx)(i(),{unoptimized:S,layout:"",className:"thumb",src:"/images/thumbOwnership_0.png",width:570,height:759,alt:""})})})})]}),(0,t.jsxs)("div",{className:"scrollGrid_Row scrollGrid_mobile",ref:c,children:[(0,t.jsx)("div",{className:"scrollGrid_col",ref:o[0],children:(0,t.jsx)("div",{className:"scrollGrid_card",children:(0,t.jsx)(E,{thumb:"/images/thumbOwnership_1.jpg",title:"th"===s.lang?"รถมาสด้ามือสองคัดคุณภาพ":"CPO",detail:"th"===s.lang?"มั่นใจทุกการเดินทาง ตรวจสอบ\nคุณภาพในทุกมิติ คัดรถมาสด้ามือ\nสองอย่างละเอียดด้วยผู้เชี่ยวชาญ":"See where you stand on your journey to owning Mazda",link:"/used-car/cpo/",backPage:!1},"home_mazda_cpo")})}),(0,t.jsx)("div",{className:"scrollGrid_col",ref:o[1],children:(0,t.jsx)("div",{className:"scrollGrid_card",children:(0,t.jsx)(E,{thumb:"/images/thumbOwnership_3_update.jpg",title:"th"===s.lang?"ค่าใช้จ่ายบำรุงรักษา\nรถตามระยะ":"Service Pricing Guide",detail:"th"===s.lang?"ค้นหาค่าบริการบำรุง\nรักษารถจากมาสด้า\nสำหรับรถมาสด้าในฝัน\nของคุณ":"Find the right service price for your dream Mazda model",link:"/maintenance",backPage:!1},"home_maintenance_cost")})}),(0,t.jsx)("div",{className:"scrollGrid_col",ref:o[2],children:(0,t.jsx)("div",{className:"scrollGrid_card",children:(0,t.jsx)(E,{thumb:"/images/thumbOwnership_4_update_new.png",title:"th"===s.lang?"เชื่อมต่อกับมาสด้า​":"Stay Connected",detail:"th"===s.lang?"มีสิทธิประโยชน์อีกมากมายรออยู่\nกดเพิ่มเพื่อนไว้เพื่ออัปเดทข่าวสาร\nกับ Mazda Sky Journey":"Never miss a special offer from Mazda.Connect with Mazda Family now",link:"https://page.line.me/?accountId=skyjourney",backPage:!0},"home_about_mazda_family")})})]})]})]})})})}),z=a.memo(k);r(70402),r(53390);var C=r(347);r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,w.Ay.registerPlugin(T.ScrollTrigger),h.Ay.use([h.Vx,h.dK]);let A=a.memo(function({data:e}){let s=(0,a.useContext)(g.A),r=(0,a.useRef)(null),n=(0,a.useRef)(null),l=(0,a.useRef)(null),i=(0,a.useRef)(null),c=(0,a.useRef)(null),[o,m]=(0,a.useState)(null);return(0,a.useEffect)(()=>{r.current&&n.current&&(l.current?setTimeout(()=>{w.Ay.from(n.current,{left:"0%",scrollTrigger:{trigger:r.current,start:"top bottom-=40%",end:"top+=80%",markers:!1,onEnter:()=>{if("finished"!==o&&l.current){let e=l.current.querySelectorAll("span");e.length>0&&w.Ay.fromTo(e,{opacity:0,y:32},{opacity:1,y:0,stagger:.1,duration:.4,ease:"back.out(1.4)"}),i.current&&w.Ay.fromTo(i.current,{opacity:0,y:32},{opacity:1,y:0,duration:.4,delay:.4,ease:"back.out(1.4)"}),c.current&&w.Ay.fromTo(c.current,{opacity:0,y:32},{opacity:1,y:0,duration:.8,delay:.4,ease:"back.out(1.4)"})}},once:!0}})},1e3):console.error("titleRef.current is null"))},[o]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"secLivingMazda",ref:r,children:(0,t.jsxs)("div",{className:"secLivingMazda_inner",ref:n,children:[(0,t.jsxs)("div",{className:"secLivingMazda_title",children:[(0,t.jsxs)("h3",{className:"title_content",ref:l,children:[" ",(s.lang,(0,t.jsxs)(t.Fragment,{children:[" ",(0,t.jsx)("div",{className:"text en",children:(0,t.jsx)("span",{children:"LIFE"})}),(0,t.jsx)("div",{className:"text en",children:(0,t.jsx)("span",{children:"WITH"})}),(0,t.jsx)("div",{className:"text en",children:(0,t.jsx)("span",{children:"MAZDA"})})," "]}))]}),(0,t.jsx)("p",{ref:i})]}),(0,t.jsxs)("div",{className:"secLivingMazda_gridContent",ref:c,children:[(0,t.jsxs)("div",{className:"gridContent",children:[(0,t.jsxs)("div",{className:"gridRow gridLeft",children:[(0,t.jsxs)("div",{className:"gridSubLeft topLeft",children:[(0,t.jsx)("div",{className:"gridTopLeft left",children:e[0]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[0].Thumbnail?""+e[0].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[0].Category,tags:e[0].Tags,detail:e[0].Title,link:"/life-with-mazda/detail/"+e[0].Slug})}):null}),(0,t.jsxs)("div",{className:"gridTopLeft right",children:[e[1]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[1].Thumbnail?""+e[1].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[1].Category,tags:e[1].Tags,detail:e[1].Title,link:"/life-with-mazda/detail/"+e[1].Slug})}):null,e[2]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[2].Thumbn

1ail?""+e[2].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[2].Category,tags:e[2].Tags,detail:e[2].Title,link:"/life-with-mazda/detail/"+e[2].Slug})}):null]})]}),(0,t.jsxs)("div",{className:"gridSubLeft bottomLeft",children:[e[3]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[3].Thumbnail?""+e[3].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[3].Category,tags:e[3].Tags,detail:e[3].Title,link:"/life-with-mazda/detail/"+e[3].Slug})}):null,e[4]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[4].Thumbnail?""+e[4].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[4].Category,tags:e[4].Tags,detail:e[4].Title,link:"/life-with-mazda/detail/"+e[4].Slug})}):null]})]}),(0,t.jsxs)("div",{className:"gridRow gridRight",children:[e[5]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[5].Thumbnail?""+e[5].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[5].Category,tags:e[5].Tags,detail:e[5].Title,link:"/life-with-mazda/detail/"+e[5].Slug})}):null,e[6]?(0,t.jsx)("div",{className:"gridCol",children:(0,t.jsx)(C.A,{layout:"thumb",thumb:e[6].Thumbnail?""+e[6].Thumbnail:"/images/accessoriesModel-404.jpg",category:e[6].Category,tags:e[6].Tags,detail:e[6].Title,link:"/life-with-mazda/detail/"+e[6].Slug})}):null]})]}),(0,t.jsx)("div",{className:"gridSlide",children:(0,t.jsx)(u.RC,{navigation:!1,pagination:{clickable:!0},slidesPerView:1,spaceBetween:10,loop:!0,speed:600,className:"swiper-content",children:e.slice(0,7).map((e,s)=>(0,t.jsx)(u.qr,{className:"item-swiper",children:(0,t.jsx)("div",{className:"swiperInner",children:(0,t.jsx)(C.A,{layout:"expand",thumb:e.Thumbnail?""+e.Thumbnail:"/images/accessoriesModel-404.jpg",tags:e?.Category||"",detail:e?.Title||"",link:"/life-with-mazda/detail/"+e.Slug})})},s))})}),(0,t.jsx)("div",{className:"gridContent_action",children:(0,t.jsx)(d(),{className:"btnHover lightDark",href:"/life-with-mazda",onClick:()=>{s.gtmPush("home_blog_discover_more")},children:(0,t.jsx)("div",{className:"text",children:(0,t.jsxs)("span",{children:[" ","th"===s.lang?"ดูเพิ่มเติม":"Discover More"," "]})})})})]})]})})})}),L=a.memo(A);w.Ay.registerPlugin(T.ScrollTrigger),h.Ay.use([h.Vx,h.dK]);let R=a.memo(function({data:e}){let s=(0,a.useContext)(g.A),r=(0,a.useRef)(null),l=(0,a.useRef)(null),i=(0,a.useRef)(null),c=(0,a.useRef)(null),o=(0,a.useRef)(null),m=(0,a.useRef)(null),h=(0,a.useRef)(null);(0,a.useRef)(null),(0,n.useRouter)();let[u,x]=(0,a.useState)("MhTQKh08l_k"),[p,j]=(0,a.useState)("NcmWS6eid6E"),[v,f]=(0,a.useState)(!1);return s.screenSize,(0,a.useEffect)(()=>{r.current&&l.current&&(w.Ay.from(r.current,{scrollTrigger:{trigger:r.current,start:"top top-=150",end:"bottom, bottom+=150",pin:!0,scrub:!0,markers:!1,pin:!0,onUpdate:e=>{let s=e.progress;l.current&&(s>=1?l.current.classList.add("finish"):l.current.classList.remove("finish"))}}}),w.Ay.fromTo(o.current,{scale:.5},{scale:1,duration:1.5,ease:"power2.out",scrollTrigger:{trigger:r.current,start:"top +=800px",end:"bottom-=800px",scrub:1,markers:!1}}))},[]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"secWhyMazda",ref:r,children:(0,t.jsxs)("div",{className:"secWhyMazda_inner",ref:l,children:[(0,t.jsx)("div",{className:"secWhyMazda_title",children:"th"===s.lang?(0,t.jsxs)("h3",{className:"title_content",ref:i,children:["ทำไมต้อง",(0,t.jsx)("br",{className:"is-mobile"}),"มาสด้า?"]}):(0,t.jsx)("h3",{className:"title_content",ref:i,children:"Why Mazda"})}),(0,t.jsxs)("div",{className:"secWhyMazda_content",ref:c,children:[(0,t.jsx)("div",{className:"content_video",ref:o,children:(0,t.jsx)("div",{className:"videoYoutube",children:(0,t.jsx)("video",{className:"video",width:"100%",height:"100%",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,ref:m,children:(0,t.jsx)("source",{src:"https://www.mazda.co.th/s3fs-public/custom/home-page/video/100-Years-of-Mazda-Craftsmanship.mp4",type:"video/mp4"})})})}),(0,t.jsxs)("div",{className:"content_action",ref:h,children:["th"===s.lang?(0,t.jsxs)("p",{children:["จุดประกายความเร้าใจในทุกจังหวะการเต้นของหัวใจ พื้นฐานสำคัญของแบรนด์มาสด้า ",(0,t.jsx)("br",{})," คือ “ความสุขที่มากกว่าการขับขี่”"]}):(0,t.jsxs)("p",{children:["More than just driving, Mazda aims to ignite excitement in every heartbeat.",(0,t.jsx)("br",{})," That 'Joyful experience beyond driving' is our very foundation."]}),(0,t.jsx)(d(),{className:"btnHover white",href:"/why-mazda",onClick:()=>{s.gtmPush("")},children:(0,t.jsx)("div",{className:"text",children:(0,t.jsxs)("span",{children:[" ","th"===s.lang?"ดูเพิ่มเติม":"Discover More"," "]})})})]})]})]})})})}),P=a.memo(R);r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;let B="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,O=a.memo(function({thumb:e,title:s,detail:r,link:n,...l}){return(0,a.useContext)(g.A),(0,t.jsx)(t.Fragment,{children:n?(0,t.jsx)(d(),{href:n,children:(0,t.jsx)("div",{className:"cardExperience",children:(0,t.jsxs)("div",{className:"cardExperience_inner",children:[(0,t.jsx)("div",{className:"cardExperience_thumb",children:(0,t.jsx)(i(),{unoptimized:B,layout:"",className:"thumb",src:e,width:1090,height:540,alt:""})}),(0,t.jsxs)("div",{className:"cardExperience_content",children:[(0,t.jsx)("h3",{children:s}),(0,t.jsx)("p",{children:r})]})]})})}):(0,t.jsx)("div",{className:"cardExperience",children:(0,t.jsxs)("div",{className:"cardExperience_inner",children:[(0,t.jsx)("div",{className:"cardExperience_thumb",children:(0,t.jsx)(i(),{unoptimized:B,layout:"",className:"thumb",src:e,width:1090,height:540,alt:""})}),(0,t.jsxs)("div",{className:"cardExperience_content",children:[(0,t.jsx)("h3",{children:s}),(0,t.jsx)("p",{children:r})]})]})})})}),D=a.memo(O),F="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,H=a.memo(function({thumb:e,video:s,tags:r,category:n,title:l,date:c,link:o,...h}){let u,x,p,j=(0,a.useContext)(g.A),[v,f]=(0,a.useState)(!1),N=(0,a.useRef)(null),b=(0,a.useRef)(null),_=(0,a.useRef)(null);return(0,a.useEffect)(()=>{w.os.set(_.current,{scale:0,xPercent:-50,yPercent:-50});let e=e=>

1{w.os.to(_.current,{scale:1,opacity:1,duration:.3}),t(e)},s=e=>{w.os.to(_.current,{scale:0,opacity:0,duration:.3})},r=e=>{t(e)},t=e=>{let s=b.current.getBoundingClientRect(),r=e.clientX-s.left,t=e.clientY-s.top;w.os.to(_.current,{x:r,y:t,duration:.3})},a=b.current;return a&&(a.addEventListener("pointerenter",e),a.addEventListener("pointerleave",s),a.addEventListener("pointermove",r)),()=>{a&&(a.removeEventListener("pointerenter",e),a.removeEventListener("pointerleave",s),a.removeEventListener("pointermove",r))}},[]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:`cardWorldHover ${v&&"uiSecondHover"}`,children:(0,t.jsx)(d(),{className:"cardWorldHover_inner",href:o,ref:b,children:(0,t.jsxs)("div",{className:"cardWorldHover_inner",children:[(0,t.jsxs)("div",{className:`cardWorldHover_thumb ${!s&&"disabledVideo"}`,onMouseEnter:()=>{f(!0),N.current&&N.current.play()},onMouseLeave:()=>{N.current&&N.current.pause()},children:[(0,t.jsx)(i(),{unoptimized:F,layout:"",className:"thumb",src:e,width:1090,height:540,alt:"",loading:"lazy"}),s?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("video",{ref:N,className:"videoBg",width:"560",height:"315",muted:!0,loop:!0,playsInline:!0,children:(0,t.jsx)("source",{src:s,type:"video/mp4"})})}):null]}),(0,t.jsxs)("div",{className:"cardWorldHover_content",children:[(0,t.jsx)("h3",{children:l}),(0,t.jsxs)("p",{children:[(x=m()(c).format("DD"),p=m()(c).format("MMM"),u="th"===j.lang?parseInt(m()(c).format("YYYY"))+543:parseInt(m()(c).format("YYYY")),`${x} ${p} ${u}`)," "]})]})]})})})})}),G=a.memo(H);var V=r(86139),q=r(87717),W=r(78226);r(96640);var X=r(38570);r(3422),r(3305),r(10553),r(7825);var Z=r(99742);h.Ay.use([h.Vx,h.dK,h.Ze,h.Jq,h._R,h.WO]),Z.env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;var U=!0;function Y({utoken:e,seoData:s,user:r,dataHomeBanner:l,dataType:i,dataHomeCar:c,dataCar:o,dataLiving:m,dataStory:p,dataStoryCategory:j}){let v=(0,a.useContext)(g.A),[f,N]=(0,a.useState)("left"),b=(0,a.useRef)(null),_=(0,a.useRef)(null),T=(0,a.useRef)(null),M=(0,a.useRef)(null),I=(0,a.useRef)(null),E=(0,a.useRef)(null),[S,k]=(0,a.useState)([]),[C,A]=(0,a.useState)([]),[R,B]=(0,a.useState)([]),[O,F]=(0,a.useState)([]),[H,Z]=(0,a.useState)([]),[U,$]=(0,a.useState)([]),[K,J]=(0,a.useState)("all"),Q=(0,n.useRouter)(),ee=()=>{if(I.current&&E.current){let e=I.current.getBoundingClientRect();E.current.style.paddingLeft=`${e.left}px`}};(0,a.useEffect)(()=>{w.os.set(_.current,{scale:0,xPercent:-50,yPercent:-50});let e=e=>{w.os.to(_.current,{scale:1,opacity:1,duration:.3}),t(e)},s=e=>{w.os.to(_.current,{scale:0,opacity:0,duration:.3})},r=e=>{t(e)},t=e=>{let s=b.current.getBoundingClientRect(),r=e.clientX-s.left,t=e.clientY-s.top;w.os.to(_.current,{x:r,y:t,duration:.3})},a=b.current;return a&&(a.addEventListener("pointerenter",e),a.addEventListener("pointerleave",s),a.addEventListener("pointermove",r)),()=>{a&&(a.removeEventListener("pointerenter",e),a.removeEventListener("pointerleave",s),a.removeEventListener("pointermove",r))}},[]),(0,a.useEffect)(()=>{w.os.set(M.current,{scale:0,xPercent:-50,yPercent:-50});let e=e=>{w.os.to(M.current,{scale:1,opacity:1,duration:.3}),t(e)},s=e=>{w.os.to(M.current,{scale:0,opacity:0,duration:.3})},r=e=>{t(e)},t=e=>{let s=T.current.getBoundingClientRect(),r=e.clientX-s.left,t=e.clientY-s.top;w.os.to(M.current,{x:r,y:t,duration:.3})},a=T.current;return a&&(a.addEventListener("pointerenter",e),a.addEventListener("pointerleave",s),a.addEventListener("pointermove",r)),()=>{a&&(a.removeEventListener("pointerenter",e),a.removeEventListener("pointerleave",s),a.removeEventListener("pointermove",r))}},[]),(0,a.useEffect)(()=>{ee();let e=()=>{ee()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,a.useEffect)(()=>{c&&i&&(A(c),k(i),B(c.map(e=>{let s=i.find(s=>s.ID===e.ModelTypeID);return{...e,ModelTypeName:s?s.Name:null}}))),m&&F(m),p&&Z(p),j&&$(j)},[]),(0,a.useEffect)(()=>{if(!Q.isReady||!S.length)return;let{section:e,model:s}=Q.query;if("explore-the-range"===e&&setTimeout(()=>{W.XG.scrollTo("explore-the-range",{smooth:!0,duration:500,offset:(v.screenSize,-30)})},500),s){let e=String(s).toLowerCase(),r=S.find(s=>s.Name.toLowerCase()===e);r?J(r.ID.toString()):"all"===e&&J("all")}},[Q.isReady,Q.query,S,v.screenSize]);let es=()=>{T.current&&T.current.classList.add("mouseActive_word")},er=()=>{T.current&&T.current.classList.remove("mouseActive_word")};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(X.A,{seoData:s}),(0,t.jsx)("div",{id:"spaceMenuTop",className:"spaceMenuTop"}),(0,t.jsxs)("div",{className:"section-body",children:[(0,t.jsx)("div",{className:"blockHeroBanner",children:(0,t.jsx)("div",{className:"blockHeroBanner_inner",children:(0,t.jsx)("div",{className:"blockHeroBanner_row",children:(0,t.jsx)("div",{className:"blockHeroBanner_slide",children:l?(0,t.jsx)(t.Fragment,{children:0!=l.length?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(x.A,{data:l})}):null}):null})})})}),(0,t.jsx)("div",{className:"blockExploReranger",id:"explore-the-range",children:(0,t.jsx)("div",{className:"blockExploReranger_inner",children:(0,t.jsxs)("div",{className:"blockExploReranger_row",children:[(0,t.jsx)("div",{className:"blockExploReranger_title",children:(v.lang,(0,t.jsxs)("h1",{className:"content_title",children:["Explore ","mobile"===v.screenSize&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("br",{})})," the range"]}))}),(0,t.jsx)("div",{className:"blockExploReranger_tabs",children:S&&C&&R?(0,t.jsx)(t.Fragment,{children:0!=R.length&&0!=S.length?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"blockModelTabs ",style:{position:"inherit"},children:(0,t.jsxs)(V.r,{"aria-label":"Options",variant:"underlined",className:"modelTabs",classNames:{base:"modelTabs_base",tabList:"modelTabs_tabList tabListCenter",tab:"modelTabs_tab",tabContent:"modelTabs_tabContent",curs

1or:"modelTabs_cursor",panel:"modelTabs_panel"},selectedKey:K,onSelectionChange:e=>{J(e),setTimeout(()=>{},100)},children:[(0,t.jsx)(q.i,{title:"All",children:(0,t.jsx)("div",{className:"exploreRangetab",children:(0,t.jsx)("div",{className:"exploreRangetabInner",children:0!=R.length?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(y,{type:"All",data:R})}):null})})},"all"),S.map(e=>{let s=R.filter(s=>{let r=String(e.ID);return(Array.isArray(s.ModelTypeID)?s.ModelTypeID.map(String):[String(s.ModelTypeID)]).includes(r)});return(0,t.jsx)(q.i,{title:e.Name,className:`modelTabs_tabStatus ${s.length<=0?"d-none":""}`,children:(0,t.jsx)("div",{className:"exploreRangetab",children:(0,t.jsx)("div",{className:"exploreRangetabInner",children:s.length>0&&(0,t.jsx)(y,{type:e.Name,data:s})})})},e.ID)})]})})}):null}):null})]})})}),(0,t.jsx)("div",{className:"blockWhyMazda",children:(0,t.jsx)("div",{className:"blockWhyMazda_inner",children:(0,t.jsx)(P,{})})}),(0,t.jsx)("div",{className:"blockOwnershipStartHere",children:(0,t.jsx)("div",{className:"blockOwnershipStartHere_inner",children:(0,t.jsx)(z,{})})}),(0,t.jsxs)("div",{className:"blockLivingMazda",children:[(0,t.jsx)("div",{className:"spaceBg spaceBgTop",children:" "}),O&&0!=O.length?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"blockLivingMazda_inner",children:(0,t.jsx)(L,{data:O})})}):null,(0,t.jsx)("div",{className:"spaceBg spaceBgBottom",children:(0,t.jsx)("div",{className:"in"})})]}),(0,t.jsxs)("div",{className:"blockExperiencegMazda",children:[(0,t.jsx)("div",{className:"spaceBgTop"}),(0,t.jsxs)("div",{className:"blockExperiencegMazda_inner",children:[(0,t.jsxs)("div",{className:"blockExperiencegMazda_title",children:[(0,t.jsx)("h3",{className:"title_content",children:"th"===v.lang?(0,t.jsxs)(t.Fragment,{children:["สัมผัสประสบการณ์แบบ",(0,t.jsx)("span",{className:"nowrap",children:"มาสด้า"})," ",(0,t.jsx)("br",{}),"เพราะคุณคือเจ้าของรถคนสำคัญของเรา"]}):(0,t.jsxs)(t.Fragment,{children:["When you get a",(0,t.jsx)("span",{className:"nowrap",children:"Mazda"})," , ",(0,t.jsx)("br",{}),"you get ",(0,t.jsx)("span",{className:"nowrap",children:"Mazda"})," Experience"]})}),"th"===v.lang?(0,t.jsx)("p",{children:"สัมผัสประสบการณ์การเป็นเจ้าของที่จะทำให้คุณกังวลน้อยลง และใช้ชีวิตได้ดั่งใจมากขึ้น"}):(0,t.jsx)("p",{children:"Owner experience of less worrying and more living."})]}),(0,t.jsx)("div",{className:`blockExperiencegMazda_content ${"left"===f&&"uiExperienceLeft"} ${"right"===f&&"uiExperienceRight"}`,children:(0,t.jsxs)("div",{className:"blockExperiencegMazda_content_inner",ref:b,children:[(0,t.jsx)("div",{className:"experiencegCursor",ref:_,children:(0,t.jsx)("div",{className:"innerCursor",children:(0,t.jsxs)("p",{className:"text",children:["Explore ",(0,t.jsx)("br",{}),"More"]})})}),(0,t.jsx)("div",{className:"blockExperiencegMazda_video",children:(0,t.jsx)(d(),{className:"gridExperienceVideo_link",href:"/mazda-family",onClick:()=>{v.gtmPush("home_experience_about_mazda_family")},children:(0,t.jsx)("div",{className:"_inner",children:(0,t.jsx)("video",{className:"video",width:"100%",height:"100%",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,children:(0,t.jsx)("source",{src:"https://www.mazda.co.th/s3fs-public/custom/home-page/video/joy_drives_lives_video_new_20260517.mp4",type:"video/mp4"})})})})}),(0,t.jsx)("div",{className:"gridExperienceContent d-none",children:(0,t.jsx)("div",{className:"cardExperienceAction",children:(0,t.jsx)("button",{className:"btnExperienceAction left",onClick:()=>{N("left"),v.gtmPush("home_experience_aftersale")},onMouseEnter:()=>{b.current&&b.current.classList.add("mouseActive_left")},onMouseLeave:()=>{b.current&&b.current.classList.remove("mouseActive_left")},children:"th"===v.lang?(0,t.jsxs)("div",{className:"inner",children:[(0,t.jsxs)("h2",{children:["Mazda Family ",(0,t.jsx)("br",{}),"Program"]}),(0,t.jsxs)("p",{children:["Being a Mazda owner is always a rewarding ",(0,t.jsx)("br",{}),"experience. Exclusive privileges await."]})]}):(0,t.jsxs)("div",{className:"inner",children:[(0,t.jsxs)("h2",{children:["Mazda ",(0,t.jsx)("br",{}),"Family ",(0,t.jsx)("br",{}),"Program"]}),(0,t.jsxs)("p",{children:["มาสด้ามุ่งมั่นมอบประสบการณ์พิเศษของการเป็น ",(0,t.jsx)("br",{})," ครอบครัวเดียวกันที่เข้าอกเข้าใจยิ่งกว่า และสิทธิพิเศษ ",(0,t.jsx)("br",{})," ที่เลือกสรรมาอย่างพิถีพิถัน"]})]})})})})]})}),(0,t.jsx)("div",{className:"blockExperiencegMazda_list d-none",children:(0,t.jsx)("div",{className:"blockExperiencegMazda_listRow d-flex-j-center",style:{justifyContent:"center"},children:(0,t.jsx)("div",{className:"blockExperiencegMazda_listCol",children:(0,t.jsx)(D,{thumb:"/images/ThumbExperience_2-m.jpg",title:(v.lang,"Mazda Family Program"),detail:"th"===v.lang?"มาสด้ามุ่งมั่นมอบประสบการณ์พิเศษ ของการเป็นครอบครัวเดียวกันที่เข้าอกเข้าใจยิ่งกว่า และสิทธิพิเศษที่เลือกสรรมาอย่างพิถีพิถัน":"Being a Mazda owner is always a rewarding experience. Exclusive privileges await.",link:"/mazda-family"})})})}),(0,t.jsx)("div",{className:"blockExperiencegMazda_video outsite",children:(0,t.jsx)(d(),{className:"gridExperienceVideo_link",href:"/mazda-family",children:(0,t.jsx)("div",{className:"_inner",children:(0,t.jsx)("video",{className:"video",width:"100%",height:"100%",autoPlay:!0,muted:!0,loop:!0,playsInl

1ine:!0,children:(0,t.jsx)("source",{src:"https://www.mazda.co.th/s3fs-public/custom/home-page/video/joy_drives_lives_video_new_20260517.mp4",type:"video/mp4"})})})})})]})]}),(0,t.jsxs)("div",{className:"blocWorldMazda",children:[(0,t.jsx)("div",{className:"spaceWorldMazda",children:(0,t.jsx)("div",{id:"spaceWorldMazdaIn",className:"spaceWorldMazda_in widthContainer",ref:I})}),(0,t.jsx)("div",{className:"boxWorldMazda",ref:E,children:(0,t.jsxs)("div",{className:"worldMazdaInner",children:[(0,t.jsx)("div",{className:"worldMazdaTitle",children:(0,t.jsxs)("div",{className:"content",children:["th"===v.lang?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("h3",{className:"title_content",children:["เรื่องราวของ ",(0,t.jsx)("br",{})," มาสด้า"]}),(0,t.jsxs)("p",{children:["เพราะเราอยากสร้างความเป็นไปได้ที่มากกว่าการขับขี่ ",(0,t.jsx)("br",{})," พบกับความเคลื่อนไหวที่มุ่งไปข้างหน้าอย่างไม่หยุดนิ่งของเรา"]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("h3",{className:"title_content",children:["World ",(0,t.jsx)("br",{})," of Mazda"]}),(0,t.jsxs)("p",{children:["It’s time to go beyond the drive. Explore our ",(0,t.jsx)("br",{})," latest stories, news, events, updates, and more."]})]}),(0,t.jsx)("div",{className:"action is-desktop",children:(0,t.jsx)(d(),{className:"btnHover light",href:"/news-update",onClick:()=>{v.gtmPush("home_world_all_news_list")},children:(0,t.jsx)("div",{className:"text",children:(0,t.jsxs)("span",{children:[" ","th"===v.lang?"ดูเพิ่มเติม":"Discover More"," "]})})})})]})}),(0,t.jsxs)("div",{className:"worldMazdaContent",children:[(0,t.jsx)("div",{className:"worldMazdaContentInner",children:(0,t.jsxs)("div",{className:"worldMazdaContentSlide",ref:T,children:[(0,t.jsx)("div",{className:"worldMazdaCursor",ref:M,children:(0,t.jsx)("div",{className:"innerCursor",children:(0,t.jsxs)("p",{className:"text",children:["Explore ",(0,t.jsx)("br",{}),"More"]})})}),H?(0,t.jsx)(t.Fragment,{children:0!=H.length?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"contentSlide",children:(0,t.jsx)(u.RC,{scrollbar:{hide:!1},modules:[h.FJ],mousewheel:{enabled:H&&H.length>1},loop:!1,spaceBetween:15,slidesPerView:1.6,speed:600,breakpoints:{0:{slidesPerView:1.2,spaceBetween:15},768:{slidesPerView:1.2,spaceBetween:15},992:{slidesPerView:1.4,spaceBetween:15},1200:{slidesPerView:1.6,spaceBetween:15}},className:"swiperWorldMazdaScrollbar",children:H.map((e,s)=>(0,t.jsx)(u.qr,{className:"itemSwiperSlide",children:(0,t.jsx)("div",{className:"innerSwiperSlide",onMouseEnter:es,onMouseLeave:er,children:(0,t.jsx)(G,{thumb:e.Thumbnail?""+e.Thumbnail:"/images/accessoriesModel-404.jpg",title:e?.Title||"-",date:e?.Date||"",link:"/news-update/detail/"+e?.Slug})})},s))})})}):null}):null]})}),(0,t.jsx)("div",{className:"action is-mobile",children:(0,t.jsx)(d(),{className:"btnHover light",href:"/news-update",onClick:()=>{v.gtmPush("home_world_all_news_list")},children:(0,t.jsx)("div",{className:"text",children:(0,t.jsxs)("span",{children:[" ","th"===v.lang?"ดูเพิ่มเติม":"Discover More"," "]})})})})]})]})})]})]})]})}},21113:(e,s,r)=>{"use strict";r.d(s,{A:()=>u});var t=r(37876),a=r(14232);r(89099);var n=r(54587),l=r.n(n),i=r(48230),c=r.n(i);r(18847);var d=r(27830),o=r(96941);let m="true"===r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION,h=a.memo(function({thumb:e,disableCursor:s,name:r,link:n,book:i,gtm:h,textCursor:u,disableGtm:x,...g}){let p=(0,a.useContext)(d.A),j=(0,a.useRef)(null),v=(0,a.useRef)(null);return(0,a.useEffect)(()=>{o.os.set(v.current,{scale:0,xPercent:-50,yPercent:-50});let e=e=>{o.os.to(v.current,{scale:1,opacity:1,duration:.3}),t(e)},s=e=>{o.os.to(v.current,{scale:0,opacity:0,duration:.3})},r=e=>{t(e)},t=e=>{let s=j.current.getBoundingClientRect(),r=e.clientX-s.left,t=e.clientY-s.top;o.os.to(v.current,{x:r,y:t,duration:.3})},a=j.current;return a&&(a.addEventListener("pointerenter",e),a.addEventListener("pointerleave",s),a.addEventListener("pointermove",r)),()=>{a&&(a.removeEventListener("pointerenter",e),a.removeEventListener("pointerleave",s),a.removeEventListener("pointermove",r))}},[]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"cardThumbCursor",children:(0,t.jsxs)("div",{className:"cardThumbCursor_inner",ref:j,children:[(0,t.jsx)("div",{className:`moreCursorBooKing ${s?"hide":""}`,ref:v,children:u?(0,t.jsx)("p",{className:"text",dangerouslySetInnerHTML:{__html:u.replace(/\n/g,"<br>")}}):(0,t.jsxs)("p",{className:"text",children:[" ","th"===p.lang?"ดูรายละเอียด":"View Detail"]})}),n?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(c(),{className:"cardThumbCursor_thumb",tabIndex:"-1",href:"/cars/"+n,onClick:()=>{p.gtmPush("home_explore_"+p.convertModelText(r)+"_model_detail")},children:(0,t.jsx)(l(),{unoptimized:m,layout:"",className:"thumb",src:e,width:1400,height:700,alt:""})})}):(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"cardThumbCursor_thumb",onClick:()=>{x||p.gtmPush("home_explore_"+p.convertModelText(r)+"_detail")},children:(0,t.jsx)(l(),{unoptimized:m,layout:"",className:"thumb",src:e,width:1400,height:700,alt:""})})})]})})})}),u=a.memo(h)},38570:(e,s,r)=>{"use strict";r.d(s,{A:()=>d});var t=r(37876),a=r(77328),n=r.n(a),l=r(14232),i=r(27830);r(99742).env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;let c=l.memo(function(e){return(0,l.useContext)(i.A),(0,t.jsxs)(n(),{children:[e.seoData?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("title",{children:e.seoData.title||"Mazda Sales (Thailand) Co., Ltd. | บริษัท มาสด้า เซลส์ (ประเทศไทย) จำกัด"}),(0,t.jsx)("meta",{name:"description",content:e.seoData.description||"มาสด้าเป็นบริษัทผู้ผลิตรถยนต์ที่มีความแตกต่างไม่เหมือนใคร รถยนต์ Mazda เรา กล้า...ที่จะต่าง และได้ฟันฝ่าอุปสรรคต่างๆ มากมายในอดีตจนถึงทุกวันนี้ และนี่คือแนวทางการทำงานและมุ่งสู่ชัยชนะอันเป็นเอกลักษณ์ของมาสด้า"}),e.seoData.meta.map((e,s)=>"facebook"==e.name?(0,t.jsxs)(l.Fragment,{children:[(0,t.jsx)("meta",{property:"og:title",content:e.title||"Mazda Sales (Thailand) Co., Ltd. | บริษัท มาสด้า เซลส์ (ประเทศไทย) จำกัด"}),(0,t.jsx)("meta",{property:"og:description",content:e.description||"มาสด้าเป็นบริษัทผู้ผลิตรถยนต์ที่มีความแตกต่างไม่เหมือนใคร รถยนต์ Mazda เรา กล้า...ที่จะต่าง และได้ฟันฝ่าอุปสรรคต่างๆ มากมายในอดีตจนถึงทุกวันนี้ และนี่คือแนวทางการทำงานและมุ่งสู่ชัยชนะอันเป็นเอกลักษณ์ของมาสด้า"}),(0,t.jsx)("meta",{property:"og:keywords",content:e.keywords||"บริษัท มาสด้า เซลส์ (ประเทศไทย) จำกัด, รถยนต์ Mazda, mazda.co.th, Mazda Thailand, Mazda Official, รถ Mazda, Mazda 2, Mazda 3"}),(0,t.jsx)("meta",{property:"og:url",content:e.url||"https://www.mazda.co.th"}),(0,t.jsx)("meta",{property:"og:image",content:e.image||"https://www.mazda.co.th/shareLogoEN.png"})]},s):"twitter"==e.name?(0,t.jsxs)(l.Fragment,{children:[(0,t.jsx)("meta",{property:"twitter:title",content:e.title||"Mazda Sales (Thailand) Co., Ltd. | บริษัท มาสด้า เซลส์ (ประเทศไทย) จำกัด"}),(0,t.jsx)("meta",{property:"twitter:description",content:e.description||"มาสด้าเป็นบริษัทผู้ผลิตรถยนต์ที่มีความแตกต่างไม่เหมือนใคร รถยนต์ Mazda เรา กล้า...ที่จะต่าง และได้ฟันฝ่าอุปสรรคต่างๆ มากมายในอดีตจนถึงทุกวันนี้ และนี่คือแนวทางการทำงานและมุ่งสู่ชัยชนะอันเป็นเอกลักษณ์ของมาสด้า"}),(0,t.jsx)("meta",{property:"twitter:url",content:e.url||"https://www.mazda.co.th"}),(0,t.jsx)("meta",{property:"twitter:image",content:e.image||"https://www.mazda.co.th/shareLogoEN.png"}),(0,t.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card")]},s):null)]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("title",{children:"Mazda Sales (Thailand) Co., Ltd. | บริษัท มาสด้า เซลส์ (ประเทศไทย) จำกัด"}),(0,t.jsx)("meta",{name:"description",content:"มาสด้าเป็นบริษัทผู้ผลิตรถยนต์ที่มีความแตกต่างไม่เหมือนใคร รถยนต์ Mazda เรา กล้า...ที่จะต่าง และได้ฟันฝ่าอุปสรรคต่างๆ มากมายในอดีตจนถึงทุกวันนี้ และนี่คือแนวทางการทำงานและมุ่งสู่ชัยชนะอันเป็นเอกลักษณ์ของมาสด้า"}),(0,t.jsx)("meta",{property:"og:description",content:"มาสด้าเป็นบริษัทผู้ผลิตรถยนต์ที่มีความแตกต่างไม่เหมือนใคร รถยนต์ Mazda เรา กล้า...ที่จะต่าง และได้ฟันฝ่าอุปสรรคต่างๆ มากมายในอดีตจนถึงทุกวันนี้ และนี่คือแนวทางการทำงานและมุ่งสู่ชัยชนะอันเป็นเอกลักษณ์ของมาสด้า"}),(0,t.jsx)("meta",{property:"og:keywords",content:"บริษัท มาสด้า เซลส์ (ประเทศไทย) จำกัด, รถยนต์ Mazda, mazda.co.th, Mazda Thailand, Mazda Official, รถ Mazda, Mazda 2, Mazda 3"})]}),(0,t.jsx)("meta",{name:"og:type",content:"website"},"og:type"),(0,t.jsx)("link",{rel:"icon",href:"/images/logo_mazda_web_new.png"}),(0,t.jsx)("link",{rel:"icon",href:"/images/logo_mazda_web_new.png",type:"image/x-icon"}),(0,t.jsx)("link",{rel:"apple-touch-icon",href:"/images/favicon/apple-touch-icon.png?202510",sizes:"180x180"}),(0,t.jsx)("link",{rel:"icon",type:"image/png",href:"/images/favicon/android-touch-icon.png?202510",sizes:"192x192"})]})}),d=l.memo(c)},42936:(e,s,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return r(10229)}])},56445:(e,s,r)=>{"use strict";r.d(s,{A:()=>g});var t=r(37876),a=r(14232);r(89099);var n=r(54587),l=r.n(n),i=r(48230),c=r.n(i);r(18847);var d=r(59174);r(11066),r(90265);var o=r(42861),m=r(27830),h=r(7825),u=r(99742);o.Ay.use([o.Vx,o.dK,o.Ij,o.Ze,o.Jq]),u.env.NEXT_PUBLIC_DISABLE_IMAGE_OPTIMIZATION;let x=a.memo(function({data:e,disableSlide:s}){let r=(0,a.useContext)(m.A),n=(0,a.useRef)(null),i=()=>{let e=n.current.swiper;

1e.slides.forEach((s,r)=>{let t=s.querySelector("video");t&&(r===e.activeIndex?t.play():(t.pause(),t.currentTime=0))})};return(0,a.useEffect)(()=>{let e=n.current.swiper;return i(),e.on("slideChange",i),()=>{e.off("slideChange",i)}},[]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"blockSwiperSlideHeroBanner",children:0!=e.length?(0,t.jsx)(d.RC,{autoplay:e.length>1&&{delay:15e3,disableOnInteraction:!1},ref:n,modules:[o.Vx,o.dK,o.Ze,o.Jq],loop:!s,spaceBetween:0,slidesPerView:1,pagination:{clickable:!0},className:"swiperSlideHeroBanner",allowTouchMove:!s,children:e.slice(0,5).map((e,s)=>(0,t.jsx)(d.qr,{className:`heroBannerSlideItem ${e.VDO?"typeVideo":"typeThumb"}`,children:(0,t.jsxs)("div",{className:"slideItemInner",children:[e.Youtube?(0,t.jsx)("div",{className:"slideItemVideoBg",children:(0,t.jsx)(h.A,{url:e?.Youtube,muted:!0})}):e.VDO?(0,t.jsx)("div",{className:"slideItemVideoBg",children:(0,t.jsx)("video",{className:"videoBg",width:"560",height:"315",muted:!0,loop:!0,playsInline:!0,children:(0,t.jsx)("source",{src:""+e?.VDO,type:"video/mp4"})})}):(0,t.jsxs)("div",{className:"slideItemThumb",children:[(0,t.jsx)(l(),{layout:"",className:"thumb thumbDesktop is-desktop",src:""+e?.ImageDesktop||"/images/model/slideItemThumb-empty-d.ยืเ",width:1800,height:900,alt:"",priority:0===s}),(0,t.jsx)(l(),{layout:"",className:"thumb thumbMobile is-mobile",src:""+e?.ImageMobile||"/images/model/slideItemThumb-empty-m.png",width:800,height:1230,alt:"",priority:0===s})]}),(0,t.jsx)("div",{className:"slideItemContent",children:(0,t.jsxs)("div",{className:"content",children:[e.Title&&(0,t.jsx)("h3",{className:"title",dangerouslySetInnerHTML:{__html:e.Title.replace(/\\n

1/g,"<br>").replace(/\n/g,"<br>")}}),e.Subtitle?(0,t.jsx)("h2",{children:e.Subtitle}):null,e.Link?(0,t.jsx)("div",{className:"action",children:(0,t.jsx)(c(),{className:"btnHover white",href:e.Link,children:(0,t.jsx)("div",{className:"text",children:(0,t.jsx)("span",{children:"th"===r.lang?"ดูเพิ่มเติม":"See more details"})})})}):null]})})]})},s))}):null})})}),g=a.memo(x)}},e=>{e.O(0,[6742,9174,6941,6276,8350,7115,8226,2628,6593,636,8792],()=>e(e.s=42936)),_N_E=e.O()}]);