(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4735,6731],{82787:function(e,r,t){Promise.resolve().then(t.t.bind(t,38173,23)),Promise.resolve().then(t.t.bind(t,231,23)),Promise.resolve().then(t.t.bind(t,84080,23)),Promise.resolve().then(t.bind(t,25991)),Promise.resolve().then(t.bind(t,80227)),Promise.resolve().then(t.bind(t,48244)),Promise.resolve().then(t.bind(t,43422)),Promise.resolve().then(t.bind(t,26305)),Promise.resolve().then(t.bind(t,31342)),Promise.resolve().then(t.bind(t,58180)),Promise.resolve().then(t.bind(t,18570)),Promise.resolve().then(t.bind(t,56738)),Promise.resolve().then(t.bind(t,76831)),Promise.resolve().then(t.bind(t,9773)),Promise.resolve().then(t.bind(t,63437))},25991:function(e,r,t){"use strict";var l=t(57437),a=t(21656),s=t(89733),o=t(97892),i=t(2265);r.default=e=>{var r;let{propertyDetails:t}=e,n=null==t?void 0:null===(r=t.data[0])||void 0===r?void 0:r.attributes,d=(0,i.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("payment-plan"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]),m=(0,o.ui)(null==n?void 0:n.description);return(0,l.jsxs)("div",{className:"p-6 pt-7",children:[(0,l.jsx)("h2",{className:"font-secondary text-[1.125rem] md:text-[1.5rem] leading-[1.25rem] font-bold text-primary-primaryTextColor",children:"Description"}),(0,l.jsxs)("div",{className:"font-primary flex flex-col text-primary-iconColor gap-3 mt-5 text-[1rem] md:font-[400] leading-[1.5rem] list-disc mr-5",children:[(0,l.jsx)(a.Z,{stripeStype:!0,children:m}),(0,l.jsx)(s.z,{className:"hover:bg-[white] w-[7.75rem] text-[0.875rem]  rounded-lg px-4 hover:text-primary-labelColor hover:border hover:border-primary-loginBorder bg-primary-labelColor ",onClick:d,children:"Payment Plan"})]})]})}},80227:function(e,r,t){"use strict";var l=t(57437),a=t(2265),s=t(89733),o=t(66648),i=t(41942),n=t(69824),d=t(16356),m=t(33692),c=t(1633),x=t(97511);r.default=e=>{var r,t,u,p,f,h,b,v,y,g,j,N,C;let{floorPlanDetails:w}=e,[T,k]=(0,a.useState)(!1),[P,I]=(0,a.useState)((null==w?void 0:null===(t=w.data[0])||void 0===t?void 0:null===(r=t.attributes)||void 0===r?void 0:r.floorPlan[0])||null),B=null==w?void 0:null===(u=w.data[0])||void 0===u?void 0:u.attributes.floorPlan,q=(0,a.useCallback)(()=>{k(e=>!e)},[]);(0,x.Z)(T);let E=(0,a.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("enquire-now"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]),A=(0,a.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("enquire-now-mobile"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]);return P?(0,l.jsxs)("div",{className:"pt-10 flex flex-col md:flex-row",children:[(0,l.jsxs)("div",{className:"md:w-1/2 p-6",children:[(0,l.jsx)("p",{className:"font-secondary text-[1.125rem] md:text-[1.5rem] leading-[1.25rem] font-bold",children:"Floor Plans"}),(0,l.jsxs)("div",{children:[P&&(0,l.jsx)("div",{className:"flex flex-wrap my-4 md:mr-10 font-primary ",children:(0,l.jsxs)("div",{className:"appearance-none bg-primary-iconBackgroundColor text-base w-full rounded-xl px-4 py-2  focus:outline-none text-primary-primaryTextColor justify-between flex items-center cursor-pointer",onClick:q,onKeyDown:q,tabIndex:0,role:"button",children:[(0,l.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,l.jsx)("p",{className:"text-base text-primary-secondaryTextColor",children:"Type"}),(0,l.jsxs)("p",{className:"text-base text-primary-primaryTextColor",children:[P.bedroom," Bedroom,"," ",P.bathroom," Bathroom"]})]}),(0,l.jsx)(n.OId,{className:"text-primary pointer-events-none text-primary-dropdownIconColor"})]})}),P&&(0,l.jsxs)("div",{className:"flex flex-col gap-4 font-primary",children:[(0,l.jsxs)("div",{className:"flex gap-4 flex-wrap items-center",children:[(0,l.jsx)(d.uQV,{className:"text-primary-secondaryTextColor"}),(0,l.jsx)("p",{className:"text-primary-searchDropdownTextColor text-base",children:"Bedroom"}),(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-base",children:P.bedroom})]}),(0,l.jsxs)("div",{className:"flex gap-4 flex-wrap items-center",children:[(0,l.jsx)(d.Nx9,{className:"text-primary-secondaryTextColor"}),(0,l.jsx)("p",{className:"text-primary-searchDropdownTextColor text-base",children:"Bathroom"}),(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-base",children:P.bathroom})]}),(0,l.jsxs)("div",{className:"flex gap-4 flex-wrap items-center",children:[(0,l.jsx)(i.SPC,{className:"text-primary-secondaryTextColor"}),(0,l.jsx)("p",{className:"text-primary-searchDropdownTextColor text-base",children:"Area"}),(0,l.jsxs)("p",{className:"text-primary-primaryTextColor text-base",children:[P.area," ft\xb2"]})]})]}),(0,l.jsx)("p",{className:"mt-2 text-xs font-primary text-primary-searchDropdownTextColor px-8",children:"All types include Sundeck"}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-3 items-center font-primary mt-14 pl-5 mb-7",children:[(0,l.jsx)(s.z,{className:"hidden lg:flex p-[0.5rem] md:p-[0.75rem] pl-[0.75rem] pr-[1rem] md:w-[11.625rem] md:h-full text-[0.875rem] md:text-[1rem] leading-[1.25rem] md:leading-[1.375rem] font-[600] md:font-bold font-primary hover:bg-primary-backgroundColor hover:text-primary-labelColor hover:border-primary-loginBorder hover:border bg-primary-labelColor",onClick:E,children:"Enquire Now"}),(0,l.jsx)(s.z,{className:"lg:hidden p-[0.5rem] md:p-[0.75rem] pl-[0.75rem] pr-[1rem] md:w-[11.625rem] md:h-full text-[0.875rem] md:text-[1rem] leading-[1.25rem] md:leading-[1.375rem] font-[600] md:font-bold font-primary hover:bg-primary-backgroundColor hover:text-primary-labelColor hover:border-primary-loginBorder hover:border bg-primary-labelColor",onClick:A,children:"Enquire Now"})]})]})]}),(0,l.jsx)("div",{className:"md:w-1/2 mt-2 p-0 flex items-center w-full",children:(null==P?void 0:null===(h=P.floorImage)||void 0===h?void 0:null===(f=h.data)||void 0===f?void 0:null===(p=f.attributes)||void 0===p?void 0:p.url)&&(0,l.jsx)(o.default,{className:"w-full",width:428,height:486,src:"".concat(c.cG).concat(null==P?void 0:null===(y=P.floorImage)||void 0===y?void 0:null===(v=y.data)||void 0===v?void 0:null===(b=v.attributes)||void 0===b?void 0:b.url),alt:null!==(C=null==P?void 0:null===(N=P.floorImage)||void 0===N?void 0:null===(j=N.data)||void 0===j?void 0:null===(g=j.attributes)||void 0===g?void 0:g.alternativeText)&&void 0!==C?C:"floorplan image"})}),T&&(0,l.jsx)(m.Z,{floorPlan:B,handleFloorPlanSelect:e=>{I(e),k(!1)},handleModalToggle:q})]}):(0,l.jsx)("div",{className:"my-3 md:m-3 shadow-md p-5 font-primary md:rounded-xl overflow-hidden",children:(0,l.jsx)("p",{className:"text-center text-primary-iconColor text-[1rem] md:text-[1.25rem] leading-[1.5rem]",children:"Floor plan data is not available."})})}},48244:function(e,r,t){"use strict";var l=t(57437),a=t(2265),s=t(89733),o=t(16721),i=t(49354),n=t(69824),d=t(77209),m=t(33692),c=t(39381),x=t(77081),u=t(97892),p=t(97511);r.default=e=>{var r,t,f,h;let{floorPlanDetails:b}=e,[v,y]=(0,a.useState)("payment"),[g,j]=(0,a.useState)(!1),[N,C]=(0,a.useState)((null==b?void 0:null===(r=b.data[0])||void 0===r?void 0:r.attributes.floorPlan[0])||null),[w,T]=(0,a.useState)(0),[k,P]=(0,a.useState)(0),[I,B]=(0,a.useState)(0),[q,E]=(0,a.useState)(0),[A,S]=(0,a.useState)(0),[D,R]=(0,a.useState)(0),[F,_]=(0,a.useState)(0),Z=null==b?void 0:null===(t=b.data[0])||void 0===t?void 0:t.attributes,M=null==b?void 0:null===(h=b.data[0])||void 0===h?void 0:null===(f=h.attributes)||void 0===f?void 0:f.paymentPlan,O=(0,a.useCallback)(e=>()=>{y(e)},[]),z=(0,a.useCallback)(()=>{j(e=>!e)},[]);(0,p.Z)(g);let Q=(0,c.TA)({initialValues:{downPaymentPercentage:"20",term:"",interestRate:parseFloat("3.94")||0,downPayment:0,monthlyPayment:0,principal:0,annualCost:0,totalInterestPaid:0,otherExpenses:0,totalCost:0},validationSchema:x.MM,onSubmit:e=>{let r=N?N.price:0,t=r*parseFloat(e.downPaymentPercentage)/100,l=r-t,a=e.interestRate/100/12,s=12*parseInt(e.term),o=l*a/(1-Math.pow(1+a,-s)),i=o*s-l;Q.setFieldValue("downPayment",t),Q.setFieldValue("principal",l),Q.setFieldValue("monthlyPayment",o),Q.setFieldValue("annualCost",12*o),Q.setFieldValue("totalInterestPaid",i),Q.setFieldValue("otherExpenses",0),Q.setFieldValue("totalCost",t+i+l+0)}});return(0,a.useEffect)(()=>{if(N){var e,r,t,l,a,s,o;let i=N.price,n=i*parseFloat(Q.values.downPaymentPercentage)/100;T(i*(null!==(e=null==M?void 0:M.downPaymentPercentage)&&void 0!==e?e:0)/100),P(i*(null!==(r=null==M?void 0:M.dldFeePercentage)&&void 0!==r?r:0)/100);let d=i*(null!==(t=null==M?void 0:M.constructionPercentage)&&void 0!==t?t:0)/100;B(d),R(d/(null!==(l=null==M?void 0:M.constructionInstallments)&&void 0!==l?l:0)),E(i*(null!==(a=null==M?void 0:M.uponHandoverPercentage)&&void 0!==a?a:0)/100);let m=i*(null!==(s=null==M?void 0:M.postHandoverPercentage)&&void 0!==s?s:0)/100;S(m);let c=null!==(o=null==M?void 0:M.postHandoverInstallments)&&void 0!==o?o:0,x=0;c>0&&(x=m/c),_(x),Q.setFieldValue("downPayment",n||0)}},[Q.values.downPaymentPercentage,N]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"bg-primary-paymentplancbg font-primary p-6 pt-7 mt-4 flex flex-col gap-3",id:"payment-plan",children:[(0,l.jsxs)("div",{className:"flex gap-2 font-bold",children:[(0,l.jsx)(s.z,{className:(0,i.cn)("p-2 text-[1rem] leading-[1.5rem] hover:bg-primary-dbpaymentbuttonbgcolor hover:text-black ","payment"===v?"bg-primary-dbpaymentbuttonbgcolor text-black":"bg-primary-backgroundColor text-primary-secondaryTextColor"),onClick:O("payment"),children:"Payment Plan"}),(0,l.jsx)(s.z,{className:(0,i.cn)("p-2 text-[1rem] leading-[1.5rem] hover:bg-primary-dbpaymentbuttonbgcolor hover:text-black","mortgage"===v?"bg-primary-dbpaymentbuttonbgcolor text-black":"bg-primary-backgroundColor text-primary-secondaryTextColor"),onClick:O("mortgage"),children:"Mortgage Calculator"})]}),"payment"===v&&(0,l.jsxs)("div",{className:"flex flex-col gap-3 font-primary my-5",children:[(0,l.jsx)("div",{className:"flex justify-between items-center",children:(0,l.jsx)("p",{className:"font-secondary text-[1.125rem] md:text-[1.5rem] leading-[1.25rem] font-bold text-primary-primaryTextColor",children:"Payment Plan"})}),(0,l.jsxs)("div",{className:"md:flex flex flex-col md:flex-row gap-2 border-b-2 border-b-black py-5 items-top",children:[(0,l.jsxs)("div",{className:"md:w-1/2 flex flex-col gap-2",children:[(0,l.jsx)("p",{className:"text-sm text-primary-textColor",children:"Select Unit"}),(0,l.jsxs)("button",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",onClick:z,children:[N?"".concat(N.bedroom," Bed, ").concat(N.bathroom," Bath, ").concat(N.area," ft\xb2"):"Select Unit",(0,l.jsx)(n.OId,{className:"text-primary pointer-events-none text-primary-dropdownIconColor"})]})]}),(0,l.jsxs)("div",{className:"md:w-1/2 md:pl-5 flex flex-col gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-medium",children:"Home Price"}),(0,l.jsxs)("div",{className:"flex gap-2 items-center py-2",children:[(0,l.jsx)("p",{className:"text-sm text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-xl font-bold text-primary-radioButtonTextColor",children:N?(0,u.iQ)(N.price):"N/A"})]})]})]}),(0,l.jsxs)("div",{className:"lg:flex lg:flex-nowrap gap-5 md:flex md:flex-wrap",children:[(0,l.jsxs)("div",{className:"md:w-1/2 flex flex-col gap-5 mt-5",children:[(0,l.jsx)("p",{className:"text-base font-bold text-primary-textColor",children:"Initial Payment"}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"Down Payment"}),(0,l.jsxs)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{children:(0,u.iQ)(w)})]}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("div",{className:"text-primary-dropdownIconColor mr-1",children:["|"," "]}),(0,l.jsx)("p",{children:null==M?void 0:M.downPaymentPercentage}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"%"})]})]})]}),(0,l.jsxs)("div",{className:"flex flex-col md:gap-0 gap-5  items-start md:flex-row w-full justify-between md:items-center",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-1 font-primary",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"DLD Fee (in percentage)"}),(0,l.jsxs)("div",{className:"appearance-none bg-primary-backgroundColor text-sm  rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:null==M?void 0:M.dldFeePercentage}),(0,l.jsx)("p",{className:"text-sm font-medium text-primary-dropdownIconColor",children:"%"})]})]}),(0,l.jsxs)("div",{className:"flex gap-2 md:mt-8 mt-0 mr-1 font-primary",children:[(0,l.jsx)("p",{className:"text-sm font-semibold text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:(0,u.iQ)(k)})]})]}),(0,l.jsx)("p",{className:"text-base font-bold text-primary-textColor",children:"During Construction"}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"Total Amount"}),(0,l.jsxs)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{children:(0,u.iQ)(I)})]}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("div",{className:"text-primary-dropdownIconColor mr-1",children:["|"," "]}),(0,l.jsx)("p",{children:null==M?void 0:M.constructionPercentage}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"%"})]})]})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"No. of Installments"}),(0,l.jsx)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:(0,l.jsx)("div",{className:"flex items-center gap-2",children:(0,l.jsx)("p",{children:null==M?void 0:M.constructionInstallments})})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"Installment Amount"}),(0,l.jsx)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{children:(0,u.iQ)(D)})]})})]})]}),(0,l.jsxs)("div",{className:"md:w-1/2 flex flex-col gap-5 mt-5",children:[(0,l.jsx)("p",{className:"text-base font-bold text-primary-textColor",children:"Upon Handover"}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"Amount"}),(0,l.jsxs)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{children:(0,u.iQ)(q)})]}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("div",{className:"text-primary-dropdownIconColor mr-1",children:["|"," "]}),(0,l.jsx)("p",{children:null==M?void 0:M.uponHandoverPercentage}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"%"})]})]})]}),(null==M?void 0:M.isPostHandover)===!0&&(0,l.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,l.jsx)("p",{className:"text-base font-bold text-primary-textColor",children:"Post Handover"}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"Total Amount"}),(0,l.jsxs)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{children:(0,u.iQ)(A)})]}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("div",{className:"text-primary-dropdownIconColor mr-1",children:["|"," "]}),(0,l.jsx)("p",{children:null==M?void 0:M.postHandoverPercentage}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"%"})]})]})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"No. of Installments"}),(0,l.jsx)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:(0,l.jsx)("div",{className:"flex items-center gap-2",children:(0,l.jsx)("p",{children:null==M?void 0:M.postHandoverInstallments})})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:"Installment Amount"}),(0,l.jsx)("div",{className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{children:(0,u.iQ)(F)})]})})]})]})]})]})]}),"mortgage"===v&&(0,l.jsxs)("form",{onSubmit:Q.handleSubmit,className:"flex flex-col gap-3 font-primary my-5",children:[(0,l.jsx)("div",{className:"flex justify-between items-center",children:(0,l.jsx)("p",{className:"font-secondary text-[1.125rem] md:text-[1.5rem] leading-[1.25rem] font-bold text-primary-primaryTextColor",children:"Mortgage Calculator"})}),(0,l.jsxs)("div",{className:"md:flex flex flex-col md:flex-row gap-2 border-b-2 border-b-black py-5 items-top",children:[(0,l.jsxs)("div",{className:"md:w-1/2 flex flex-col gap-2",children:[(0,l.jsx)("p",{className:"text-sm text-primary-textColor",children:"Select Unit"}),(0,l.jsxs)("button",{type:"button",className:"appearance-none bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",onClick:z,children:[N?"".concat(N.bedroom," Bed, ").concat(N.bathroom," Bath, ").concat(N.area," ft\xb2"):"Select Unit",(0,l.jsx)(n.OId,{className:"text-primary pointer-events-none text-primary-dropdownIconColor"})]})]}),(0,l.jsxs)("div",{className:"md:w-1/2 md:pl-5 flex flex-col gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-medium",children:"Home Price"}),(0,l.jsxs)("div",{className:"flex gap-2 items-center py-2",children:[(0,l.jsx)("p",{className:"text-sm text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-xl font-bold text-primary-radioButtonTextColor",children:N?(0,u.iQ)(N.price):"N/A"})]})]})]}),(0,l.jsxs)("div",{className:"md:flex",children:[(0,l.jsxs)("div",{className:"md:w-1/2 flex flex-col gap-5 mt-7",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor mb-1",children:"Down Payment percentage"}),(0,l.jsxs)("div",{className:"flex items-center md:justify-between gap-2",children:[(0,l.jsxs)("div",{className:"flex items-center appearance-none bg-primary-backgroundColor text-sm w-[8rem] rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor  justify-between border",children:[(0,l.jsx)(d.I,{className:"appearance-none border-none focus:none focus-visible:ring-[0.5]",type:"text",placeholder:"",name:"downPaymentPercentage",value:Q.values.downPaymentPercentage,onChange:Q.handleChange,onBlur:Q.handleBlur}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"%"})]}),(0,l.jsx)("div",{className:"bg-primary-inputFieldBackgroundColor rounded-lg w-[16.688rem]",children:(0,l.jsxs)("div",{className:"flex p-[0.85rem] items-end gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-semibold",children:"AED"}),(0,l.jsx)("p",{className:"text-sm font-semibold",children:void 0===Q.values.downPayment||isNaN(Q.values.downPayment)?"00.00":Q.values.downPayment.toFixed(2)})]})})]}),Q.touched.downPaymentPercentage&&Q.errors.downPaymentPercentage?(0,l.jsx)("div",{className:"text-red-500 text-sm",children:Q.errors.downPaymentPercentage}):null]}),(0,l.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,l.jsxs)("div",{className:"md:flex justify-between gap-5",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm text-primary-textColor mb-1",children:"Term (*in years)"}),(0,l.jsxs)("div",{className:"bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsx)(d.I,{className:"appearance-none border-none focus:none mr-1 focus-visible:ring-[0.5]",type:"text",placeholder:"",name:"term",value:Q.values.term,onChange:Q.handleChange,onBlur:Q.handleBlur}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"years"})]}),Q.touched.term&&Q.errors.term?(0,l.jsx)("div",{className:"text-red-500 text-sm",children:Q.errors.term}):null]}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("p",{className:"text-sm text-primary-textColor mb-1",children:"Interest Rate in %"}),(0,l.jsxs)("div",{className:"bg-primary-backgroundColor text-sm w-full rounded-xl px-4 py-2 h-[3rem] focus:outline-none text-primary-radioButtonTextColor flex justify-between items-center border",children:[(0,l.jsx)(d.I,{className:"appearance-none border-none focus:none mr- focus-visible:ring-[0.5]",type:"text",placeholder:"",name:"interestRate",value:Q.values.interestRate,onChange:Q.handleChange,onBlur:Q.handleBlur}),(0,l.jsx)("p",{className:"text-primary-dropdownIconColor",children:"%"})]}),Q.touched.interestRate&&Q.errors.interestRate?(0,l.jsx)("div",{className:"text-red-500 text-sm",children:Q.errors.interestRate}):null]})]}),(0,l.jsx)(s.z,{type:"submit",className:"p-3 text-base font-bold hover:bg-primary-paymentplancbg font-primary hover:border hover:border-primary-loginBorder hover:text-primary-labelColor text-primary-whiteTextColor bg-primary-labelColor w-[6.125rem]",children:"Calculate"})]})]}),(0,l.jsxs)("div",{className:"md:w-1/2 px-3",children:[(0,l.jsxs)("div",{className:"rounded-full lg:m-5 my-5 flex gap-5 justify-center md:justify-start lg:p-2 py-2 flex-wrap md:flex-wrap lg:flex-wrap ",children:[(0,l.jsxs)("div",{className:"relative h-[8.5rem]",children:[(0,l.jsx)("div",{className:"h-full",children:(0,l.jsx)(o.PieChart,{className:"h-full rotate-[200deg]",lineWidth:10,paddingAngle:12,rounded:!0,data:[{title:"Principal",value:Q.values.principal,color:"#3CBF58"},{title:"Interest",value:Q.values.totalInterestPaid,color:"#0043C5"},{title:"Other",value:Q.values.otherExpenses,color:"#5C727D"}]})}),(0,l.jsxs)("div",{className:"font-primary h-full flex flex-col items-center absolute inset-0 justify-center",children:[(0,l.jsx)("p",{className:"text-[0.5rem] leading-[1.375rem] text-primary-labelColor",children:"AED"}),(0,l.jsx)("p",{className:"text-base leading-[1.375rem] font-bold text-primary-labelColor text-ellipsis",children:(0,u.$J)((0,u.iQ)(Q.values.totalCost.toFixed(2)))}),(0,l.jsx)("p",{className:"text-[0.69rem] leading-[1.25rem] font-[300] text-primary-secondaryTextColor",children:"Total Cost"})]})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-2 justify-center",children:[(0,l.jsx)("div",{className:"bg-primary-inputFieldBackgroundColor rounded-lg",children:(0,l.jsxs)("div",{className:"flex flex-col p-3 pr-8 gap-1",children:[(0,l.jsx)("p",{className:"text-primary-radioButtonTextColor text-xs font-primary",children:"Mortgage Payments"}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsx)("p",{className:"text-xs text-primary-radioButtonTextColor font-secondary mr-1",children:"AED"}),(0,l.jsx)("p",{className:"text-primary-textColor font-semibold text-sm font-primary",children:(0,u.iQ)(Q.values.monthlyPayment.toFixed(2))}),(0,l.jsx)("p",{className:"text-primary-radioButtonTextColor text-xs font-primary",children:"/month"})]})]})}),(0,l.jsx)("div",{className:"bg-primary-inputFieldBackgroundColor rounded-lg",children:(0,l.jsxs)("div",{className:"flex flex-col p-3 pr-8 gap-1",children:[(0,l.jsx)("p",{className:"text-primary-radioButtonTextColor text-xs font-primary",children:"Annual Cost"}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsx)("p",{className:"text-xs text-primary-radioButtonTextColor font-secondary mr-1",children:"AED"}),(0,l.jsx)("p",{className:"text-primary-textColor font-semibold text-sm font-primary",children:(0,u.iQ)(Q.values.annualCost.toFixed(2))}),(0,l.jsx)("p",{className:"text-primary-radioButtonTextColor text-xs font-primary",children:"/yr"})]})]})})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"px-5 py-2 flex justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("div",{className:"h-[0.4375rem] w-[0.4375rem] rounded-full bg-primary-labelColor"}),(0,l.jsx)("p",{className:"text-sm font-semibold text-primary-radioButtonTextColor",children:"Amount Financed:"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:(0,u.iQ)(Q.values.principal.toFixed(2))})]})]}),(0,l.jsxs)("div",{className:"border-t-2 rounded-xl px-5 py-2 flex justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("div",{className:"h-[0.4375rem] w-[0.4375rem] rounded-full bg-[#0043C5]"}),(0,l.jsx)("p",{className:"text-sm font-semibold text-primary-radioButtonTextColor",children:"Total Interest Paid"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:(0,u.iQ)(Q.values.totalInterestPaid.toFixed(2))})]})]}),(0,l.jsxs)("div",{className:"border-t-2 rounded-xl px-5 py-2 flex justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("div",{className:"h-[0.4375rem] w-[0.4375rem] rounded-full bg-[#5C727D]"}),(0,l.jsx)("p",{className:"text-sm font-semibold text-primary-radioButtonTextColor",children:"Other Expenses"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-sm font-medium text-primary-textColor",children:(0,u.iQ)(Q.values.otherExpenses.toFixed(2))})]})]}),(0,l.jsxs)("div",{className:"border-t-2 rounded-xl px-5 py-2 flex justify-between",children:[(0,l.jsx)("p",{className:"text-sm font-semibold text-primary-radioButtonTextColor",children:"Total Cost"}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-primary-radioButtonTextColor",children:"AED"}),(0,l.jsx)("p",{className:"text-xl font-medium text-primary-textColor",children:(0,u.iQ)(Q.values.totalCost.toFixed(2))})]})]})]})]})]}),(0,l.jsx)("div",{className:"border-t-2 px-5 py-2 flex justify-between"})]})]}),g&&(0,l.jsx)(m.Z,{floorPlan:null==Z?void 0:Z.floorPlan,handleFloorPlanSelect:e=>{C(e),j(!1)},handleModalToggle:z})]})}},43422:function(e,r,t){"use strict";var l=t(57437),a=t(2265),s=t(89733),o=t(66648),i=t(16356),n=t(69824),d=t(1698),m=t(33692),c=t(1633),x=t(97892),u=t(32400),p=t(97511);r.default=e=>{var r,t,f,h,b,v,y,g,j,N,C,w,T,k,P,I,B,q;let{propertyDetails:E}=e,[A,S]=(0,a.useState)(!1),D=null==E?void 0:null===(r=E.data[0])||void 0===r?void 0:r.id,R=null==E?void 0:null===(t=E.data[0])||void 0===t?void 0:t.attributes,[F,_]=(0,a.useState)((null==R?void 0:R.floorPlan[0])||null),[Z,M]=(0,a.useState)("N/A"),O=null==R?void 0:R.developer,z=(0,a.useCallback)(()=>{S(e=>!e)},[]);(0,p.Z)(A);let Q=(0,a.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("enquire-now"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]),V=(0,a.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("enquire-now-mobile"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]),$=null==F?void 0:F.price,K=(0,x.hj)(Number($))?(0,x.iQ)(Number($)):$;return((0,a.useEffect)(()=>{(0,u.r)("areaSystem")===c.XH.SQUARE_METRES?M((null==F?void 0:F.area)!==void 0?"".concat((0,x.Z4)(F.area)," m\xb2"):"N/A"):M((null==F?void 0:F.area)!==void 0?"".concat(F.area," ft\xb2"):"N/A")},[F]),F)?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"my-3 md:m-3 shadow-md p-5 font-primary md:rounded-xl overflow-hidden",children:[(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsxs)("div",{className:"justify-center flex flex-col gap-3 font-primary",children:[(0,l.jsxs)("div",{className:"hidden md:flex gap-2",children:[(0,l.jsx)("p",{className:"text-primary-iconColor text-[0.875rem] md:text-[1rem] leading-[1.25rem] ",children:"Property Id :"}),(0,l.jsx)("p",{className:"font-semibold text-primary-radioButtonTextColor md:text-primary-textColor text-[1rem] leading-[1.25rem]",children:D})]}),(0,l.jsxs)("div",{className:"md:flex gap-2",children:[(0,l.jsx)("p",{className:"text-primary-iconColor text-[0.875rem] md:text-[1rem] leading-[1.25rem] ",children:"Plan :"}),(0,l.jsx)("p",{className:"font-semibold text-primary-radioButtonTextColor md:text-primary-textColor text-[1rem] leading-[1.25rem]",children:null==R?void 0:R.planType})]})]}),(0,l.jsxs)("div",{className:"flex flex-col items-end",children:[(0,l.jsx)("p",{className:"text-base leading-[1rem] font-bold text-primary-footerTitleColor",children:"Starting Price"}),(0,l.jsx)("div",{className:"flex gap-2 items-baseline font-bold text-primary-labelColor font-primary",children:(0,x.hj)(Number(null==F?void 0:F.price))?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("p",{className:"text-[1.25rem] leading-[1.5rem]",children:"AED"}),(0,l.jsx)("p",{className:"font-bold text-[2rem] md:text-[2.5rem] leading-[3.5rem]",children:K})]}):(0,l.jsx)("p",{className:"text-[2rem] md:text-[2rem] leading-[3.5rem]",children:K})})]})]}),(0,l.jsxs)("div",{className:"md:flex md:flex-wrap gap-3 justify-between items-center my-3 font-primary",children:[(0,l.jsxs)("div",{className:"flex flex-wrap justify-between p-3 md:p-4 md:px-3 bg-primary-bannerBackgroundColor rounded-xl items-center md:w-[29.125rem] w-full",onClick:z,onKeyDown:z,tabIndex:0,role:"button",children:[(0,l.jsxs)("div",{className:"flex flex-col md:flex-row gap-3",children:[(0,l.jsx)("p",{className:"text-primary-secondaryTextColor text-[0.75rem] md:text-[1rem] leading-[1.125rem] md:leading-[1.5rem] font-[400]",children:"Type"}),(0,l.jsx)("p",{className:"md:bg-white font-primary text-primary-primaryTextColor md:px-3 text-[1rem] leading-[1.5rem] rounded-[0.625rem]",children:F.bedroom>0?"".concat(F.bedroom," Bedroom, ").concat(F.bathroom," Bathroom"):"Studio, ".concat(F.bathroom," Bathroom ")})]}),(0,l.jsx)("div",{className:"flex items-center border-r-1 text-primary-dropdownIconColor h-5",children:"|"}),(0,l.jsxs)("div",{className:"flex flex-col md:flex-row gap-3",children:[(0,l.jsx)("p",{className:"text-primary-secondaryTextColor text-[0.75rem] md:text-[1rem] leading-[1.125rem] md:leading-[1.5rem] font-[400]",children:"Area"}),(0,l.jsx)("p",{className:"md:bg-white font-primary text-primary-primaryTextColor md:px-3 text-[1rem] leading-[1.5rem] rounded-[0.625rem]",children:Z})]}),(0,l.jsx)(n.OId,{className:"text-primary pointer-events-none text-primary-dropdownIconColor cursor-pointer",onClick:z})]}),F.unitsAvailable>0?(0,l.jsx)("div",{className:"mt-4 lg:mt-0 items-center flex bg-primary-availableBackgroundColor border border-primary-availableBorderColor rounded-3xl",children:(0,l.jsxs)("p",{className:"bg-primary-flagBackgroundColor flex gap-1 items-center rounded-xl p-1 px-2",children:[(0,l.jsx)(i.wr$,{}),F.unitsAvailable," ",1===F.unitsAvailable?"unit":"units"," ","available"]})}):(0,l.jsx)("div",{className:"mt-4 lg:mt-0 items-center flex bg-primary-availableBackgroundColor border border-primary-availableBorderColor rounded-3xl",children:(0,l.jsxs)("p",{className:"bg-primary-flagBackgroundColor flex gap-1 items-center rounded-xl p-1 px-2",children:[(0,l.jsx)(i.wr$,{}),"Limited units available"]})})]}),(0,l.jsxs)("div",{className:"flex flex-wrap justify-between items-center pt-2 font-primary",children:[(0,l.jsxs)("div",{className:"flex flex-wrap gap-3 items-center",children:[(0,l.jsx)(s.z,{className:"hidden lg:flex p-[0.5rem] md:p-[0.75rem] pl-[0.75rem] pr-[1rem] md:w-[11.625rem] md:h-full text-[0.875rem] md:text-[1rem] leading-[1.25rem] md:leading-[1.375rem] font-[600] md:font-bold font-primary hover:bg-primary-backgroundColor hover:text-primary-labelColor hover:border-primary-loginBorder hover:border bg-primary-labelColor",onClick:Q,children:"Enquire Now"}),(0,l.jsx)(s.z,{className:"lg:hidden p-[0.5rem] md:p-[0.75rem] pl-[0.75rem] pr-[1rem] md:w-[11.625rem] md:h-full text-[0.875rem] md:text-[1rem] leading-[1.25rem] md:leading-[1.375rem] font-[600] md:font-bold font-primary hover:bg-primary-backgroundColor hover:text-primary-labelColor hover:border-primary-loginBorder hover:border bg-primary-labelColor",onClick:V,children:"Enquire Now"}),(0,l.jsx)("div",{className:"inline-flex justify-center whitespace-nowrap rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground h-10 px-4 py-2 items-center text-2xl font-bold bg-transparent hover:bg-transparent",children:(0,l.jsx)("div",{className:"text-primary-secondaryTextColor",children:(0,l.jsx)(d.Z,{})})})]}),(0,l.jsx)("div",{className:"my-5 lg:m-0 hidden md:block",children:(null==O?void 0:null===(y=O.data)||void 0===y?void 0:null===(v=y.attributes)||void 0===v?void 0:null===(b=v.logo)||void 0===b?void 0:null===(h=b.data)||void 0===h?void 0:null===(f=h.attributes)||void 0===f?void 0:f.url)&&(0,l.jsx)(o.default,{src:"".concat(c.cG).concat(null==O?void 0:null===(w=O.data)||void 0===w?void 0:null===(C=w.attributes)||void 0===C?void 0:null===(N=C.logo)||void 0===N?void 0:null===(j=N.data)||void 0===j?void 0:null===(g=j.attributes)||void 0===g?void 0:g.url),width:120,height:20,sizes:"100vw",className:"w-20 h-auto",alt:null!==(q=null==O?void 0:null===(B=O.data)||void 0===B?void 0:null===(I=B.attributes)||void 0===I?void 0:null===(P=I.logo)||void 0===P?void 0:null===(k=P.data)||void 0===k?void 0:null===(T=k.attributes)||void 0===T?void 0:T.alternativeText)&&void 0!==q?q:"Damac Logo"})})]})]}),A&&(0,l.jsx)(m.Z,{floorPlan:null==R?void 0:R.floorPlan,handleFloorPlanSelect:e=>{_(e),S(!1)},handleModalToggle:z})]}):(0,l.jsx)("div",{className:"my-3 md:m-3 shadow-md p-5 font-primary md:rounded-xl overflow-hidden",children:(0,l.jsx)("p",{className:"text-center text-primary-iconColor text-[1rem] md:text-[1.25rem] leading-[1.5rem]",children:"Floor plan data is not available."})})}},26305:function(e,r,t){"use strict";var l=t(57437),a=t(36731),s=t(2265),o=t(41942),i=t(16463),n=t(1633);r.default=e=>{let{propertyDetails:r,similarProperties:t,params:d}=e,m=(0,i.useRouter)(),{location:c,propertyType:x,price:u}=r.data[0].attributes,p=parseFloat(u)-n._U,f=parseFloat(u)+n._U,h=(0,s.useCallback)((e,r,t,l)=>()=>{m.push("/en/".concat(n.Lz.ADVANCED_SEARCH,"?propertyType=").concat(l,"&minPrice=").concat(e,"&maxPrice=").concat(r,"&city=").concat(t))},[m]);return 0===t.length?null:(0,l.jsxs)("div",{className:"px-2 md:px-[6rem] h-full py-[3.625rem] bg-primary-similarlistingbg w-full text-primary-textColor items-center justify-center",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center",children:[(0,l.jsx)("p",{className:"text-xl leading-[1.25rem] font-bold p-2 font-secondary",children:"You may also like"}),(0,l.jsxs)("div",{className:"flex gap-1 text-primary-loginTextColor text-sm font-primary items-center mr-10 cursor-pointer",onClick:h(p,f,c.city,x),onKeyDown:h(p,f,c.city,x),tabIndex:0,role:"button",children:[(0,l.jsx)("p",{className:"font-semibold",children:"See All"}),(0,l.jsx)(o.Dli,{})]})]}),(0,l.jsxs)("div",{className:"mt-6",children:[(0,l.jsx)("div",{className:"hidden md:flex md:gap-5 lg:flex lg:justify-evenly w-full overflow-x-auto h-[32.5rem]",children:t.slice(0,3).map(e=>(0,l.jsx)(a.Z,{property:e,params:d},e.id))}),(0,l.jsx)("div",{className:"flex md:hidden overflow-x-auto gap-5",children:t.slice(0,3).map(e=>(0,l.jsx)(a.Z,{property:e,params:d},e.id))})]})]})}},31342:function(e,r,t){"use strict";var l=t(57437),a=t(1698),s=t(89733),o=t(2265),i=t(3003),n=t(66648),d=t(1633);r.default=e=>{var r,t,m,c,x,u,p,f,h,b,v,y,g,j,N,C,w,T,k,P;let{propertyDetails:I}=e,B=null==I?void 0:null===(r=I.data[0])||void 0===r?void 0:r.attributes,q=(0,o.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("enquire-now"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]),E=(0,o.useCallback)(e=>{var r,t;e.preventDefault(),null===(t=document)||void 0===t||null===(r=t.getElementById("enquire-now-mobile"))||void 0===r||r.scrollIntoView({behavior:"smooth"})},[]);return(0,l.jsxs)("div",{className:"md:flex justify-between p-2 py-4 md:p-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-[1.5rem] md:text-[2rem] leading-[1.75rem] md:leading-[2.5rem] font-bold font-secondary text-primary-titleTextColor",children:null==B?void 0:B.title}),(0,l.jsxs)("div",{className:"flex items-center my-2 font-[400]",children:[(0,l.jsx)("div",{className:"text-2xl text-primary-dropdownIconColor",children:(0,l.jsx)(i.v2c,{})}),(0,l.jsxs)("p",{className:"font-primary text-[0.875rem] leading-[1.435rem] text-primary-textColor",children:[null==B?void 0:null===(t=B.location)||void 0===t?void 0:t.area,", ",null==B?void 0:null===(m=B.location)||void 0===m?void 0:m.city]})]})]}),(0,l.jsxs)("div",{className:"flex justify-between gap-3 items-top md:max-h-[2.875rem] items-center",children:[(0,l.jsx)(s.z,{className:"hidden lg:flex p-[0.5rem] md:p-[0.75rem] pl-[0.75rem] pr-[1rem] md:w-[11.625rem] md:h-full text-[0.875rem] md:text-[1rem] leading-[1.25rem] md:leading-[1.375rem] font-[600] md:font-bold font-primary hover:bg-primary-backgroundColor hover:text-primary-labelColor hover:border-primary-loginBorder hover:border bg-primary-labelColor",onClick:q,children:"Enquire Now"}),(0,l.jsx)(s.z,{className:"lg:hidden p-[0.5rem] md:p-[0.75rem] pl-[0.75rem] pr-[1rem] md:w-[11.625rem] md:h-full text-[0.875rem] md:text-[1rem] leading-[1.25rem] md:leading-[1.375rem] font-[600] md:font-bold font-primary hover:bg-primary-backgroundColor hover:text-primary-labelColor hover:border-primary-loginBorder hover:border bg-primary-labelColor",onClick:E,children:"Enquire Now"}),(0,l.jsxs)("div",{className:"flex flex-row justify-between",children:[(null==B?void 0:null===(h=B.developer)||void 0===h?void 0:null===(f=h.data)||void 0===f?void 0:null===(p=f.attributes)||void 0===p?void 0:null===(u=p.logo)||void 0===u?void 0:null===(x=u.data)||void 0===x?void 0:null===(c=x.attributes)||void 0===c?void 0:c.url)&&(0,l.jsx)(n.default,{src:"".concat(d.cG).concat(null==B?void 0:null===(j=B.developer)||void 0===j?void 0:null===(g=j.data)||void 0===g?void 0:null===(y=g.attributes)||void 0===y?void 0:null===(v=y.logo)||void 0===v?void 0:null===(b=v.data)||void 0===b?void 0:b.attributes.url),width:120,height:20,sizes:"100vw",className:"w-20 md:hidden mr-5",alt:null!==(P=null==B?void 0:null===(k=B.developer)||void 0===k?void 0:null===(T=k.data)||void 0===T?void 0:null===(w=T.attributes)||void 0===w?void 0:null===(C=w.logo)||void 0===C?void 0:null===(N=C.data)||void 0===N?void 0:N.attributes.alternativeText)&&void 0!==P?P:"Logo"}),(0,l.jsx)("div",{className:"inline-flex justify-center whitespace-nowrap rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground px-4 py-2 items-center h-full text-2xl md:text-3xl bg-transparent hover:bg-transparent",children:(0,l.jsx)("div",{className:"text-primary-secondaryTextColor font-bold",children:(0,l.jsx)(a.Z,{})})})]})]})]})}},18570:function(e,r,t){"use strict";var l=t(57437),a=t(66648),s=t(49354),o=t(2265),i=t(69824),n=t(16356),d=t(33125);t(41031),r.default=e=>{let{images:r}=e,[t,m]=(0,o.useState)(0),[c,x]=(0,o.useState)(!1),u=(0,o.useCallback)(()=>{x(!0)},[x]),p=(0,o.useCallback)(()=>{x(!1)},[x]),f=(0,o.useCallback)(()=>{m(e=>(e+1)%r.length)},[r]),h=(0,o.useCallback)(()=>{m(e=>(e-1+r.length)%r.length)},[r]);return(0,l.jsxs)("div",{className:"flex w-[100%] aspect-video relative items-center",children:[(0,l.jsx)("div",{className:"left-2 absolute",children:(0,l.jsx)("div",{className:"absolute left-0 top-1/2 transform -translate-y-1/2 bg-primary-iconBackgroundColor bg-opacity-50 rounded-lg z-10 px-[0.5rem] py-[0.75rem]",onClick:h,onKeyDown:h,tabIndex:0,role:"button",children:(0,l.jsx)(i.u1R,{className:"text-primary-titleTextColor text-sm md:text-sm cursor-pointer"})})}),(0,l.jsx)("div",{className:"w-full h-full",onClick:u,children:null==r?void 0:r.map((e,o)=>{var i;return(0,l.jsxs)("div",{className:(0,s.cn)("w-[100%] h-[100%] ",o===t?"block":"hidden"),children:[e.src&&(0,l.jsx)(a.default,{className:"w-[100%] h-[100%] object-cover",src:e.src,alt:null!==(i=e.alt)&&void 0!==i?i:"Property Images",width:227,height:404,quality:100}),(0,l.jsx)("div",{className:"absolute w-full bottom-0 h-5 md:h-auto  bg-black bg-opacity-50 text-white text-center flex justify-between items-center py-4 px-5",children:(0,l.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,l.jsx)(n.FeX,{className:"text-primary-whiteTextColor text-2xl"}),(0,l.jsx)("p",{className:"text-base text-primary-whiteTextColor",children:"".concat(t+1,"/").concat(r.length)})]})})]},e.idx)})}),(0,l.jsx)("div",{className:"absolute right-2",children:(0,l.jsx)("div",{className:"absolute right-0 top-1/2 transform -translate-y-1/2 bg-primary-iconBackgroundColor bg-opacity-50 rounded-lg z-10 px-[0.5rem] py-[0.75rem]",onClick:f,onKeyDown:f,tabIndex:0,role:"button",children:(0,l.jsx)(i.hjJ,{className:"text-primary-titleTextColor text-sm md:text-sm cursor-pointer"})})}),c&&(0,l.jsx)(d.Z,{mainSrc:r[t].src,enableZoom:!0,imageTitle:!0,clickOutsideToClose:!0,nextSrc:r.length>1?r[(t+1)%r.length].src:void 0,prevSrc:r.length>1?r[(t+r.length-1)%r.length].src:void 0,onCloseRequest:p,onMovePrevRequest:h,onMoveNextRequest:f})]})}},33692:function(e,r,t){"use strict";t.d(r,{Z:function(){return h}});var l=t(57437),a=t(7432),s=t(2265),o=t(38364),i=t(12218),n=t(49354);let d=(0,i.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),m=s.forwardRef((e,r)=>{let{className:t,...a}=e;return(0,l.jsx)(o.f,{ref:r,className:(0,n.cn)(d(),t),...a})});m.displayName=o.f.displayName;var c=t(99497),x=t(28165);let u=s.forwardRef((e,r)=>{let{className:t,...a}=e;return(0,l.jsx)(c.fC,{className:(0,n.cn)("grid gap-2",t),...a,ref:r})});u.displayName=c.fC.displayName;let p=s.forwardRef((e,r)=>{let{className:t,...a}=e;return(0,l.jsx)(c.ck,{ref:r,className:(0,n.cn)("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",t),...a,children:(0,l.jsx)(c.z$,{className:"flex items-center justify-center",children:(0,l.jsx)(x.Z,{className:"h-2.5 w-2.5 fill-current text-current"})})})});p.displayName=c.ck.displayName;var f=t(97892),h=e=>{let{floorPlan:r,handleFloorPlanSelect:t,handleModalToggle:o}=e,i=(0,s.useCallback)(e=>{"popup-overlay"===e.target.id&&o()},[o]),n=(0,s.useCallback)(e=>()=>{t(e)},[t]),d=(0,s.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&i(e)},[i]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{id:"popup-overlay",className:"hidden md:flex md:fixed md:inset-0 md:items-end md:justify-start md:z-50 md:bg-black md:bg-opacity-50 overflow-y-auto",onClick:i,role:"button",tabIndex:0,onKeyDown:d,children:(0,l.jsxs)("div",{className:"bg-primary-iconBackgroundColor p-6 rounded-lg shadow-lg font-primary h-[25rem] w-[57.375rem] ml-20 mb-20  overflow-y-auto",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between",children:[(0,l.jsx)("p",{className:"text-sm mb-4",children:"Available Units"}),(0,l.jsx)(a.$iT,{onClick:o,className:"text-lg cursor-pointer"})]}),(0,l.jsxs)("div",{className:"flex flex-col mt-7 gap-5",children:[(0,l.jsxs)("div",{className:"flex pl-10",children:[(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5",children:"Type"}),(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5",children:"Bedroom"}),(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5",children:"Bathroom"}),(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5",children:"Area"}),(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5",children:"Price"})]}),null==r?void 0:r.map(e=>(0,l.jsx)("div",{className:"bg-primary-backgroundColor rounded-xl",onClick:n(e),onKeyDown:n(e),tabIndex:0,role:"button",children:(0,l.jsxs)("div",{className:"flex items-start p-4",children:[(0,l.jsx)(u,{defaultValue:"comfortable",className:"w-[22%]",children:(0,l.jsxs)("div",{className:"flex items-center space-x-2 gap-2",children:[(0,l.jsx)(p,{value:e.title,id:"radio-".concat(e.id),className:"text-primary-secondaryTextColor"}),(0,l.jsx)(m,{htmlFor:"radio-".concat(e.id),className:"text-primary-primaryTextColor",children:e.title})]})}),(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5 pl-3",children:e.bedroom}),(0,l.jsx)("p",{className:"text-sm text-primary-primaryTextColor w-1/5 pl-3",children:e.bathroom}),(0,l.jsxs)("p",{className:"text-sm text-primary-primaryTextColor w-1/5",children:[e.area," ft\xb2"]}),(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsxs)("div",{className:"flex gap-1",children:[(0,l.jsxs)("p",{className:"text-base font-semibold text-primary-labelColor",children:[" ","AED"," "]}),(0,l.jsx)("p",{className:"text-base text-primary-primaryTextColor",children:(0,f.iQ)(e.price)})]}),(0,l.jsxs)("p",{className:"text-sm text-primary-labelColor",children:["Only ",e.unitsAvailable," available"]})]})]})},e.id))]})]})}),(0,l.jsx)("div",{id:"popup-overlay",className:"flex md:hidden fixed inset-0 items-center justify-center z-50 bg-black bg-opacity-50",onClick:i,role:"button",tabIndex:0,onKeyDown:d,children:(0,l.jsxs)("div",{className:"bg-primary-iconBackgroundColor w-[24.375rem] rounded-lg shadow-lg font-primary  mx-4 p-6",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between",children:[(0,l.jsx)("p",{className:"text-sm mb-4",children:"Available Units"}),(0,l.jsx)(a.$iT,{onClick:o,className:"text-lg cursor-pointer"})]}),(0,l.jsx)("div",{className:"flex flex-col mt-7 gap-5",children:null==r?void 0:r.map(e=>(0,l.jsx)("div",{className:"bg-primary-backgroundColor rounded-xl",onClick:n(e),onKeyDown:n(e),tabIndex:0,role:"button",children:(0,l.jsxs)("div",{className:"flex flex-row items-center justify-between  p-4",children:[(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)(u,{defaultValue:"comfortable",className:"w-full",children:(0,l.jsxs)("div",{className:"flex items-center space-x-2 gap-2",children:[(0,l.jsx)(p,{value:e.title,id:"radio-".concat(e.id),className:"text-primary-secondaryTextColor"}),(0,l.jsx)(m,{htmlFor:"radio-".concat(e.id),className:"text-primary-primaryTextColor",children:e.title})]})}),(0,l.jsxs)("p",{className:"text-sm text-primary-primaryTextColor w-full pl-8 mt-2",children:[e.bedroom," Bedroom"]}),(0,l.jsxs)("p",{className:"text-sm text-primary-primaryTextColor w-full pl-8 mt-2",children:[e.area," ft\xb2"]})]}),(0,l.jsxs)("div",{className:"flex flex-col mt-5",children:[(0,l.jsxs)("p",{className:"text-sm text-primary-primaryTextColor w-full ",children:[e.bathroom," Bathroom"]}),(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsxs)("div",{className:"flex gap-1",children:[(0,l.jsxs)("p",{className:"text-base font-semibold text-primary-labelColor",children:[" ","AED"," "]}),(0,l.jsx)("p",{className:"text-base text-primary-primaryTextColor",children:(0,f.iQ)(e.price)})]}),(0,l.jsxs)("p",{className:"text-sm text-primary-labelColor",children:["Only ",e.unitsAvailable," available"]})]})]})]})},e.id))})]})})]})}},21656:function(e,r,t){"use strict";var l=t(57437),a=t(2265),s=t(11838),o=t.n(s);r.Z=e=>{let{className:r="",style:t,children:s,stripeStype:i=!1}=e,n=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(n.current&&"string"==typeof s){let e=o().sanitize(i?s.replace(/style=".*?"/gm,""):s);n.current.innerHTML=e}},[s,i]),(0,l.jsx)("div",{ref:n,style:t,className:r})}},36731:function(e,r,t){"use strict";var l=t(57437),a=t(66648),s=t(3003),o=t(69824),i=t(16463),n=t(49354),d=t(97892),m=t(1698),c=t(2265),x=t(1633),u=t(32400),p=t(33125);t(41031);var f=t(69419),h=t(87138);r.Z=e=>{var r,t,b,v,y,g,j,N,C,w,T,k;let{property:P,params:I}=e,[B,q]=(0,c.useState)(0),[E,A]=(0,c.useState)(!1),[S,D]=(0,c.useState)(!1),[R,F]=(0,c.useState)(!1),[_,Z]=(0,c.useState)(!1),[M,O]=(0,c.useState)(null==P?void 0:null===(r=P.attributes)||void 0===r?void 0:r.floorPlan[0]),[z,Q]=(0,c.useState)(!1),[V,$]=(0,c.useState)("N/A"),K=(0,i.useRouter)(),U=(0,c.useRef)(null),{title:H,location:L,features:G,slug:Y,floorPlan:J,image:X,possessionStatus:W,developer:ee}=P.attributes,er=(0,c.useCallback)(()=>{Q(!0);let e="/".concat(null==I?void 0:I.lang,"/properties/").concat(Y);K.push(e)},[K,Y]),et=(null==X?void 0:null===(t=X.data)||void 0===t?void 0:t.map(e=>({src:x.cG+e.attributes.url,alt:e.attributes.alternativeText,idx:e.id})))||[{src:"/property_2.svg",alt:"property image",idx:0}],el=(0,c.useCallback)(()=>{q(e=>(e+1)%et.length)},[et.length]),ea=(0,c.useCallback)(()=>{q(e=>(e-1+et.length)%et.length)},[et.length]),es=(0,c.useCallback)(()=>{Z(e=>!e)},[Z]),eo=(0,c.useCallback)(()=>{D(!0)},[D]),ei=(0,c.useCallback)(()=>{D(!1)},[D]),en=(0,c.useCallback)(e=>{"Enter"===e.key&&D(!0)},[D]),ed=(0,c.useCallback)(e=>()=>{O(e),Z(!1)},[O,Z]);(0,c.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&Z(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);let em=null==M?void 0:M.price,ec=(0,d.hj)(Number(em))?(0,d.iQ)(Number(em)):em;return((0,c.useEffect)(()=>{(0,u.r)("areaSystem")===x.XH.SQUARE_METRES?$((null==M?void 0:M.area)!==void 0?"".concat((0,d.Z4)(M.area)," m\xb2"):"N/A"):$((null==M?void 0:M.area)!==void 0?"".concat(M.area," ft\xb2"):"N/A")},[M]),(0,c.useEffect)(()=>(A(!0),(async()=>{try{await Promise.all(et.map(e=>new Promise((r,t)=>{let l=document.createElement("img");l.src=e.src,l.onload=()=>r(e.src),l.onerror=()=>t(Error("Failed to load image: ".concat(e.src)))}))),F(!0)}catch(e){f.Z.error("Error preloading images:",e)}})(),()=>{A(!1)}),[et]),E)?(0,l.jsxs)("div",{className:"flex gap-5 w-[20rem] md:w-[25rem] md:h-[31.25rem] transform transition-transform duration-300 hover:scale-[1.001]  hover:shadow-xl",children:[(0,l.jsxs)("div",{className:"w-full  max-w-sm md:max-w-md lg:max-w-lg mx-auto group",children:[(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("div",{className:"absolute left-0 top-1/2 transform -translate-y-1/2 bg-primary-iconBackgroundColor bg-opacity-50 rounded-lg z-10 px-[0.5rem] py-[0.75rem]",onClick:ea,onKeyDown:ea,tabIndex:0,role:"button",children:(0,l.jsx)(o.u1R,{className:"text-primary-titleTextColor text-sm md:text-sm cursor-pointer"})}),(0,l.jsx)("div",{className:"absolute right-0 top-1/2 transform -translate-y-1/2 bg-primary-iconBackgroundColor bg-opacity-50 rounded-lg z-10 px-[0.5rem] py-[0.75rem]",onClick:el,onKeyDown:el,tabIndex:0,role:"button",children:(0,l.jsx)(o.hjJ,{className:"text-primary-titleTextColor text-sm md:text-sm cursor-pointer"})}),(0,l.jsx)("div",{className:"w-[20rem] md:w-[25rem] h-[16.25rem] mx-auto overflow-hidden rounded-tl-[1.25rem] rounded-tr-[1.25rem]",onClick:eo,role:"button",tabIndex:0,onKeyDown:en,children:et.map((e,r)=>{var t;return(0,l.jsx)("div",{className:(0,n.cn)("w-full h-full",r===B?"block":"hidden"),children:(0,l.jsx)(a.default,{width:400,height:260,alt:null!==(t=e.alt)&&void 0!==t?t:"Property Images",src:e.src||"",className:"w-full h-full object-cover transition-transform duration-1000 transform group-hover:scale-105"})},e.idx)})}),"Pre Launch"===W?(0,l.jsx)("div",{className:"absolute top-6 left-[-6px] md:left-[-8px] font-primary bg-primary-preLaunchFlagBackgroundColor text-xs font-semibold text-primary-whiteTextColor px-2 py-1 rounded-r-[20px] rounded-l-[4px] transform transition-transform duration-300 group-hover:-translate-y-1",children:"Pre Launch"}):null,(0,l.jsx)("div",{className:"flex justify-between absolute bottom-0 left-0 right-0 bg-black bg-opacity-20 text-center text-primary-backgroundColor pt-2 transition-all duration-300 group-hover:bg-opacity-50 group-hover:pt-0",children:(0,d.hj)(Number(null==M?void 0:M.price))?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex mb-1 px-4 text-center items-baseline gap-1",children:[(0,l.jsx)("p",{className:"text-xs md:text-sm",children:"From"}),(0,l.jsx)("p",{className:"text-sm md:text-base font-semibold transition-colors duration-300 group-hover:text-primary-labelColor",children:"AED"}),(0,l.jsx)("p",{className:"text-[1.5625rem] md:text-[1.875rem] font-semibold transition-colors duration-300 group-hover:text-primary-labelColor",children:(0,d.iQ)(null==M?void 0:M.price)})]}),(0,l.jsx)(h.default,{href:"/".concat(null==I?void 0:I.lang,"/properties/").concat(Y),className:"hidden absolute right-4 bottom-4 group-hover:block transition-opacity duration-300",children:(0,l.jsx)(o.hjJ,{className:"text-primary-iconBackgroundColor text-sm md:text-lg cursor-pointer"})})]}):(0,l.jsx)("p",{className:"flex mb-1 px-4 text-center items-baseline gap-1 text-[1.5625rem] md:text-[1.875rem] font-semibold transition-colors duration-300 group-hover:text-primary-labelColor",children:ec})})]}),(0,l.jsxs)("div",{className:"flex flex-col p-4 bg-white shadow-md rounded-b-[12px] font-primary",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center",children:[(0,l.jsxs)("div",{className:"flex gap-1 mb-2",children:[(0,l.jsx)(s.v2c,{className:"text-primary-secondaryTextColor text-lg md:text-xl"}),(0,l.jsxs)("p",{className:"text-xs md:text-base text-primary-titleTextColor",children:[(0,d.$J)(null==L?void 0:L.area,20),","," ",(0,d.$J)(null==L?void 0:L.city,12)]})]}),(0,l.jsx)("div",{className:"w-[5.375rem] h-[2.70rem] justify-end flex",children:(null==ee?void 0:null===(j=ee.data)||void 0===j?void 0:null===(g=j.attributes)||void 0===g?void 0:null===(y=g.logo)||void 0===y?void 0:null===(v=y.data)||void 0===v?void 0:null===(b=v.attributes)||void 0===b?void 0:b.url)&&(0,l.jsx)(a.default,{width:880,height:240,sizes:"100vw",className:"w-[100%] h-[100%] object-contain",alt:"Developer Images",src:"".concat(x.cG).concat(null==ee?void 0:null===(k=ee.data)||void 0===k?void 0:null===(T=k.attributes)||void 0===T?void 0:null===(w=T.logo)||void 0===w?void 0:null===(C=w.data)||void 0===C?void 0:null===(N=C.attributes)||void 0===N?void 0:N.url)})})]}),(0,l.jsx)(h.default,{href:"/".concat(null==I?void 0:I.lang,"/properties/").concat(Y),className:"text-base md:text-xl font-bold text-primary-textColor mb-2 flex-wrap",children:(0,d.$J)(H,36)}),(0,l.jsx)("div",{className:(0,n.cn)("rounded-3xl mb-3 inline-block max-w-max",(0,d.qg)(W)),children:(0,l.jsx)("p",{className:"text-sm font-primary px-3 py-1",children:W})}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-3 relative",onClick:es,ref:U,onKeyDown:es,tabIndex:0,role:"button",children:[(0,l.jsx)("p",{className:"text-primary-textGrayColor text-sm md:text-base font-semibold",children:"Type"}),(0,l.jsxs)("p",{className:"text-primary-primaryTextColor text-xs md:text-sm font-semibold",children:[(null==M?void 0:M.bedroom)||"N/A"," Bedroom"]}),(0,l.jsx)("p",{className:"text-primary-textGrayColor text-sm md:text-base font-semibold",children:"|"}),(0,l.jsx)("p",{className:"text-primary-textGrayColor text-sm md:text-base font-semibold",children:"Area"}),(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-xs md:text-sm font-semibold",children:V}),(0,l.jsx)(o.OId,{className:"text-primary pointer-events-none text-primary-dropdownIconColor cursor-pointer"}),_&&(0,l.jsx)("div",{className:"absolute top-full left-0 mt-1 w-full bg-white border border-gray-300 rounded-md shadow-lg z-50  max-h-[6.1rem] overflow-y-auto",children:(0,l.jsx)("div",{className:"p-1",children:J.map(e=>(0,l.jsx)("div",{onKeyDown:ed(e),tabIndex:0,role:"button",className:"p-1 px-2 cursor-pointer hover:bg-gray-100",onClick:ed(e),children:(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-primary-textGrayColor text-sm md:text-base font-semibold",children:"Type"}),(0,l.jsxs)("p",{className:"text-primary-primaryTextColor text-xs md:text-sm font-semibold",children:[(null==e?void 0:e.bedroom)||"N/A"," Bedroom"]}),(0,l.jsx)("p",{className:"text-primary-textGrayColor text-sm md:text-base font-semibold",children:"|"}),(0,l.jsx)("p",{className:"text-primary-textGrayColor text-sm md:text-base font-semibold",children:"Area"}),(0,l.jsxs)("p",{className:"text-primary-primaryTextColor text-xs md:text-sm font-semibold",children:[(null==e?void 0:e.area)||"N/A"," ft\xb2"]})]})},e.id))})})]}),(0,l.jsx)("div",{className:"flex mb-3 gap-2 overflow-x-auto max-w-full",children:G&&G.length>0?G.slice(0,3).map(e=>(0,l.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,l.jsx)(a.default,{src:"/feature_icon.jpeg",alt:"Feature Icon",width:20,height:20}),(0,l.jsx)("p",{className:"text-xs md:text-sm text-primary-primaryTextColor",children:(0,d.$J)(e,12)})]},e)):(0,l.jsx)("p",{className:"text-xs md:text-sm text-primary-primaryTextColor",children:"No features available"})}),(0,l.jsxs)("div",{className:"flex justify-between items-center ",children:[(0,l.jsx)(h.default,{href:"/".concat(null==I?void 0:I.lang,"/properties/").concat(Y),onClick:er,className:"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 text-primary-loginTextColor border border-primary-loginBorder bg-primary-backgroundColor hover:bg-primary-labelColor hover:text-primary-whiteTextColor",children:z?"Loading...":"More Details"}),(0,l.jsx)("div",{className:"flex gap-4",children:(0,l.jsx)(m.Z,{})})]})]})]}),S&&R&&(0,l.jsx)(p.Z,{mainSrc:et[B].src,nextSrc:et.length>1?et[(B+1)%et.length].src:void 0,prevSrc:et.length>1?et[(B+et.length-1)%et.length].src:void 0,onCloseRequest:ei,onMovePrevRequest:ea,onMoveNextRequest:el})]}):null}},9773:function(e,r,t){"use strict";t.d(r,{default:function(){return s}});var l=t(57437),a=t(2265);function s(e){let{variant:r}=e,t=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(t.current){let e=document.createElement("script");return e.src="https://cdn.bitrix24.com/b26676447/crm/form/loader_174.js",e.dataset.b24Form="inline/174/2dt6ob",e.dataset.skipMoving="true",e.async=!0,t.current.appendChild(e),()=>{var r;null===(r=t.current)||void 0===r||r.removeChild(e)}}},[]),(0,l.jsx)(l.Fragment,{children:"mobile"===r?(0,l.jsx)("div",{className:"flex flex-col gap-5",id:"enquire-now-mobile",children:(0,l.jsx)("div",{ref:t,className:"form-container"})}):(0,l.jsx)("div",{className:"flex flex-col gap-5",id:"enquire-now",children:(0,l.jsx)("div",{ref:t,className:"form-container"})})})}},63437:function(e,r,t){"use strict";t.d(r,{default:function(){return m}});var l=t(57437),a=t(1633),s=t(97892),o=t(65455),i=t(2265),n=t(41942),d=t(85097);function m(){let e=(0,i.useCallback)(()=>{window.location.href="tel:+".concat(a.UE)},[]),r=(0,i.useCallback)(()=>{window.open((0,s.$3)(a.NY,"Hello, I would like to enquire about your services."),"_blank")},[a.NY,s.$3]);return(0,l.jsxs)("div",{className:"w-full flex gap-2",children:[(0,l.jsxs)(o.A,{type:"button",onClick:e,className:"w-full border border-primary-loginBorder bg-primary-backgroundColor text-sm text-primary-loginTextColor font-semibold py-2 rounded-md hover:bg-primary-labelColor hover:text-primary-whiteTextColor flex gap-2",children:[(0,l.jsx)(d.Ty1,{}),"Call Us"]}),(0,l.jsxs)(o.A,{type:"button",onClick:r,className:"w-full border border-primary-loginBorder bg-primary-backgroundColor text-sm text-primary-loginTextColor font-semibold py-2 rounded-md hover:bg-primary-labelColor hover:text-primary-whiteTextColor flex gap-2",children:[(0,l.jsx)(n.xpo,{}),"WhatsApp"]})]})}},1698:function(e,r,t){"use strict";t.d(r,{Z:function(){return h}});var l=t(57437),a=t(2265),s=t(7649),o=t(49354);let i=s.fC,n=s.xz,d=a.forwardRef((e,r)=>{let{className:t,align:a="center",sideOffset:i=4,...n}=e;return(0,l.jsx)(s.h_,{children:(0,l.jsx)(s.VY,{ref:r,align:a,sideOffset:i,className:(0,o.cn)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...n})})});d.displayName=s.VY.displayName;var m=t(1633),c=t(97892),x=t(43781),u=t(41942),p=t(85097),f=t(78068);function h(){let{toast:e}=(0,f.pm)(),r=(0,a.useCallback)(async()=>{try{await navigator.clipboard.writeText(window.location.href),e({title:"Copied to clipboard!",variant:"default"})}catch(r){e({title:"Failed to copy",variant:"destructive"})}},[e]),t=(0,a.useCallback)(()=>{window.open("mailto:?body=".concat(encodeURIComponent(window.location.href)))},[]),s=(0,a.useCallback)(()=>{let e=window.location.href;window.open((0,c.$3)(m.NY,e),"_blank")},[m.NY,c.$3]);return(0,l.jsxs)(i,{children:[(0,l.jsx)(n,{children:(0,l.jsx)(p.B0q,{className:"text-primary-secondaryTextColor text-2xl md:text-3xl cursor-pointer"})}),(0,l.jsx)(d,{className:"w-52",children:(0,l.jsxs)("div",{className:"flex flex-col gap-4 p-1 font-primary",children:[(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-base",children:"Share Now"}),(0,l.jsxs)("div",{className:"flex gap-5",children:[(0,l.jsxs)("div",{className:"flex flex-col justify-center items-center gap-1 cursor-pointer",onClick:r,onKeyDown:r,tabIndex:0,role:"button",children:[(0,l.jsx)("div",{className:"bg-primary-iconBackgroundColor rounded-md p-2",children:(0,l.jsx)(x.EZF,{className:"text-black"})}),(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-sm",children:"Copy"})]}),(0,l.jsxs)("div",{className:"flex flex-col justify-center items-center gap-1 cursor-pointer",onClick:s,onKeyDown:s,tabIndex:0,role:"button",children:[(0,l.jsx)("div",{className:"bg-primary-iconBackgroundColor rounded-md p-2",children:(0,l.jsx)(u.xpo,{className:"text-black"})}),(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-sm",children:"WhatsApp"})]}),(0,l.jsxs)("div",{className:"flex flex-col justify-center items-center gap-1 cursor-pointer",onClick:t,onKeyDown:t,tabIndex:0,role:"button",children:[(0,l.jsx)("div",{className:"bg-primary-iconBackgroundColor rounded-md p-2",children:(0,l.jsx)(p.WNJ,{className:"text-black"})}),(0,l.jsx)("p",{className:"text-primary-primaryTextColor text-sm",children:"Mail"})]})]})]})})]})}},77209:function(e,r,t){"use strict";t.d(r,{I:function(){return o}});var l=t(57437),a=t(2265),s=t(49354);let o=a.forwardRef((e,r)=>{let{className:t,type:a,...o}=e;return(0,l.jsx)("input",{type:a,className:(0,s.cn)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",t),ref:r,...o})});o.displayName="Input"},78068:function(e,r,t){"use strict";t.d(r,{pm:function(){return x}});var l=t(2265);let a=0,s=new Map,o=e=>{if(s.has(e))return;let r=setTimeout(()=>{s.delete(e),m({type:"REMOVE_TOAST",toastId:e})},1e6);s.set(e,r)},i=(e,r)=>{switch(r.type){case"ADD_TOAST":return{...e,toasts:[r.toast,...e.toasts].slice(0,1)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(e=>e.id===r.toast.id?{...e,...r.toast}:e)};case"DISMISS_TOAST":{let{toastId:t}=r;return t?o(t):e.toasts.forEach(e=>{o(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===t||void 0===t?{...e,open:!1}:e)}}case"REMOVE_TOAST":if(void 0===r.toastId)return{...e,toasts:[]};return{...e,toasts:e.toasts.filter(e=>e.id!==r.toastId)}}},n=[],d={toasts:[]};function m(e){d=i(d,e),n.forEach(e=>{e(d)})}function c(e){let{...r}=e,t=(a=(a+1)%Number.MAX_SAFE_INTEGER).toString(),l=()=>m({type:"DISMISS_TOAST",toastId:t});return m({type:"ADD_TOAST",toast:{...r,id:t,open:!0,onOpenChange:e=>{e||l()}}}),{id:t,dismiss:l,update:e=>m({type:"UPDATE_TOAST",toast:{...e,id:t}})}}function x(){let[e,r]=l.useState(d);return l.useEffect(()=>(n.push(r),()=>{let e=n.indexOf(r);e>-1&&n.splice(e,1)}),[e]),{...e,toast:c,dismiss:e=>m({type:"DISMISS_TOAST",toastId:e})}}},97511:function(e,r,t){"use strict";var l=t(2265);r.Z=e=>{(0,l.useEffect)(()=>{if(!e)return;let r=window.getComputedStyle(document.body).overflow,t=window.scrollY;return document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top="-".concat(t,"px"),document.body.style.width="100%",()=>{document.body.style.overflow=r,document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,t)}},[e])}},77081:function(e,r,t){"use strict";t.d(r,{MM:function(){return s},lh:function(){return a},pn:function(){return o}});var l=t(14245);let a=(0,l.Ry)({name:(0,l.Z_)().required("Name is required").max(50,"Name must be at most 50 characters"),email:(0,l.Z_)().email("Invalid email address").required("Email is required").max(50,"Email must be at most 50 characters"),phone:(0,l.Z_)().matches(/^[0-9]*$/,"Phone number must be a number").required("Phone number is required"),countryCode:(0,l.Z_)().required("Country code is required").max(10,"Country code must be at most 10 characters"),numberOfBedrooms:(0,l.Z_)().matches(/^[0-9]*$/,"Bedroom must be a number").required("Bedroom is required"),country:(0,l.Z_)().required("Country is required").max(50,"Country must be at most 50 characters"),callRecordingUrl:(0,l.Z_)().required("Call recording url is required").max(100,"Call recording url must be at most 100 characters"),language:(0,l.Z_)().required("Language is required").max(50,"Language must be at most 50 characters"),comment:(0,l.Z_)().required("Comment is required").max(200,"Comment must be at most 200 characters")});(0,l.Ry)({name:(0,l.Z_)().required("Name is required").max(50,"Name must be at most 50 characters"),email:(0,l.Z_)().email("Invalid email address").required("Email is required").max(50,"Email must be at most 50 characters"),phone:(0,l.Z_)().matches(/^[0-9]*$/,"Phone number must be a number").required("Phone number is required").min(8,"Phone number must be exactly 8 digits").max(8,"Phone number must be exactly 8 digits"),message:(0,l.Z_)().required("Message is required").max(200,"Message must be at most 200 characters"),canContact:(0,l.Xg)().oneOf([!0],"You must accept to be contacted")}),(0,l.Ry)({name:(0,l.Z_)().required("Name is required").max(50,"Name must be at most 50 characters"),email:(0,l.Z_)().email("Invalid email address").required("Email is required").max(50,"Email must be at most 50 characters"),phone:(0,l.Z_)().matches(/^[0-9]*$/,"Phone number must be a number").required("Phone number is required").min(8,"Phone number must be exactly 8 digits").max(8,"Phone number must be exactly 8 digits"),message:(0,l.Z_)().required("Message is required").max(200,"Message must be at most 200 characters")}),(0,l.Ry)({name:(0,l.Z_)().required("Name is required").max(50,"Name must be at most 50 characters"),email:(0,l.Z_)().email("Invalid email address").required("Email is required").max(50,"Email must be at most 50 characters"),phone:(0,l.Z_)().matches(/^[0-9]*$/,"Phone number must be a number").required("Phone number is required").min(8,"Phone number must be exactly 8 digits").max(8,"Phone number must be exactly 8 digits")}),(0,l.Ry)({name:(0,l.Z_)().required("Name is required").max(50,"Name must be at most 50 characters"),email:(0,l.Z_)().email("Invalid email address").required("Email is required").max(50,"Email must be at most 50 characters"),phone:(0,l.Z_)().matches(/^[0-9]*$/,"Phone number must be a number").required("Phone number is required").min(8,"Phone number must be exactly 8 digits").max(8,"Phone number must be exactly 8 digits"),canContact:(0,l.Xg)().oneOf([!0],"You must accept to be contacted")});let s=(0,l.Ry)({downPaymentPercentage:(0,l.Rx)().required("Down Payment Percentage is required").min(0,"Must be greater than or equal to 0"),term:(0,l.Rx)().required("Term is required").min(1,"Must be at least 1 year"),interestRate:(0,l.Rx)().required("Interest Rate is required").min(0,"Must be greater than or equal to 0")}),o=(0,l.Ry)({salePrice:(0,l.Rx)().required("Sale Price Percentage is required").min(0,"Must be greater than or equal to 0"),downPaymentPercentage:(0,l.Rx)().required("Down Payment Percentage is required").min(0,"Must be greater than or equal to 0"),term:(0,l.Rx)().required("Term is required").min(1,"Must be at least 1 year"),interestRate:(0,l.Rx)().required("Interest Rate is required").min(0,"Must be greater than or equal to 0")})}},function(e){e.O(0,[4373,7699,2532,5706,5452,1779,1994,6051,4574,4868,8173,1704,7641,5659,137,2130,5455,4171,1842,5245,4349,1838,5251,6089,2971,7023,1744],function(){return e(e.s=82787)}),_N_E=e.O()}]);