https://bepay.money/_next/static/chunks/915.c4ed7644ab091561.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[915],{19433:(e,t,i)=>{i.d(t,{Yq:()=>r,Yv:()=>o,cn:()=>a});var s=i(52596),n=i(39688);function a(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];return(0,n.QP)((0,s.$)(t))}function r(e){if(!e)return"";let t=e.toDate?e.toDate():new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).format(t)}function o(e){return e.toString().toLowerCase().trim().replace(/\s+/g,"-").replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-")}},20915:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var s=i(95155),n=i(71780),a=i(70881),r=i(95056),o=i(58918),l=i(60760),c=i(12115),d=i(66766),x=i(19433),m=i(21978),p=i(78874),g=i(86678);let u=[{number:"1",imageSrc:"/upi/saving1.png"},{number:"2",imageSrc:"/upi/saving2.png"},{number:"3",imageSrc:"/upi/saving3.png"},{number:"4",imageSrc:"/upi/saving4.png"},{number:"5",imageSrc:"/upi/saving5.png"},{number:"Total",imageSrc:"/upi/saving6.png"}],h=()=>{let e=(0,c.useRef)(null),[t,i]=(0,c.useState)(!1),[h,v]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let e=()=>{v(window.innerWidth<1024)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let f="".concat(100*u.length,"vh"),{scrollYProgress:b}=(0,n.L)({target:e,offset:["start start","end end"]}),y=(0,a.G)(b,[0,.13,.17,.29,.33,.46,.5,.63,.67,.79,.83,1],["0vw","0vw","-100vw","-100vw","-200vw","-200vw","-300vw","-300vw","-400vw","-400vw","-500vw","-500vw"]),w=u.map((e,t)=>t/(u.length-1)),j=u.map((e,t)=>t),S=(0,a.G)(b,w,j),[I,N]=(0,c.useState)(0),[_,k]=(0,c.useState)(0);(0,r.L)(S,"change",e=>{if(h)N(Math.round(e));else{let t=Math.round(e);t!==I&&(k(t>I?1:-1),N(t))}});let A=u[I],C={hidden:{opacity:0,y:50},visible:{opacity:1,y:0,transition:{duration:.6,ease:"easeOut"}}},E={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.1}}},P={hidden:{opacity:0,y:50},visible:{opacity:1,y:0,transition:{duration:.6,ease:"easeOut",delay:.4}},exit:{opacity:0,y:50,transition:{duration:.3,ease:"easeIn"}}};(0,c.useEffect)(()=>{let s=new IntersectionObserver(e=>{let[n]=e;n.isIntersecting&&!t&&(p.c.sendEvent("UPI saving-section viewed"),i(!0),s.unobserve(n.target))},{threshold:.1});return e.current&&s.observe(e.current),()=>s.disconnect()},[t]);let z=()=>{p.c.sendEvent("start_your_saving_journey_button_clicked")};return(0,s.jsx)("section",{ref:e,style:{minHeight:h?f:"900vh"},className:"relative bg-[#F9F9F9]",children:h?(0,s.jsx)("div",{className:"sticky top-0 h-screen min-h-150 max-h-225 overflow-hidden",children:(0,s.jsxs)("div",{className:"h-full flex flex-col",children:[(0,s.jsx)(o.P.div,{className:"w-full pt-8 pb-4 px-4 sm:px-6 bg-[#F9F9F9]",initial:"hidden",animate:"visible",variants:E,children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsxs)(o.P.h2,{className:"text-[48px] xs:text-[52px] sm:text-[56px] md:text-[60px] font-[400] text-[#C0C0C0] tracking-tighter leading-[1.1] -mt-2",variants:C,children:["Real ",(0,s.jsx)("span",{className:"text-[#333333] font-normal",children:"use."})]}),(0,s.jsxs)(o.P.h3,{className:"text-[48px] xs:text-[52px] sm:text-[56px] md:text-[60px] font-[400] text-[#C0C0C0] tracking-tighter leading-[1.1]",variants:C,children:["Real"," ",(0,s.jsx)("span",{className:"text-[#333333] font-normal",children:"savings."})]}),(0,s.jsxs)(o.P.div,{className:"pt-4 sm:pt-6 space-y-0",variants:E,children:[(0,s.jsx)(o.P.p,{className:"text-[16px] xs:text-[17px] sm:text-[18px] md:text-[20px] text-[#6A6A6A] font-regular font-[400] leading-snug",variants:C,children:"Your Life Already Costs Money."}),(0,s.jsxs)(o.P.p,{className:"text-[16px] xs:text-[17px] sm:text-[18px] md:text-[20px] text-[#6A6A6A] font-regular font-[400] leading-snug",variants:C,children:["We Just"," ",(0,s.jsx)("span",{className:"font-semibold text-[#333333]",children:"Pay You Back."})]})]})]})}),(0,s.jsx)("div",{className:"flex-grow relative overflow-hidden bg-[#F9F9F9]",children:(0,s.jsx)(o.P.div,{style:{x:y},className:"flex h-full",children:u.map((e,t)=>(0,s.jsxs)("div",{className:"flex-shrink-0 w-screen h-full flex flex-col items-center justify-start pt-10 px-2 pb-0",children:[(0,s.jsx)("div",{className:"text-center flex items-start justify-center ".concat("Total"===e.number?"h-[180px]":"h-[200px]"),children:(0,s.jsx)("span",{className:"bg-gradient-to-t from-[#ECECEC05] to-[#ECECEC] bg-clip-text text-transparent leading-none select-none font-montserrat ".concat("Total"===e.number?"text-[120px] sm:text-[140px] md:text-[165px] font-semibold mt-[-40px] sm:mt-[-45px] md:mt-[-50px]":"text-[200px] sm:text-[225px] md:text-[250px] font-bold mt-[-70px]"),children:e.number})}),(0,s.jsxs)("div",{className:"relative aspect-1475/2240 flex-grow flex flex-col mb-0 overflow-hidden shadow-[40px_40px_70px_0px_rgba(0,0,0,0.07)] ".concat("Total"===e.number?"-mt-16":"-mt-24"),children:[(0,s.jsx)(d.default,{src:e.imageSrc,alt:"Step ".concat(e.number),width:1475,height:2240,className:"h-[105%] w-full object-cover object-top"}),"Total"===e.number&&(0,s.jsx)(l.N,{children:I===u.length-1&&(0,s.jsx)(o.P.div,{className:"absolute bottom-16 left-1/2 z-20 -translate-x-1/2",initial:"hidden",animate:"visible",exit:"exit",variants:P,children:(0,s.jsx)(g.A,{triggerSource:"Start Your Saving Journey button (mobile)",buttonLocation:"saving_section_mobile",children:(0,s.jsxs)(m.$,{onClick:z,className:"relative z-20 flex h-[56px] w-[250px] cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-full bg-black px-8 py-6 text-[12px] font-medium text-white transition-colors hover:bg-gray-800",children:[(0,s.jsx)(d.default,{src:"/upi/wal.png",alt:"Savings icon",width:24,height:24,className:"h-6 w-6"}),"Start your savings journey"]})})})})]})]},t))})})]})}):(0,s.jsxs)("div",{className:"sticky top-0 mx-auto grid max-w-[1600px] grid-cols-1 items-stretch w-full h-screen lg:grid-cols-5",children:[(0,s.jsx)(o.P.div,{className:"bg-white flex justify-center items-center lg:col-span-3 h-full p-6 sm:p-8 md:p-12 lg:p-16 order-2 lg:order-1",initial:"hidden",

1whileInView:"visible",viewport:{once:!1,amount:.4},variants:E,children:(0,s.jsxs)("div",{className:"space-y-3 sm:space-y-4",children:[(0,s.jsxs)(o.P.h2,{className:"text-[100px] font-[400] text-[#C0C0C0] tracking-[-0.08em] leading-[10px]",variants:C,children:["Real ",(0,s.jsx)("span",{className:"text-[#333333] font-normal",children:"use."})]}),(0,s.jsxs)(o.P.h3,{className:"text-[100px] font-[400] text-[#C0C0C0] tracking-[-0.08em]",variants:C,children:["Real"," ",(0,s.jsx)("span",{className:"text-[#333333] font-normal",children:"savings."})]}),(0,s.jsxs)(o.P.div,{className:"pt-4 sm:pt-6 space-y-1 sm:space-y-2",variants:E,children:[(0,s.jsx)(o.P.p,{className:"text-[32px] tracking-[-0.02em] text-[#6A6A6A] font-regular font-[400] leading-[10px]",variants:C,children:"Your Life Already Costs Money."}),(0,s.jsxs)(o.P.p,{className:"text-[32px] tracking-[-0.02em] text-[#6A6A6A] font-regular font-[400]",variants:C,children:["We Just"," ",(0,s.jsx)("span",{className:"font-semibold text-[#333333]",children:"Pay You Back."})]})]}),(0,s.jsx)(l.N,{children:I===u.length-1&&(0,s.jsx)(o.P.div,{className:"pt-8",initial:"hidden",animate:"visible",exit:"exit",variants:P,children:(0,s.jsx)(g.A,{triggerSource:"Start Your Saving Journey button",buttonLocation:"saving_section",children:(0,s.jsxs)(m.$,{onClick:z,className:"relative z-20 bg-black cursor-pointer whitespace-nowrap text-white w-[270px] h-[56px] rounded-full flex items-center justify-center gap-2 text-[14px] font-medium px-8 py-4 hover:bg-gray-800 transition-colors",children:[(0,s.jsx)(d.default,{src:"/upi/wal.png",alt:"Savings icon",width:24,height:24,className:"w-6 h-6"}),"Start your savings journey"]})})})})]})}),(0,s.jsxs)("div",{className:(0,x.cn)("relative h-full lg:col-span-2 order-1 lg:order-2 overflow-hidden bg-[#F4F4F4]"),children:[(0,s.jsx)(l.N,{mode:"popLayout",custom:_,children:(0,s.jsx)(o.P.div,{className:(0,x.cn)("absolute inset-0 flex items-center justify-start pointer-events-none","Total"===A.number?"pl-3":"pl-25"),style:{paddingBottom:h?void 0:"70vh"},variants:{enter:e=>({y:e>0?"100%":"-100%",opacity:0,zIndex:1}),center:{y:"0%",opacity:1,zIndex:1,transition:{duration:.4,ease:"easeOut",delay:0}},exit:e=>({y:e>0?"-100%":"100%",opacity:0,zIndex:0,transition:{duration:.4,ease:"easeIn"}})},initial:"enter",animate:"center",exit:"exit",custom:_,children:(0,s.jsx)("span",{className:"font-[400] pl-2 bg-gradient-to-b from-gray-300 to-gray-100 text-transparent bg-clip-text select-none leading-none",style:{fontSize:"clamp(120px, 25vw, 200px)"},children:A.number})},A.number+"-number")}),(0,s.jsx)(l.N,{mode:"popLayout",custom:_,children:(0,s.jsx)(o.P.div,{className:"absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-40 w-[70%]  h-[90%] z-10",variants:{enter:e=>({y:e>0?"100%":"-100%",opacity:0,zIndex:1}),center:{y:"0%",opacity:1,zIndex:1,transition:{duration:.4,ease:"easeOut",delay:.15}},exit:e=>({y:e>0?"-100%":"100%",opacity:0,zIndex:0,transition:{duration:.4,ease:"easeIn"}})},initial:"enter",animate:"center",exit:"exit",custom:_,children:(0,s.jsx)("div",{className:"relative w-full h-full",children:(0,s.jsx)(d.default,{src:A.imageSrc||"/upi/placeholder.svg",alt:"Phone mockup showing step ".concat(A.number),width:600,height:600,className:"w-full h-auto object-top object-contain"})})},A.imageSrc+"-image")})]})]})})}},21978:(e,t,i)=>{i.d(t,{$:()=>l});var s=i(95155);i(12115);var n=i(99708),a=i(74466),r=i(19433);let o=(0,a.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function l(e){let{className:t,variant:i,size:a,asChild:l=!1,...c}=e,d=l?n.DX:"button";return(0,s.jsx)(d,{"data-slot":"button",className:(0,r.cn)(o({variant:i,size:a,className:t})),...c})}},78874:(e,t,i)=>{i.d(t,{c:()=>n});var s=i(51368);class n{static init(e){!e||this.isInitialized||this._initPromise||(this._initPromise=Promise.all([i.e(9933),i.e(9641)]).then(i.bind(i,8390)).then(t=>{let{default:i}=t;i.init(e,{debug:!1,persistence:"localStorage",autotrack:!1}),this._mixpanel=i,this.isInitialized=!0,console.log("Mixpanel Initialized");

1let s=this._pendingEvents;this._pendingEvents=[],s.forEach(e=>{let{eventName:t,params:i}=e;return this.sendEvent(t,i)})}))}static startSession(){let e=sessionStorage.getItem("sessionId");if(e)console.log("[Analytics] Session Resumed: ".concat(e));else{let e=(0,s.A)(),t=new Date().getTime();sessionStorage.setItem("sessionId",e),sessionStorage.setItem("sessionStartTime",t),console.log("[Analytics] New Session Started: ".concat(e))}}static getSessionData(){return{sessionId:sessionStorage.getItem("sessionId"),sessionStartTime:sessionStorage.getItem("sessionStartTime")}}static getDistinctId(){try{var e;return null==(e=this._mixpanel)?void 0:e.get_distinct_id()}catch(e){return console.error("err",e),null}}static createWaitlistUser(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1],this.isInitialized&&this._mixpanel)try{let t=this._mixpanel,i=t.get_distinct_id()||e;t.identify(i),t.people.set({$email:e,created_at:new Date().toISOString(),source:"waitlist"}),console.log("[Analytics] Waitlist user created: ".concat(e,", distinctId: ").concat(i))}catch(e){console.error("[Analytics] Error creating waitlist user:",e)}}static async sendEvent(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.isInitialized||!this._mixpanel)return void(this._initPromise?(this._pendingEvents.push({eventName:e,params:t}),console.log("[Analytics] Queued until ready: ".concat(e))):console.warn("Analytics not initialized yet. Event dropped:",e));try{let i=this._mixpanel;await (null==i?void 0:i.get_distinct_id());let{sessionId:s}=this.getSessionData(),n={...t,sessionId:s};this.checkcampaignId(),console.log("[Analytics Event]: ".concat(e),n),i.track(e,n)}catch(e){console.error("[Analytics] Error sending event:",e)}}static checkcampaignId(){if(!this._mixpanel)return;let e=this._mixpanel;try{let t=localStorage.getItem("campaignId");t?e.get_property("campaignId")!==t&&(e.register({campaignId:t}),console.log("✅ campaignId registered:",t)):e.get_property("campaignId")&&(e.unregister("campaignId"),console.log("\uD83D\uDDD1️ campaignId unregistered"))}catch(e){console.error("[Analytics] Error checking campaignId:",e)}}static endSession(){if(!this.isInitialized||!this._mixpanel)return;let{sessionId:e,sessionStartTime:t}=this.getSessionData();if(e&&t){let i=Math.round((new Date().getTime()-parseInt(t,10))/1e3);this._mixpanel.track("Session End",{sessionId:e,sessionDuration_seconds:i},{transport:"sendBeacon"}),localStorage.removeItem("campaignId"),sessionStorage.removeItem("sessionId"),sessionStorage.removeItem("sessionStartTime"),console.log("[Analytics] Session End event queued via sendBeacon. Duration: ".concat(i,"s"))}}static reset(){this.isInitialized&&this._mixpanel&&(this._mixpanel.reset(),console.log("Mixpanel instance has been reset."))}}n.isInitialized=!1,n._mixpanel=null,n._initPromise=null,n._pendingEvents=[]},86678:(e,t,i)=>{i.d(t,{A:()=>o});var s=i(95155),n=i(12115),a=i(55028);i(21978);let r=(0,a.default)(()=>Promise.all([i.e(8354),i.e(9641),i.e(1834),i.e(5907),i.e(8178)]).then(i.bind(i,35907)),{loadableGenerated:{webpack:()=>[35907]},ssr:!1});function o(e){let{variant:t="default",size:i="default",children:a,className:o="",triggerSource:l="",buttonLocation:c=""}=e,[d,x]=(0,n.useState)(!1);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{onClick:()=>x(!0),className:"".concat(o),children:a}),(0,s.jsx)(r,{isOpen:d,triggerSource:l,buttonLocation:c,onClose:()=>x(!1),onSubmit:()=>x(!1)})]})}}}]);