https://www.bayuti.com/_next/static/chunks/371.098680052d9e2601.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[371],{9371:(e,t,l)=>{l.r(t),l.d(t,{default:()=>b});var s=l(5794),a=l(4232),n=l(1134),r=l(6284),i=l(9860),c=l(505),d=l(9166),o=l(7876),x=["className"];function m(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,s)}return l}function u(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?m(Object(l),!0).forEach(function(t){(0,r.A)(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):m(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}var p=a.forwardRef(function(e,t){var l=e.className,s=(0,i.A)(e,x);return(0,o.jsxs)(c.bL,u(u({ref:t,className:(0,d.cn)("relative flex w-full touch-none select-none items-center",l)},s),{},{children:[(0,o.jsx)(c.CC,{className:"relative h-3 w-full grow overflow-hidden rounded-full bg-green-900/20 dark:bg-neutral-50/20",children:(0,o.jsx)(c.Q6,{className:"absolute h-full bg-[#7CCFB8] dark:bg-neutral-50"})}),(0,o.jsx)(c.zi,{className:"block h-6 w-6 rounded-full border  border-white bg-[#7CCFB8] shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-white disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-800 dark:border-neutral-50/50 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300"})]}))});p.displayName=c.bL.displayName;var f=l(1047);f.t1.register(f.PP,f.kc,f.E8,f.hE,f.m_,f.s$);var h=function(e){var t=e.label,l=e.value,a=e.max,n=e.min,r=e.step,i=e.onChange,c=e.unit,d=void 0===c?"\xa3":c;return(0,o.jsxs)("div",{children:[(0,o.jsxs)("div",{className:"flex justify-between items-center md:px-10",children:[(0,o.jsx)("span",{className:"text-sm text-gray-600 mb-2",children:t}),(0,o.jsxs)("span",{className:"text-sm font-bold mb-2",children:["%"===d?"":d,l.toLocaleString(),"%"===d?"%":""]})]}),(0,o.jsx)(p,{defaultValue:[l],max:a,min:n,step:r,onValueChange:function(e){return i((0,s.A)(e,1)[0])},className:"w-full"})]})};let b=function(){var e,t,l=(0,a.useState)(5352),s=l[0],r=l[1],i=(0,a.useState)(30),c=i[0],d=i[1],x=(0,a.useState)(5.31),m=x[0],u=x[1],p=(e=m/100*s*5/5,t=c/100*s/5,["2025","2026","2027","2028","2029"].map(function(l,a){return{investment:s,rental:e*(a+1),appreciation:t*(a+1)}})),f={labels:["Y1","Y2","Y3","Y4","Y5"],datasets:[{label:"Investment",data:p.map(function(e){return e.investment}),backgroundColor:"#7CCFB8"},{label:"Total rental income",data:p.map(function(e){return e.rental}),backgroundColor:"#D37A83"},{label:"Value appreciation",data:p.map(function(e){return e.appreciation}),backgroundColor:"#F0BF84"}]};return(0,o.jsx)("div",{className:"w-full min-h-screen flex items-center justify-center bg-white",children:(0,o.jsx)("div",{className:"w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 bg-[#F8F8F8] rounded-2xl md:m-20 relative",children:(0,o.jsx)("div",{className:"py-6 sm:py-12",children:(0,o.jsxs)("div",{className:"mt-8 grid grid-cols-1 md:grid-cols-2 gap-8",children:[(0,o.jsxs)("div",{children:[(0,o.jsxs)("div",{className:"text-center justify-center md:text-left md:justify-left md:pl-8",children:[(0,o.jsx)("h3",{className:"text-[#209476] text-2xl mb-4 font-normal pb-2",children:"How will I make money?"}),(0,o.jsx)("h2",{className:"text-[#121C30] font-semibold mt-2 text-3xl sm:text-3xl md:text-4xl lg:text-4xl xl:text-5xl leading-tight",children:"Calculate your potential returns"})]}),(0,o.jsxs)("div",{className:"lg:py-20 py-10 flex flex-col items-center md:items-start md:text-left md:justify-left md:pl-8",children:[(0,o.jsx)("h3",{className:"text-xl md:text-2xl text-gray-900 sm:text-center  md:text-left md:justify-left",children:"Annual Rental Yield"}),(0,o.jsx)("p",{className:"text-[#6E6E6E] text-center md:text-left md:text-lg",children:"Receive consistent passive income from monthly rental payments"}),(0,o.jsx)("h3",{className:"mt-4 text-xl md:text-2xl text-gray-900 text-center lg:text-left",children:"Annual Appreciation"}),(0,o.jsx)("p",{className:"text-[#6E6E6E] text-center md:text-left md:text-lg",children:"Watch your investment grow as the property value appreciates"}),(0,o.jsx)("div",{className:"w-full flex justify-center md:justify-start",children:(0,o.jsx)("a",{href:"https://app.bayuti.com/on-boarding",target:"_blank",rel:"noopener noreferrer",children:(0,o.jsx)("button",{className:"mt-6 bg-emerald-500 text-white px-6 py-2 md:mt-10 rounded-full font-medium hover:bg-emerald-600 transition-colors",children:"Sign Up"})})})]})]}),(0,o.jsxs)("div",{className:"bg-white md:p-10 p-8 rounded-2xl",children:[(0,o.jsx)("div",{className:"bg-[#D1EEE6] rounded-lg p-2 md:p-2",children:(0,o.jsxs)("div",{className:"flex flex-row items-center justify-between",children:[(0,o.jsxs)("div",{className:"flex-1 flex flex-col items-center md:min-w-[90px]",children:[(0,o.jsxs)("p",{className:"text-base md:text-lg font-bold text-[#008F65]",children:["\xa3",s.toLocaleStr

1ing()]}),(0,o.jsx)("p",{className:"text-xs md:text-sm text-[#01A777] text-center",children:"Investment"})]}),(0,o.jsx)("div",{className:"flex justify-center items-center",children:(0,o.jsx)("div",{className:"w-px bg-[#01A777] h-8 md:h-16 mx-2"})}),(0,o.jsxs)("div",{className:"flex-1 flex flex-col items-center md:min-w-[90px]",children:[(0,o.jsxs)("p",{className:"text-base md:text-lg font-bold text-[#008F65]",children:["\xa3",Math.round(m/100*s*5).toLocaleString()]}),(0,o.jsx)("p",{className:"text-xs md:text-sm text-[#01A777] text-center",children:"Total Rental Income"})]}),(0,o.jsx)("div",{className:"flex justify-center items-center",children:(0,o.jsx)("div",{className:"w-px bg-[#01A777] h-8 md:h-16 mx-2"})}),(0,o.jsxs)("div",{className:"flex-1 flex flex-col items-center md:min-w-[90px]",children:[(0,o.jsxs)("p",{className:"text-base md:text-lg font-bold text-[#008F65]",children:["\xa3",(c/100*s).toLocaleString()]}),(0,o.jsx)("p",{className:"text-xs md:text-sm text-[#01A777] text-center",children:"Value Appreciation"})]})]})}),(0,o.jsx)("div",{className:"h-[400px] w-full mt-6",children:(0,o.jsx)(n.yP,{data:f,options:{responsive:!0,maintainAspectRatio:!1,scales:{x:{stacked:!0,grid:{display:!1}},y:{stacked:!0,beginAtZero:!0,ticks:{callback:function(e){return e>=1e3?"\xa3".concat(e/1e3,"k"):"\xa3".concat(e.toLocaleString())}},grid:{display:!1}}},plugins:{legend:{position:"bottom",labels:{usePointStyle:!0,pointStyle:"circle",padding:10}},tooltip:{callbacks:{label:function(e){return"\xa3".concat(e.raw.toLocaleString())}}}}}})}),(0,o.jsxs)("div",{className:"mt-6 space-y-4",children:[(0,o.jsx)(h,{label:"Initial Investment",value:s,max:1e5,min:1e3,step:500,onChange:r,unit:"\xa3"}),(0,o.jsx)(h,{label:"Property Value Growth (5 Year)",value:c,max:100,min:5,step:1,onChange:d,unit:"%"}),(0,o.jsx)(h,{label:"Expected Annual Rental Yield",value:m,max:10.5,min:.5,step:.1,onChange:u,unit:"%"})]})]})]})})})})}}}]);