https://dune-to-down-town.vercel.app/_next/static/chunks/pages/relatable-section-cfc447558dec333e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6975],{53219:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}});var i=s(91373);let a=(0,i.Z)("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},82701:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}});var i=s(91373);let a=(0,i.Z)("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},87764:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}});var i=s(91373);let a=(0,i.Z)("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])},60669:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/relatable-section",function(){return s(67891)}])},67891:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return h}});var i=s(85893),a=s(67294),r=s(25675),n=s.n(r),l=s(41664),o=s.n(l),c=s(87764),m=s(53219),d=s(82701),x=s(82100);function h(e){let{accommodations:t}=e,[s,r]=(0,a.useState)(0),[l,h]=(0,a.useState)(0),[u,p]=(0,a.useState)(4),f=(0,a.useRef)(),w=t&&t.length>0?t:[{_id:"acc1",title:"Luxury Desert Resort",imageUrl:"/images/accommodations/Resort.jpg",price:350,rating:5,reviewCount:124,location:"Dubai Desert Conservation Reserve",type:"Resort"},{_id:"acc2",title:"Downtown Dubai Hotel",imageUrl:"/images/accommodations/hotel.jpg",price:220,rating:4,reviewCount:89,location:"Downtown Dubai",type:"Hotel"},{_id:"acc3",title:"Palm Jumeirah Villa",imageUrl:"/images/accommodations/villa.jpg",price:450,rating:5,reviewCount:56,location:"Palm Jumeirah",type:"Villa"},{_id:"acc4",title:"Marina Apartment",imageUrl:"/images/accommodations/apartment.jpg",price:180,rating:4,reviewCount:72,location:"Dubai Marina",type:"Apartment"}];(0,a.useEffect)(()=>{let e=()=>{var e,t;let i=b();p(i),h((null===(e=f.current)||void 0===e?void 0:e.scrollWidth)-(null===(t=f.current)||void 0===t?void 0:t.offsetWidth)||0),s>w.length-i&&r(Math.max(0,w.length-i))};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[s,w.length]);let g=e=>[,,,,,].fill(0).map((t,s)=>(0,i.jsx)("span",{className:"text-xs sm:text-sm ".concat(s<e?"text-amber-400":"text-gray-200"),children:"★"},s)),v=e=>e>=4.5?"Exceptional":e>=4?"Excellent":e>=3.5?"Very Good":e>=3?"Good":"Average",b=()=>window.innerWidth<640?1:window.innerWidth<768?2:window.innerWidth<1024?3:4;return(0,i.jsx)("section",{className:"py-8 sm:py-12 bg-[#FFFAEB]",children:(0,i.jsxs)("div",{className:"max-w-[85%] mx-auto",children:[" ",(0,i.jsxs)("div",{className:"flex justify-between items-center mb-6 sm:mb-8",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"inline-flex items-center px-3 py-1 rounded-full border border-amber-600 text-amber-600 text-xs sm:text-sm mb-2 sm:mb-3",children:[(0,i.jsx)(c.Z,{className:"h-3 w-3 sm:h-4 sm:w-4 mr-1"}),"Explore"]}),(0,i.jsx)("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-bold",children:"Related Stay cation in Today"})]}),(0,i.jsxs)("div",{className:"flex gap-2",children:[(0,i.jsx)("button",{onClick:()=>{s>0?r(s-1):r(Math.max(0,w.length-u))},className:"w-10 h-10 rounded-full border border-gray-300 flex items-center justify-center hover:bg-gray-100 transition-colors","aria-label":"Previous slide",children:(0,i.jsx)(m.Z,{size:16})}),(0,i.jsx)("button",{onClick:()=>{s<w.length-u?r(s+1):r(0)},className:"w-10 h-10 rounded-full border border-gray-300 flex items-center justify-center hover:bg-gray-100 transition-colors","aria-label":"Next slide",children:(0,i.jsx)(d.Z,{size:16})})]})]}),(0,i.jsx)("div",{className:"overflow-hidden",children:(0,i.jsx)(x.E.div,{ref:f,className:"flex",animate:{x:"-".concat(s*(100/u),"%")},transition:{type:"spring",stiffness:300,damping:30},children:w.map(e=>(0,i.jsx)(x.E.div,{className:"flex-shrink-0 px-3",style:{width:"".concat(100/u,"%")},whileHover:{scale:1.02},transition:{duration:.3},children:(0,i.jsx)(o(),{href:"/accommodations/".concat(e._id),children:(0,i.jsxs)("div",{className:"bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition duration-300 h-full",children:[(0,i.jsxs)("div",{className:"relative h-40 sm:h-48 md:h-56 lg:h-60",children:[(0,i.jsx)(n(),{src:e.imageUrl||"/placeholder.svg?height=256&width=384",alt:e.title,fill:!0,sizes:"(max-width: 640px) 100v

1w, (max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw",className:"object-cover"}),(0,i.jsx)("div",{className:"absolute top-2 sm:top-3 left-2 sm:left-3 bg-amber-400 text-black font-semibold px-2 sm:px-3 py-0.5 sm:py-1 text-xs sm:text-sm rounded-md",children:"BREAKFAST"}),(0,i.jsx)("button",{className:"absolute top-2 sm:top-3 right-2 sm:right-3 w-7 h-7 sm:w-8 sm:h-8 rounded-full bg-white/80 flex items-center justify-center hover:bg-white transition-colors",children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4 sm:h-5 sm:w-5 text-gray-500 hover:text-red-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"})})})]}),(0,i.jsxs)("div",{className:"p-3 sm:p-4",children:[(0,i.jsx)("h3",{className:"font-semibold text-base sm:text-lg mb-0.5 sm:mb-1 line-clamp-1",children:e.title}),(0,i.jsx)("p",{className:"text-gray-600 text-xs sm:text-sm mb-1 sm:mb-2 line-clamp-1",children:e.location}),(0,i.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center mb-1 sm:mb-2 gap-1 sm:gap-0",children:[(0,i.jsx)("div",{className:"bg-amber-500 text-white font-bold rounded px-1.5 sm:px-2 py-0.5 sm:py-1 text-xs sm:text-sm mr-0 sm:mr-2 w-fit",children:e.rating.toFixed(1)}),(0,i.jsxs)("div",{className:"flex items-center flex-wrap",children:[(0,i.jsx)("div",{className:"flex mr-1",children:g(e.rating)}),(0,i.jsx)("span",{className:"text-xs sm:text-sm font-medium mr-1",children:v(e.rating)}),(0,i.jsxs)("span",{className:"text-xs sm:text-sm text-gray-500",children:[e.reviewCount.toLocaleString()," reviews"]})]})]}),(0,i.jsxs)("div",{className:"font-medium",children:[(0,i.jsx)("span",{className:"text-xs sm:text-sm",children:"Starting from "}),(0,i.jsxs)("span",{className:"text-amber-600 font-bold",children:["AED ",e.price.toFixed(2)]})]})]})]})})},e._id))})})]})})}}},function(e){e.O(0,[1664,5675,5109,9774,2888,179],function(){return e(e.s=60669)}),_N_E=e.O()}]);