(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3323],{62617:function(e,t,a){Promise.resolve().then(a.bind(a,69024))},69024:function(e,t,a){"use strict";a.d(t,{default:function(){return y}});var s=a(57437),r=a(2265),i=a(14950),l=a(66648),n=a(54486),o=a(19074),c=a(87138),d=a(63858),m=a(41942),x=a(1214),f=a(96604),u=a(93764),p=a(51923),h=a(68865),v=a(27636),b=a(69865);let g=(0,a(57818).default)(()=>Promise.all([a.e(4705),a.e(3393)]).then(a.t.bind(a,43393,23)),{loadableGenerated:{webpack:()=>[43393]},ssr:!1,loading:()=>(0,s.jsx)(j,{})}),j=()=>(0,s.jsx)("div",{className:"animate-pulse",children:(0,s.jsx)("div",{className:"h-[60px] w-[60px] sm:h-[180px] sm:w-[180px] mx-auto bg-gray-200 rounded-full"})}),w=["car","travel","kid","accident","aylal","mansion","ajd"],N={car:x,travel:f,kid:p,accident:v,aylal:u,mansion:h,ajd:b};function y(e){let{data:t,relatedPosts:a}=e,[x,f]=(0,r.useState)(!1),[u,p]=(0,r.useState)(),[h,v]=(0,r.useState)(!1),[b,j]=(0,r.useState)(0),[y,_]=(0,r.useState)(0);(0,r.useEffect)(()=>{x||p([])},[x]);let O=e=>{e===y&&!0===h?(v(!1),_(0)):(e!==y&&!1===h||e===y&&!1===h)&&v(!0),_(e)},E=()=>{p({...n.y.find(e=>e.slug===t.button),prodId:t.id}),f(!0)},k={hidden:{y:20,opacity:0},visible:{y:0,opacity:1,transition:{type:"spring",stiffness:100}}},P={hidden:{scale:.8,opacity:0},visible:{scale:1,opacity:1,transition:{type:"spring",damping:15,stiffness:100}},hover:{scale:1.05,transition:{type:"spring",damping:10,stiffness:200}}};return(0,s.jsx)(i.E.div,{initial:"hidden",animate:"visible",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.2,delayChildren:.3}}},className:"relative min-h-screen grid-pattern",children:(0,s.jsxs)("div",{className:"default-width",children:[(0,s.jsxs)(i.E.div,{variants:k,className:"flex flex-col lg:flex-row items-center justify-between py-16 gap-8",children:[(0,s.jsxs)(i.E.div,{variants:k,className:"flex-1 space-y-6",children:[(0,s.jsx)(i.E.h1,{variants:k,className:"text-3xl lg:text-4xl font-bold text-[#272a74]",children:t.title}),(0,s.jsx)(i.E.div,{variants:k,className:"mt-12 bg-gray-100/80 backdrop-blur-sm p-6 rounded-xl max-w-md h-fit",children:(0,s.jsx)("p",{className:"text-gray-600 font-medium",children:t.sub_title})}),(0,s.jsx)("div",{className:"flex gap-4",children:t.button&&w.includes(t.button)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(i.E.button,{onClick:()=>E(),variants:k,className:"group relative inline-flex items-center justify-center px-8 py-3 font-medium text-white bg-[#272a74] hover:bg-[#272a74]/90 rounded-full sm:rounded-xl transition-all duration-200 ease-in-out focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#272a74]",children:[(0,s.jsx)("span",{className:"absolute inset-0 transform transition-transform group-hover:translate-x-1"}),(0,s.jsxs)("span",{className:"relative inline-flex items-center gap-2",children:["mansion"===t.button?"Хүсэлт илгээх":"Даатгуулах",(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"transform transition-transform group-hover:translate-x-1",children:(0,s.jsx)("path",{d:"M5 12h14m-7-7 7 7-7 7"})})]})]}),x&&(0,s.jsx)(o.Z,{data:u,showModal:x,setShowModal:f})]}):(0,s.jsx)(s.Fragment,{children:d.tq?(0,s.jsx)(c.default,{href:"tel:18001889",className:"group relative inline-flex items-center justify-center px-8 py-3 font-medium text-white bg-[#272a74] hover:bg-[#272a74]/90 rounded-full sm:rounded-xl transition-all duration-200 ease-in-out",children:(0,s.jsxs)("span",{className:"relative inline-flex items-center gap-2",children:[(0,s.jsx)(m.DNl,{className:"text-white transform transition-transform group-hover:scale-110"}),(0,s.jsx)("span",{className:"relative after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full after:origin-bottom-right after:scale-x-0 after:bg-white after:transition-transform after:duration-200 group-hover:after:origin-bottom-left group-hover:after:scale-x-100",children:"1800-1889"})]})}):(0,s.jsx)("div",{className:"group relative inline-flex items-center justify-center px-8 py-3 font-medium text-white bg-[#272a74] hover:bg-[#272a74]/90 rounded-full sm:rounded-xl transition-all duration-200 ease-in-out",children:(0,s.jsxs)("span",{className:"relative inline-flex items-center gap-2",children:[(0,s.jsx)(m.DNl,{className:"text-white transform transition-transform group-hover:scale-110"}),(0,s.jsx)("span",{className:"relative after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full after:origin-bottom-right after:scale-x-0 after:bg-white after:transition-transform after:duration-200 group-hover:after:origin-bottom-left group-hover:after:scale-x-100",children:"1800-1889"})]})})})})]}),(0,s.jsx)(i.E.div,{variants:k,className:"flex-1 relative",children:t.button&&w.includes(t.button)?(0,s.jsx)(g,{animationData:N[t.button],loop:!0,className:"w-full max-w-2xl"}):(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(l.default,{src:t.image,width:700,height:400,alt:"Electric vehicle",className:"object-cover w-full",priority:!0}),(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent to-white/10"})]})})]}),t.features.length>0&&(0,s.jsxs)(i.E.div,{variants:k,className:"text-center mt-14 sm:mt-24",children:[(0,s.jsx)(i.E.h3,{variants:k,children:"Бүтээгдэхүүний танилцуулга"}),(0,s.jsx)(i.E.h4,{variants:k,className:"font-bold sm:text-xl text-[#272a74]",children:"ajd"===t.button?"Давуу тал":"Давуу талууд"}),(0,s.jsx)(i.E.div,{className:"flex flex-wrap justify-center gap-6 max-w-[80vw] md:max-w-[1200px] mx-auto mt-8 sm:mt-14",children:t.features.map((e,t)=>(0,s.jsxs)(i.E.div,{variants:P,whileHover:"hover",className:"relative w-[300px] h-[250px] rounded-[20px] bg-gradient-to-b from-[#272a74] to-[#1a1b4b] shadow-[0_25px_50px_rgba(0,0,0,0.25)] cursor-pointer",children:[(0,s.jsxs)("div",{className:"absolute overflow-hidden w-[120px] h-[120px] -top-[10px] -left-[10px] flex items-center justify-center",children:[(0,s.jsx)("div",{className:"absolute w-[150%] h-[42px] bg-gradient-to-r from-[#ffaa00] via-[#ffcc00] to-[#ffaa00] rotate-[-45deg]  flex items-center justify-center text-[#272a74] font-semibold tracking-wider uppercase shadow-[0_5px_10px_rgba(0,0,0,0.15)]",children:(0,s.jsx)("h1",{className:"text-[10px] sm:text-[10px] text-center w-full font-bold px-8 line-clamp-2 leading-tight",children:e.title})}),(0,s.jsx)("div",{className:"absolute w-[8px] h-[8px] bottom-0 left-0 -z-10",children:(0,s.jsx)("div",{className:"absolute w-[8px] h-[8px] shadow-[112px_-112px_#cc8800] bg-gradient-to-r from-[#ffaa00] via-[#ffcc00] to-[#ffaa00]"})})]}),(0,s.jsx)("div",{className:"relative h-full grid place-items-center px-6 pt-10",children:(0,s.jsx)("p",{className:"text-white/90 text-sm font-medium leading-relaxed",children:e.body})})]},t))})]}),t.risks.length>0&&(0,s.jsxs)(i.E.div,{variants:k,className:"mt-10",children:[(0,s.jsx)(i.E.h4,{variants:k,className:"font-bold sm:text-xl text-[#272a74] text-center mb-8",children:"Хамгаалалтууд"}),(0,s.jsx)(i.E.div,{className:"flex flex-wrap gap-8 justify-center",children:t.risks.map((e,t)=>(0,s.jsxs)(i.E.div,{variants:P,whileHover:"hover",className:"relative w-[280px] h-[330px] border border-[#8cb0fc] rounded-2xl overflow-hidden bg-white shadow-md",children:[(0,s.jsx)("div",{className:"absolute w-[540px] h-[600px] opacity-30 -left-1/2 -top-[60%]",children:(0,s.jsx)("div",{className:"absolute inset-0 rounded-[40%] animate-[wave_55s_linear_infinite] bg-[#f5f9fd]"})}),(0,s.jsx)("div",{className:"absolute w-[540px] h-[600px] opacity-30 -left-1/2 top-[270px]",children:(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-[#000080] via-[#8cb0fc] to-[#0000ff] rounded-[40%] animate-[wave_50s_linear_infinite]"})}),(0,s.jsx)("div",{className:"absolute w-[540px] h-[600px] opacity-30 -left-1/4 top-[270px]",children:(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-[#000080] via-[#8cb0fc] to-[#0000ff] rounded-[40%] animate-[wave_45s_linear_infinite]"})}),(0,s.jsxs)("div",{className:"relative z-10 text-center pt-6",children:[(0,s.jsx)("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff]/20 backdrop-blur-xs flex items-center justify-center",children:(0,s.jsx)(l.default,{src:e.image,alt:e.title,width:42,height:42,className:"w-8 h-8"})}),(0,s.jsx)("h5",{className:"text-[#000080] font-semibold text-base mb-2",children:e.title}),(0,s.jsx)("p",{className:"text-[#000080] text-sm px-6 font-medium",children:e.body})]})]},t))})]}),""!==t.body&&(0,s.jsx)("div",{className:"mt-4 sm:mt-14",children:(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:t.body},className:"text-xs sm:text-sm productHtml contract-scrollbarX overflow-x-scroll"})}),t.accordions.length>0&&(0,s.jsx)(i.E.div,{variants:k,className:"mt-1 sm:mt-14 sm:pb-32 default-width",children:(0,s.jsx)("div",{className:"w-full",children:t.accordions.map((e,t)=>(0,s.jsxs)(i.E.div,{variants:k,className:"mb-3 sm:mb-6",children:[(0,s.jsxs)("div",{onClick:()=>O(t+1),className:"py-2 relative z-10 sm:py-4 px-5 sm:px-10 rounded-xl bg-[#f5f9fd] border border-[#c5c0c0] flex items-center gap-4 justify-between cursor-pointer hover:bg-gray-50 transition-colors",children:[(0,s.jsx)("h5",{className:"text-sm sm:text-base font-semibold text-[#272a74]",children:e.title}),(0,s.jsx)("div",{className:"flex items-center justify-center w-8 h-8",children:!0===h&&t+1===y?(0,s.jsx)(l.default,{src:"https://ewater.mn/images/common/collapse0.svg",width:40,height:24,alt:"expand",className:"transition-all duration-300"}):(0,s.jsx)(l.default,{src:"https://ewater.mn/images/common/collapse1.svg",width:40,height:24,alt:"collapse",className:"transition-all duration-300"})})]}),(0,s.jsx)("div",{className:"bg-white mt-[-10px] pb-[10px] pt-[10px] rounded-xl border-x rounded-t-none border-t-0 ".concat(!0===h&&t+1===y?"fadeIn !border-b border-[#c5c0c0]":"fadeOut border-b-0 border-transparent"),children:(0,s.jsx)("div",{className:"overflow-hidden",children:(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:e.body},className:"p-5 productHtml"})})})]},t+1))})}),(0,s.jsx)(i.E.div,{variants:k,className:"mb-20 pt-8 sm:pt-14 sm:border-t mt-10",children:(0,s.jsxs)("div",{className:"default-width",children:[(0,s.jsx)("h3",{className:"sm:text-xl",children:"Санал болгох нийтлэл"}),(0,s.jsx)("div",{className:"h-[2px] w-[60px] bg-primary mb-8"}),(0,s.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 mdl:grid-cols-3 gap-4",children:a&&a.map((e,t)=>t<3?(0,s.jsxs)("div",{className:"rounded-xl overflow-hidden shadow-[0_0_40px_4px_rgb(0_0_0/0.25)]",children:[(0,s.jsx)(c.default,{href:"/posts/".concat(e.id),children:(0,s.jsx)(l.default,{src:e.image,alt:"",width:500,height:400,loading:"lazy",className:"w-full h-200 max-h-[200px] object-cover"})}),(0,s.jsxs)("div",{className:"py-4 px-6",children:[(0,s.jsxs)("div",{className:"flex gap-4 items-center text-[10px] sm:text-xs mb-4",children:[(0,s.jsx)("button",{className:"py-2 px-4 rounded-full bg-[#d9d9d9]",children:e.category_name}),(0,s.jsxs)("span",{className:"text-[#888]",children:["- ",e.created_at]})]}),(0,s.jsx)(c.default,{href:"/posts/".concat(e.id),children:(0,s.jsx)("p",{className:"text-xs sm:text-sm hover:text-primary",children:e.title})})]})]},t):null)})]})})]})})}},91810:function(e,t,a){"use strict";a.d(t,{w_:function(){return d}});var s=a(2265),r={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=s.createContext&&s.createContext(r),l=["attr","size","title"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,s)}return a}function c(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach(function(t){var s,r;s=t,r=a[t],(s=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var s=a.call(e,t||"default");if("object"!=typeof s)return s;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(s))in e?Object.defineProperty(e,s,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[s]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function d(e){return t=>s.createElement(m,n({attr:c({},e.attr)},t),function e(t){return t&&t.map((t,a)=>s.createElement(t.tag,c({key:a},t.attr),e(t.child)))}(e.child))}function m(e){var t=t=>{var a,{attr:r,size:i,title:o}=e,d=function(e,t){if(null==e)return{};var a,s,r=function(e,t){if(null==e)return{};var a={};for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s)){if(t.indexOf(s)>=0)continue;a[s]=e[s]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)a=i[s],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}(e,l),m=i||t.size||"1em";return t.className&&(a=t.className),e.className&&(a=(a?a+" ":"")+e.className),s.createElement("svg",n({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,r,d,{className:a,style:c(c({color:e.color||t.color},t.style),e.style),height:m,width:m,xmlns:"http://www.w3.org/2000/svg"}),o&&s.createElement("title",null,o),e.children)};return void 0!==i?s.createElement(i.Consumer,null,e=>t(e)):t(r)}}},function(e){e.O(0,[8669,7699,8173,231,8472,8532,3858,4950,7628,4868,6059,1343,4486,2971,7023,1744],function(){return e(e.s=62617)}),_N_E=e.O()}]);