https://cdn-content.qatarliving.com/site-assets/_next/static/chunk…/%5Bslug%5D/page-390001f595993ec5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5168],{10299:(e,i,n)=>{"use strict";n.d(i,{default:()=>x});var r=n(54568),t=n(91284),o=n(47226),s=n(48801),l=n(10258),d=n(32536),h=n(38883),a=n(59205),m=n(80002),b=n(86873),v=n(71649);let c=e=>{var i;let{item:n,type:s,ltr:h,lng:m,primaryFrist:c,openInNewTab:x}=e,{handleClickAnalytics:u}=(0,l.ls)(),P=(0,l.gX)({ad_type:s,ad_id:n.slug}),p=(0,v.W)(n.publishedAt,m),f="ltr"===h?"left":"right",g={component:l.A8,href:n.href,onClick:e=>u(e.nativeEvent,l.sk.CARD_CLICK,null,n.slug,null,null,n.href),target:x?"_blank":void 0},w=e=>({display:"-webkit-box",WebkitLineClamp:e,WebkitBoxOrient:"vertical",overflow:"hidden"});return(0,r.jsxs)(t.default,{ref:P,sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:2,width:"100%",minWidth:0},children:[(0,r.jsx)(t.default,{...g,sx:{display:"block",flexShrink:0,width:{xs:140,md:270},aspectRatio:"270 / 152",position:"relative",borderRadius:"12px",overflow:"hidden",lineHeight:0},children:(0,r.jsx)(d.default,{src:null!=(i=n.image)?i:b.default.src,alt:n.title,fill:!0,loading:"eager",sizes:"(max-width: ".concat(l.w4.breakpoints.values.md,"px) 140px, 270px"),qual

1ity:75,style:{objectFit:"cover"}})}),(0,r.jsxs)(t.default,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",gap:1,flex:1,minWidth:0},children:[(0,r.jsx)(a.A,{tags:n.tags,primaryFrist:c,openInNewTab:x}),(0,r.jsx)(t.default,{...g,sx:{display:"block",textDecoration:"none",color:"inherit",cursor:"pointer"},children:(0,r.jsx)(o.default,{component:"h3",textAlign:f,sx:{fontSize:"18px",fontWeight:600,lineHeight:"26px",color:l.lm.GREY[900],...w(2),"&:hover":{textDecoration:"underline",color:l.lm.PRIMARY.MAIN}},children:n.title})}),n.description&&(0,r.jsx)(o.default,{component:"p",textAlign:f,sx:{fontSize:"14px",fontWeight:500,lineHeight:"20px",color:l.lm.GREY[800],...w(2)},children:n.description}),p&&(0,r.jsx)(o.default,{component:"span",textAlign:f,sx:{fontSize:"12px",fontWeight:500,lineHeight:"normal",color:l.lm.GREY[600],whiteSpace:"nowrap"},children:p})]})]})},x=e=>{let{title:i,items:n=[],ltr:o,isRTL:d=!1,lng:a,primaryFrist:b=!0,type:v="article"}=e,x=(0,s.A)(l.w4.breakpoints.down("lg")),u=null!=a?a:"rtl"===o?"ar":"en";return n.length?(0,r.jsxs)(t.default,{sx:{display:"flex",flexDirection:"column",gap:3,width:"100%"},children:[(0,r.jsx)(h.default,{title:i,showBar:!0,barHeight:26,titleSize:"25px",component:"h2",ltr:o}),(0,r.jsx)(m.A,{items:n,keyExtractor:e=>e.id,isRTL:d,slideFlex:"0 0 100%",renderItem:e=>(0,r.jsx)(c,{item:e,type:v,ltr:o,lng:u,primaryFrist:b,openInNewTab:!x})})]}):null}},24353:(e,i,n)=>{"use strict";n.d(i,{default:()=>x});var r=n(54568),t=n(91284),o=n(47226),s=n(48801),l=n(10258),d=n(32536),h=n(38883),a=n(59205),m=n(80002),b=n(86873),v=n(71649);let c=e=>{var i;let{item:n,type:s,ltr:h,lng:m,primaryFrist:c,openInNewTab:x}=e,{handleClickAnalytics:u}=(0,l.ls)(),P=(0,l.gX)({ad_type:s,ad_id:n.slug}),p=(0,v.W)(n.publishedAt,m),f="ltr"===h?"left":"right",g={component:l.A8,href:n.href,onClick:e=>u(e.nativeEvent,l.sk.CARD_CLICK,null,n.slug,null,null,n.href),target:x?"_blank":void 0};return(0,r.jsxs)(t.default,{ref:P,sx:{display:"flex",flexDirection:"column",gap:.5,width:"100%",minWidth:0,height:"100%",border:"1px solid ".concat(l.lm.GREY[200]),borderRadius:"8px",overflow:"hidden",bgcolor:l.lm.WHITE},children:[(0,r.jsx)(t.default,{...g,sx:{display:"block",width:"100%",aspectRatio:"300 / 169",position:"relative",overflow:"hidden",lineHeight:0},children:(0,r.jsx)(d.default,{src:null!=(i=n.image)?i:b.default.src,alt:n.title,fill:!0,loading:"eager",sizes:"(max-width: ".concat(l.w4.breakpoints.values.lg,"px) 100vw, 25vw"),quality:75,style:{objectFit:"cover"}})}),(0,r.jsxs)(t.default,{sx:{display:"flex",flexDirection:"column",gap:.75,flex:1,minWidth:0,pt:.75,pb:1.5,px:1.5},children:[(0,r.jsx)(a.A,{tags:n.tags,primaryFrist:c,openInNewTab:x}),(0,r.jsx)(t.default,{...g,sx:{display:"block",textDecoration:"none",color:"inherit",cursor:"pointer"},children:(0,r.jsx)(o.default,{variant:"sanSemibold16",component:"h3",textAlign:f,sx:{color:l.lm.GREY[900],display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden","&:hover":{textDecoration:"underline",color:l.lm.PRIMARY.MAIN}},children:n.title})}),p&&(0,r.jsx)(o.default,{component:"span",textAlign:f,sx:{mt:"auto",fontSize:"12px",fontWeight:500,lineHeight:"normal",color:l.lm.GREY[600],whiteSpace:"nowrap"},children:p})]})]})},x=e=>{let{title:i,items:n=[],ltr:o,isRTL:d=!1,lng:a,primaryFrist:b=!0,type:v="article"}=e,x=(0,s.A)(l.w4.breakpoints.down("lg")),u=null!=a?a:"rtl"===o?"ar":"en";return n.length?(0,r.jsxs)(t.default,{sx:{display:"flex",flexDirection:"column",gap:3,width:"100%"},children:[(0,r.jsx)(h.default,{title:i,showBar:!0,barHeight:26,titleSize:"25px",component:"h2",ltr:o}),(0,r.jsx)(m.A,{items:n,keyExtractor:e=>e.id,isRTL:d,gap:m.e,slideFlex:{xs:"0 0 100%",lg:"0 0 calc((100% - ".concat(3*m.e,"px) / ").concat(4,")")},renderItem:e=>(0,r.jsx)(c,{item:e,type:v,ltr:o,lng:u,primaryFrist:b,openInNewTab:!x})})]}):null}},64395:(e,i,n)=>{Promise.resolve().then(n.bind(n,73736)),Promise.resolve().then(n.bind(n,86837)),Promise.resolve().then(n.bind(n,24258)),Promise.resolve().then(n.bind(n,85709)),Promise.resolve().then(n.bind(n,8214)),Promise.resolve().then(n.bind(n,88601)),Promise.resolve().then(n.bind(n,72964)),Promise.resolve().then(n.bind(n,89307)),Promise.resolve().then(n.bind(n,70543)),Promise.resolve().then(n.bind(n,3791)),Promise.resolve().then(n.bind(n,90927)),Promise.resolve().then(n.bind(n,44891)),Promise.resolve().then(n.bind(n,46846)),Promise.resolve().then(n.bind(n,36840)),Promise.resolve().then(n.bind(n,22909)),Promise.resolve().then(n.bind(n,17636)),Promise.resolve().then(n.bind(n,54305)),Promise.resolve().then(n.bind(n,51580)),Promise.resolve().then(n.bind(n,54511)),Promise.resolve().then(n.bind(n,60466)),Promise.resolve().then(n.bind(n,68168)),Promise.resolve().then(n.bind(n,99024)),Promise.resolve().then(n.bind(n,82790)),Promise.resolve().then(n.bind(n,10774)),Promise.resolve().then(n.bind(n,56786)),Promise.resolve().then(n.bind(n,97890)),Promise.resolve().then(n.bind(n,70437)),Promise.resolve().then(n.bind(n,85465)),Promise.resolve().then(n.bind(n,87892)),Promise.resolve().then(n.bind(n,10142)),Promise.resolve().then(n.bind(n,62401)),Promise.resolve().then(n.bind(n,72181)),Promise.resolve().then(n.bind(n,52510)),Promise.resolve().then(n.bind(n,47749)),Promise.resolve().then(n.bind(n,79123)),Promise.resolve().then(n.bind(n,1137)),Promise.resolve().then(n.bind(n,46258)),Promise.resolve().then(n.bind(n,52696)),Promise.resolve().then(n.bind(n,42422)),Promise.resolve().then(n.bind(n,81064)),Promise.resolve().then(n.bind(n,81428)),Promise.resolve().then(n.bind(n,74076)),Promise.resolve().then(n.bind(n,31002)),Promise.resolve().then(n.bind(n,97029)),Promise.resolve().then(n.bind(n,73507)),Promise.resolve().then(n.bind(n,85199)),Promise.resolve().then(n.bind(n,78185)),Promise.resolve().then(n.bind(n,13592)),Promise.resolve().then(n.bind(n,39066)),Promise.resolve().then(n.bind(n,89819)),Promise.resolve().then(n.bind(n,33588)),Promise.resolve().then(n.bind(n,94816)),Promise.resolve().then(n.bind(n,1503)),Promise.resolve().then(n.bind(n,72796)),Promise.resolve().then(n.bind(n,56034)),Promise.resolve().then(n.bind(n,79981)),Promise.resolve().then(n.bind(n,66502)),Promise.resolve().then(n.bind(n,63292)),Promise.resolve().then(n.bind(n,12824)),Promise.resolve().then(n.bind(n,98526)),Promise.resolve().then(n.bind(n,86873)),Promise.resolve().then(n.bind(n,61309)),Promise.resolve().then(n.bind(n,77486)),Promise.resolve().then(n.bind(n,40607)),Promise.resolve().then(n.bind(n,74912)),Promise.resolve().then(n.bind(n,4604)),Promise.resolve().then(n.bind(n,79636)),Promise.resolve().then(n.bind(n,87586)),Promise.resolve().then(n.bind(n,17374)),Promise.resolve().then(n.bind(n,14959)),Promise.resolve().then(n.bind(n,36149)),Promise.resolve().then(n.bind(n,68133)),Promise.resolve().then(n.bind(n,86248)),Promise.resolve().then(n.bind(n,42706)),Promise.resolve().then(n.bind(n,72153)),Promise.resolve().then(n.bind(n,3528)),Promise.resolve().then(n.bind(n,3664)),Promise.resolve().then(n.bind(n,29769)),Promise.resolve().then(n.bind(n,47491)),Promise.resolve().then(n.bind(n,44196)),Promise.resolve().then(n.bind(n,55380)),Promise.resolve().then(n.bind(n,24353)),Promise.resolve().then(n.bind(n,49438)),Promise.resolve().then(n.bind(n,10299)),Promise.resolve().then(n.bind(n,77850)),Promise.resolve().then(n.bind(n,27744)),Promise.resolve().then(n.bind(n,78343)),Promise.resolve().then(n.bind(n,27648)),Promise.resolve().then(n.bind(n,52802)),Promise.resolve().then(n.bind(n,28586)),Promise.resolve().then(n.bind(n,18235)),Promise.resolve().then(n.bind(n,91284)),Promise.resolve().then(n.bind(n,92622)),Promise.resolve().then(n.bind(n,25663)),Promise.resolve().then(n.bind(n,35706)),Promise.resolve().then(n.bind(n,93554)),Promise.resolve().then(n.bind(n,77969)),Promise.resolve().then(n.bind(n,57960)),Promise.resolve().then(n.bind(n,48170)),Promise.resolve().then(n.bind(n,66364)),Promise.resolve().then(n.bind(n,63017)),Promise.resolve().then(n.bind(n,80179)),Promise.resolve().then(n.bind(n,15754)),Promise.resolve().then(n.bind(n,47301)),Promise.resolve().then(n.bind(n,68613)),Promise.resolve().then(n.bind(n,79746)),Promise.resolve().then(n.bind(n,31379)),Promise.resolve().then(n.bind(n,71774)),Promise.resolve().then(n.bind(n,58448)),Promise.resolve().then(n.bind(n,85658)),Promise.resolve().then(n.bind(n,78302)),Promise.resolve().then(n.bind(n,47226)),Promise.resolve().then(n.bind(n,51833)),Promise.resolve().then(n.bind(n,15608)),Promise.resolve().then(n.bind(n,21238)),Promise.resolve().then(n.bind(n,94590)),Promise.resolve().then(n.bind(n,13174)),Promise.resolve().then(n.bind(n,32421)),Promise.resolve().then(n.bind(n,68758)),Promise.resolve().then(n.bind(n,39969)),Promise.resolve().then(n.bind(n,68356)),Promise.resolve().then(n.bind(n,35845)),Promise.resolve().then(n.bind(n,68530)),Promise.resolve().then(n.bind(n,32406)),Promise.resolve().then(n.bind(n,22105)),Promise.resolve().then(n.bind(n,31374)),Promise.resolve().then(n.bind(n,81580)),Promise.resolve().then(n.bind(n,50850)),Promise.resolve().then(n.bind(n,76310)),Promise.resolve().then(n.t.bind(n,10489,23))},80002:(e,i,n)=>{"use strict";n.d(i,{e:()=>b,A:()=>v});var r=n(54568),t=n(7620),o=n(48801),s=n(91284),l=n(48170),d=n(54931),h=n(1324),a=n(86782),m=n(47577);let b=16,v=function(e){let{items:i,renderItem:n,keyExtractor:v,slideFlex:c,isRTL:x=!1,gap:u=b,autoPlay:P=!0}=e,p=(0,t.useRef)(null),[f,g]=(0,t.useState)(0),[w,j]=(0,t.useState)(0),[y,k]=(0,t.useState)(0),[A,E]=(0,t.useState)(!1),[R,I]=(0,t.useState)(0),C=(0,o.A)(m.w4.breakpoints.down("lg")),S=w?Math.max(i.length-w,0):0,W=S>0,D=(0,t.useCallback)(()=>

1{let e=p.current,i=null==e?void 0:e.querySelector("[data-slide]");if(!e||!i)return;let n=i.offsetWidth+u;g(n),j(Math.max(1,Math.round((e.offsetWidth+u)/n)))},[u]);(0,t.useEffect)(()=>(D(),window.addEventListener("resize",D),()=>window.removeEventListener("resize",D)),[D]),(0,t.useEffect)(()=>{k(e=>Math.min(e,S))},[S]);let M=P&&1===w&&W;(0,t.useEffect)(()=>{if(!M||!C&&A)return;let e=setInterval(()=>k(e=>e>=S?0:e+1),2e3);return()=>clearInterval(e)},[M,C,A,S,R]);let z=(0,t.useCallback)(e=>{k(Math.min(Math.max(e,0),S)),I(e=>e+1)},[S]),_=(0,t.useRef)(null),T=(0,t.useRef)(!1);if(!i.length)return null;let H={display:{xs:"none",lg:"inline-flex"},position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:1,width:32,height:32,p:.5,bgcolor:a.l.WHITE,color:a.l.GREY[900],borderRadius:"100px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.25)",opacity:+!!A,pointerEvents:A?"auto":"none",transition:"opacity 0.2s ease","&:hover":{bgcolor:a.l.WHITE},"&.Mui-disabled":{opacity:.4*!!A,bgcolor:a.l.WHITE}};return(0,r.jsxs)(s.default,{sx:{display:"flex",flexDirection:"column",gap:3,width:"100%"},children:[(0,r.jsxs)(s.default,{sx:{position:"relative",width:"100%"},onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onTouchStart:e=>{_.current=e.touches[0].clientX,T.current=!1},onTouchEnd:e=>{if(null===_.current)return;let i=_.current-e.changedTouches[0].clientX;_.current=null,50>Math.abs(i)||(T.current=!0,z((x?i<0:i>0)?y+1:y-1))},onClickCapture:e=>{T.current&&(e.preventDefault(),e.stopPropagation(),T.current=!1)},children:[(0,r.jsx)(s.default,{ref:p,sx:{overflow:"hidden",width:"100%"},children:(0,r.jsx)(s.default,{sx:{display:"flex",flexDirection:"row",gap:"".concat(u,"px"),transform:"translateX(".concat(x?y*f:-y*f,"px)"),transition:"transform 0.45s ease",willChange:"transform"},children:i.map((e,i)=>(0,r.jsx)(s.default,{"data-slide":!0,sx:{flex:c,minWidth:0,display:"flex"},children:n(e,i)},v(e,i)))})}),W&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.default,{"aria-label":"previous",onClick:()=>z(y-1),disabled:0===y,sx:{...H,[x?"right":"left"]:6},children:x?(0,r.jsx)(h.default,{sx:{fontSize:24}}):(0,r.jsx)(d.A,{sx:{fontSize:24}})}),(0,r.jsx)(l.default,{"aria-label":"next",onClick:()=>z(y+1),disabled:y>=S,sx:{...H,[x?"left":"right"]:6},children:x?(0,r.jsx)(d.A,{sx:{fontSize:24}}):(0,r.jsx)(h.default,{sx:{fontSize:24}})})]})]}),W&&(0,r.jsx)(s.default,{sx:{display:{xs:"flex",lg:"none"},flexDirection:"row",justifyContent:"center",alignItems:"center",gap:1},children:Array.from({length:S+1},(e,i)=>(0,r.jsx)(s.default,{component:"button",type:"button","aria-label":"slide ".concat(i+1),"aria-current":i===y,onClick:()=>z(i),sx:{width:6,height:6,p:0,border:"none",borderRadius:"999px",cursor:"pointer",bgcolor:i===y?a.l.PRIMARY.MAIN:a.l.GREY[400],transition:"background-color 0.2s ease"}},i))})]})}}},e=>{e.O(0,[4820,1406,3020,1046,7224,5588,7611,9831,3856,3438,7056,836,1128,7491,7744,587,18,7358],()=>e(e.s=64395)),_N_E=e.O()}]);