"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[727],{727:function(e,s,l){l.r(s);var r=l(85893),t=l(67294);l(41664);var a=l(13354),n=l(8313),d=l(60527),i=l(50252),c=l(32637),o=l(87076),h=l(14003),p=l(77451);s.default=e=>{let{translated_title:s,title:l,data:x=[],buttonText:m="See All Premium Properties",buttonLink:u="/properties/",type:g}=e,j=(0,n.m)(),v=(0,h.d)(),y=(0,o.dZ)(),N=(0,t.useRef)((0,p.Z)({delay:3e3,stopOnInteraction:!0,stopOnMouseEnter:!1,stopOnFocusIn:!1,playOnInit:!0})),f=x.slice(0,4),b=(0,o.Nh)(g);return f.length?(0,r.jsx)("div",{className:"".concat(b),children:(0,r.jsx)("div",{className:"container mx-auto px-4 md:px-0 py-6 md:py-10 lg:py-[60px]",children:(0,r.jsxs)("div",{className:"flex flex-col gap-6 md:gap-12",children:[(0,r.jsx)("h2",{className:"text-xl md:text-3xl font-bold text-center text-gray-800",children:s||l}),(0,r.jsx)("div",{className:"lg:hidden relative",children:(0,r.jsxs)(c.lr,{className:"w-full",plugins:v&&f.length>1?[N.current]:[],onMouseEnter:v&&f.length>1?N.current.stop:void 0,onMouseLeave:v&&f.length>1?N.current.play:void 0,onTouchStart:v&&f.length>1?N.current.stop:void 0,onTouchEnd:v&&f.length>1?()=>setTimeout(()=>N.current.play,3e3):void 0,opts:{direction:y?"rtl":"ltr",slidesToScroll:"auto",...f.length>1?{loop:!0}:{}},children:[(0,r.jsx)(c.KI,{children:f.map((e,s)=>(0,r.jsx)(c.d$,{className:"basis-full sm:basis-1/2",children:(0,r.jsx)("div",{className:"h-full min-h-[550px]",children:(0,r.jsx)(d.Z,{property:e})})},(null==e?void 0:e.id)||s))}),m&&u&&x.length>4&&(0,r.jsx)("div",{className:"mt-10 md:hidden text-center",children:(0,r.jsxs)(i.Z,{href:u+(0,o.ky)("1"),className:"inline-flex items-center gap-2 px-4 py-2 md:px-4 md:py-3 border border-black rounded-md text-black font-medium hover:brandBg hover:text-white transition-colors duration-200",children:[j(m),(0,r.jsx)(a.Z,{size:16,className:"".concat(y?"rotate-180":"")})]})}),(0,r.jsxs)("div",{className:"flex justify-center gap-6 mt-4",children:[(0,r.jsx)(c.am,{className:"relative left-0 right-0 h-10 w-10 translate-y-0 border-none bg-white !shadow-none hover:bg-gray-100 hover:text-gray-900 ".concat(y?"rotate-180":"")}),(0,r.jsx)(c.A0,{}),(0,r.jsx)(c.Pz,{className:"relative left-0 right-0 h-10 w-10 translate-y-0 border-none bg-white !shadow-none hover:bg-gray-100 hover:text-gray-900 ".concat(y?"rotate-180":"")})]})]})}),1===f.length&&(0,r.jsx)("div",{className:"hidden lg:flex justify-center",children:(0,r.jsx)("div",{className:"w-full max-w-md",children:(0,r.jsx)(d.Z,{property:f[0],type:g})})}),2===f.length&&(0,r.jsxs)("div",{className:"hidden lg:grid grid-cols-2 gap-6 max-w-4xl mx-auto",children:[(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[0],type:g})}),(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[1],type:g})})]}),3===f.length&&(0,r.jsxs)("div",{className:"hidden lg:grid grid-cols-3 gap-6",children:[(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[0],type:g})}),(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[1],type:g})}),(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[2],type:g})})]}),f.length>=4&&(0,r.jsxs)("div",{className:"hidden lg:grid grid-cols-6 gap-4 max-h-[700px]",style:{gridTemplateRows:"repeat(6, 1fr)"},children:[(0,r.jsx)("div",{className:"col-span-2 row-span-6 h-full",children:f[0]&&(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[0],type:g})})}),(0,r.jsx)("div",{className:"col-span-2 row-span-6 col-start-5 row-start-1 h-full",children:f[1]&&(0,r.jsx)("div",{className:"h-full",children:(0,r.jsx)(d.Z,{property:f[1],type:g})})}),(0,r.jsx)("div",{className:"col-span-2 row-span-3 col-start-3 row-start-1",children:f[2]&&(0,r.jsx)(d.Z,{property:f[2],type:g})}),(0,r.jsx)("div",{className:"col-span-2 row-span-3 col-start-3 row-start-4",children:f[3]&&(0,r.jsx)(d.Z,{property:f[3],type:g})})]}),m&&u&&(null==x?void 0:x.length)>4&&(0,r.jsx)("div",{className:"hidden md:block text-center",children:(0,r.jsxs)(i.Z,{href:u+(0,o.ky)("1"),className:"inline-flex items-center gap-2 px-4 py-2 md:px-4 md:py-3 border border-black rounded-md text-black font-medium hover:brandBg hover:text-white transition-colors duration-200",children:[j(m),(0,r.jsx)(a.Z,{size:16,className:"".concat(y?"rotate-180":"")})]})})]})})}):null}}}]);