https://bepay.money/_next/static/chunks/2478.b0b95ffdba1c9086.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2478],{6101:(e,t,l)=>{l.d(t,{s:()=>s,t:()=>i});var a=l(12115);function n(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function i(...e){return t=>{let l=!1,a=e.map(e=>{let a=n(e,t);return l||"function"!=typeof a||(l=!0),a});if(l)return()=>{for(let t=0;t<a.length;t++){let l=a[t];"function"==typeof l?l():n(e[t],null)}}}}function s(...e){return a.useCallback(i(...e),e)}},12581:(e,t,l)=>{l.d(t,{A:()=>n});var a=l(95155);function n(e){let{className:t="",children:l}=e;return(0,a.jsx)("div",{className:"w-full max-w-[1600px] mx-auto ".concat(t),children:l})}},19433:(e,t,l)=>{l.d(t,{Yq:()=>s,Yv:()=>r,cn:()=>i});var a=l(52596),n=l(39688);function i(){for(var e=arguments.length,t=Array(e),l=0;l<e;l++)t[l]=arguments[l];return(0,n.QP)((0,a.$)(t))}function s(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 r(e){return e.toString().toLowerCase().trim().replace(/\s+/g,"-").replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-")}},21978:(e,t,l)=>{l.d(t,{$:()=>o});var a=l(95155);l(12115);var n=l(99708),i=l(74466),s=l(19433);let r=(0,i.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 o(e){let{className:t,variant:l,size:i,asChild:o=!1,...c}=e,p=o?n.DX:"button";return(0,a.jsx)(p,{"data-slot":"button",className:(0,s.cn)(r({variant:l,size:i,className:t})),...c})}},52478:(e,t,l)=>{l.r(t),l.d(t,{default:()=>g});var a=l(95155),n=l(66766),i=l(12115),s=l(58918);function r(){return(0,a.jsx)("div",{className:"relative mx-auto w-[452px]",children:(0,a.jsx)("div",{className:"h-175 rounded-t-[48px] bg-[#D9D9D9]/40 backdrop-blur-sm pt-3 px-3",children:(0,a.jsxs)("div",{className:"relative flex h-172 w-107 flex-col overflow-hidden rounded-t-[36px] bg-[#F9F9F9]",children:[(0,a.jsx)("div",{className:"relative z-10 w-full shrink-0 bg-[#F9F9F9]",children:(0,a.jsx)(n.default,{src:"/upi/header-frame.png",alt:"bepay money app header",width:1965,height:540,className:"w-full h-auto"})}),(0,a.jsx)("div",{className:"flex-1 overflow-y-auto scrollbar-hide",children:(0,a.jsx)(n.default,{src:"/upi/Main-frame.png",alt:"bepay money app content",width:1965,height:3720,className:"w-full h-auto"})})]})})})}var o=l(12581),c=l(86678),p=l(71780),x=l(70881);let d=[{icon:"/a2.png",prefix:"Up to ",bold:"7%* Cashback & Rewards",suffix:""},{icon:"/a1.png",prefix:"Earn ",bold:"9%* on Fixed Deposits",suffix:""},{icon:"/a3.png",prefix:"Buy ",bold:"Digital Gold",suffix:" from ₹10"},{icon:"/a4.png",prefix:"",bold:"100+ Bill Payments",suffix:" via one app"},{icon:"/a5.png",prefix:"",bold:"Premium Lifestyle Benefits",suffix:""}];function f(){let e=(0,i.useRef)(null),{scrollYProgress:t}=(0,p.L)({target:e,offset:["start start","end end"]}),l=(0,x.G)(t,[0,.7],[0,-1200]),o=(0,x.G)(t,[.6,.95],[50,0]),f=(0,x.G)(t,[.6,.95],[0,1]);return(0,a.jsx)("div",{ref:e,className:"relative h-[140vh]",children:(0,a.jsx)("div",{className:"sticky top-0 overflow-hidden",children:(0,a.jsx)("section",{className:"bg-[#F9F9F9] h-full flex flex-col justify-start pt-6",children:(0,a.jsxs)("div",{className:"text-center pt-8",children:[(0,a.jsxs)("h1",{className:"text-center leading-none",style:{fontFamily:"Montserrat, sans-serif"},children:[(0,a.jsx)("div",{className:"text-[#B7B7B7]",style:{fontWeight:600,fontSize:"32px",lineHeight:"100%",letterSpacing:"-0.12em"},children:"MOVE"}),(0,a.jsx)("div",{className:"text-[#6F6F6F] -mt-2",style:{fontWeight:600,fontSize:"56px",lineHeight:"100%",letterSpacing:"-0.13em"},children:"MONEY"}),(0,a.jsx)("div",{className:"text-[#404040] -mt-4",style:{fontWeight:600,fontSize:"90px",lineHeight:"100%",letterSpacing:"-0.11em"},children:"FREELY"})]}),(0,a.jsx)(s.P.div,{className:"absolute inset-x-0 top-60 flex justify-center",style:{y:l,filter:"drop-shadow(50px 50px 100px rgba(0, 0, 0, 0.07))"},children:(0,a.jsx)("div",{className:"h-[490px] w-[317px] overflow-visible",children:(0,a.jsx)("div",{className:"origin-top-left scale-[0.7]",children:(0,a.jsx)(r,{})})})}),(0,a.jsxs)(s.P.div,{style:{y:o,opacity:f},className:"mt-6 flex flex-col gap-4 text-sm items-center",children:[(0,a.jsxs)("div",{className:"flex justify-center items-center gap-2 px-4 mb-6",children:[(0,a.jsxs)("div",{className:"flex items-baseline gap-1",children:[(0,a.jsx)("span",{style:{fontFamily:"Open Sans, sans-serif",fontWeight:400,fontSize:"40px",lineHeight:1,color:"rgba(194, 193, 193, 0.5)"},children:"1"}),(0,a.jsx)("span",{style:{fontFamily:"Montserrat, sans-serif",fontWeight:500,fontSize:"25px",lineHeight:1,letterSpacing:"-0.09em",textTransform:"uppercase",color:"#6A6A6A"},children:"PAY."})]}),(0,a.jsxs)("div",{className:"flex items-baseline gap-1",children:[(0,a.jsx)("span",{style:{fontFamily:"Open Sans, sans-serif",fontWeight:400,fontSize:"40px",lineHeight:1,color:"rgba(194, 193, 193, 0.5)"},children:"2"}),(0,a.jsx)("span",{style:{fontFamily:"Montserrat, sans-serif",fontWeight:500,fontSize:"25px",lineHeight:1,letterSpacing:"-0.09em",textTransform:"uppercase",color:"#6A6A6A"},children:"EARN."})]}),(0,a.jsxs)("div",{className:"flex items-baseline gap-1",children:[(0,a.jsx)("span",{style:{fontFamily:"Open Sans, sans-serif",fontWeight:400,fontSize:"40px",lineHeight:1,color:"rgba(194, 193, 193, 0.5)"},children:"3"}),(0,a.jsx)("span",{style:{fontFamily:"Montserrat, sans-serif",fontWeight:500,fontSize:"25px",lineHeight:1,letterSpacing:"-0.09em",textTransform:"uppercase",color:"#6A6A6A"},children:"REPEAT."})]})]}),(0,a.jsx)("div",{className:"flex flex-col gap-2.5",children:d.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-3 text-left",children:[(0,a.jsx)(n.default,{src:e.icon,width:56,height:56,alt:"",loading:"lazy",className:"h-9 w-9 shrink-0 rounded-lg"}),(0,a.jsxs)("p",{className:"text-[14px] leading-snug font-medium text-[#6A6A6A]",children:[e.prefix,(0,a.jsx)("span",{className:"font-bold text-[#080808]",children:e.bold}),e.suffix]})]},t))}),(0,a.jsx)(c.A,{triggerSource:"Hero App Store button",buttonLocation:"hero",children:(0,a.jsxs)("button",{className:"bg-black text-white rounded-full flex items-center justify-center",style:{width:"260px",height:"80px",borderRadius:"61px",gap:"15p

1x",padding:"20px 50px",fontFamily:"Open Sans, sans-serif"},children:[(0,a.jsx)(n.default,{src:"/apple.png",alt:"Apple App Store",width:24,height:24,className:"object-contain",loading:"lazy"}),(0,a.jsxs)("div",{className:"font-semibold text-[14px] leading-5 tracking-[0.02em] text-left",children:[(0,a.jsx)("div",{children:"Download on"}),(0,a.jsx)("div",{children:"App Store"})]})]})}),(0,a.jsx)(c.A,{triggerSource:"Hero Google Play button",buttonLocation:"hero",children:(0,a.jsxs)("button",{className:"bg-black text-white rounded-full flex items-center justify-center",style:{width:"260px",height:"80px",borderRadius:"61px",gap:"15px",padding:"20px 50px",fontFamily:"Open Sans, sans-serif"},children:[(0,a.jsx)(n.default,{src:"/playstore.png",alt:"Google Play Store",width:24,height:24,className:"object-contain",loading:"lazy"}),(0,a.jsxs)("div",{className:"font-semibold text-[14px] leading-5 tracking-[0.02em] text-left",children:[(0,a.jsx)("div",{children:"Get the App on"}),(0,a.jsx)("div",{children:"Google Play"})]})]})})]})]})})})})}let u=[{icon:"/upi/a2.png",prefix:"Up to ",bold:"7%* Cashback & Rewards",suffix:""},{icon:"/upi/a1.png",prefix:"Earn ",bold:"9%* on Fixed Deposits",suffix:""},{icon:"/upi/a3.png",prefix:"Buy ",bold:"Digital Gold",suffix:" from ₹10"},{icon:"/upi/a4.png",prefix:"",bold:"100+ Bill Payments",suffix:" via one app"},{icon:"/upi/a5.png",prefix:"",bold:"Premium Lifestyle Benefits",suffix:""}],m=[{number:"1",label:"PAY."},{number:"2",label:"EARN."},{number:"3",label:"REPEAT."}];function g(){let[e,t]=(0,i.useState)(!1);return((0,i.useEffect)(()=>{let e=()=>t(window.innerWidth<1024);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e)?(0,a.jsx)(f,{}):(0,a.jsxs)("section",{className:"relative bg-[#F9F9F9] overflow-hidden pt-10 sm:pt-12 lg:pt-16",children:[(0,a.jsx)("h1",{className:"sr-only",children:"Move Money Freely"}),(0,a.jsx)(s.P.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8},className:"relative flex justify-center pointer-events-none select-none mb-6 px-6 sm:mb-8 lg:mb-12 lg:px-0",children:(0,a.jsx)(n.default,{src:"/upi/heading.png",alt:"",width:3278,height:1437,className:"w-full max-w-90 h-auto sm:max-w-140 lg:max-w-[clamp(640px,calc(640px+(100vw-1024px)*0.15625),720px)]"})}),(0,a.jsxs)(o.A,{className:"relative flex flex-col items-center gap-10 px-6 sm:px-10 lg:flex-row lg:items-start lg:gap-[clamp(16px,calc(16px+(100vw-1024px)*0.015625),24px)] lg:px-[clamp(40px,calc(40px+(100vw-1024px)*0.203125),144px)]",children:[(0,a.jsxs)(s.P.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.8,delay:.2},className:"flex w-full max-w-md flex-col gap-6 lg:max-w-none lg:shrink-0 lg:w-[clamp(280px,calc(280px+(100vw-1024px)*0.15625),360px)] lg:gap-[clamp(24px,calc(24px+(100vw-1024px)*0.015625),32px)] lg:pt-[clamp(40px,calc(40px+(100vw-1024px)*0.046875),64px)]",children:[(0,a.jsxs)("div",{className:"relative pl-6",children:[(0,a.jsx)("span",{className:"absolute inset-y-0 left-0 w-2 rounded-full bg-[#3D9550]"}),(0,a.jsx)("p",{className:"text-[14px] leading-snug font-bold text-[#080808] sm:text-[15px]",children:"India's all-in-one financial app for UPI payments, RuPay Lifestyle Card, Digital Gold, Bill Payments, Fixed Deposits, and everyday rewards."})]}),(0,a.jsx)("div",{className:"flex flex-col gap-3",children:u.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)(n.default,{src:e.icon,width:56,height:56,alt:"",className:"h-11 w-11 shrink-0 rounded-xl sm:h-14 sm:w-14"}),(0,a.jsxs)("p",{className:"text-[14px] leading-snug font-medium text-[#6A6A6A] sm:text-[15px]",children:[e.prefix,(0,a.jsx)("span",{className:"font-bold text-[#080808]",children:e.bold}),e.suffix]})]},t))})]}),(0,a.jsx)(s.P.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.8,delay:.35},className:"relative lg:top-[clamp(-80px,calc(-64px+(100vw-1024px)*-0.03125),-64px)] lg:mb-[clamp(-80px,calc(-64px+(100vw-1024px)*-0.03125),-64px)] lg:left-[clamp(24px,calc(24px+(100vw-1024px)*0.03125),40px)]",children:(0,a.jsx)("div",{className:"h-[385px] w-[249px] overflow-visible shadow-[120px_120px_120px_0px_rgba(0,0,0,0.07)] sm:h-[490px] sm:w-[317px] lg:h-[clamp(595px,calc(595px+(100vw-1024px)*0.205078125),700px)] lg:w-[clamp(384px,calc(384px+(100vw-1024px)*0.1328125),452px)]",children:(0,a.jsx)("div",{className:"origin-top-left scale-[0.55] sm:scale-[0.7] lg:scale-[clamp(0.85,calc(0.85+(100vw-1024px)/1px*0.000292969),1)]",children:(0,a.jsx)(r,{})})})}),(0,a.jsxs)(s.P.div,{initial:{opacity:0,y:40}

1,animate:{opacity:1,y:0},transition:{duration:.8,delay:.5},className:"relative flex w-full flex-col items-center gap-8 text-center lg:w-auto lg:flex-1 lg:items-start lg:text-left lg:gap-[clamp(32px,calc(32px+(100vw-1024px)*0.03125),48px)] lg:pt-[clamp(40px,calc(40px+(100vw-1024px)*0.046875),64px)] lg:pl-[clamp(64px,calc(64px+(100vw-1024px)*0.1484375),140px)]",children:[(0,a.jsx)("div",{className:"flex flex-col items-center lg:items-start",style:{fontFamily:"Montserrat, sans-serif"},children:m.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2 -mb-4 lg:mb-[clamp(-24px,calc(-20px+(100vw-1024px)*-0.0078125),-20px)]",children:[(0,a.jsx)("span",{className:"text-[36px] font-normal bg-linear-to-b from-[#C2C1C1] to-[#C2C1C11A] text-transparent bg-clip-text sm:text-[48px] lg:text-[clamp(48px,calc(48px+(100vw-1024px)*0.0234375),60px)]",children:e.number}),(0,a.jsx)("span",{className:"text-[24px] font-medium uppercase tracking-[-0.03em] text-[#6A6A6A] sm:text-[32px] lg:text-[clamp(32px,calc(32px+(100vw-1024px)*0.015625),40px)]",children:e.label})]},e.number))}),(0,a.jsxs)("div",{className:"relative flex w-full max-w-xs flex-col gap-3 lg:max-w-none lg:w-[clamp(256px,calc(256px+(100vw-1024px)*0.0859375),300px)]",children:[(0,a.jsx)("div",{className:"absolute inset-0 -z-10 bg-black/10 blur-2xl"}),(0,a.jsx)(c.A,{triggerSource:"Hero Google Play button",buttonLocation:"hero",children:(0,a.jsxs)("button",{className:"pl-[40px] flex w-full items-center gap-4 bg-black text-white rounded-full px-7 py-6",children:[(0,a.jsx)(n.default,{src:"/playstore.png",width:28,height:28,alt:"Google Play"}),(0,a.jsxs)("div",{className:"text-left leading-tight ",children:[(0,a.jsx)("div",{className:"text-base font-bold",children:"Get the app on"}),(0,a.jsx)("div",{className:"text-base font-bold",children:"Google Play"})]})]})}),(0,a.jsx)(c.A,{triggerSource:"Hero App Store button",buttonLocation:"hero",children:(0,a.jsxs)("button",{className:"pl-[40px] flex w-full items-center gap-4 bg-black text-white rounded-full px-7 py-6",children:[(0,a.jsx)(n.default,{src:"/apple.png",width:26,height:26,alt:"App Store"}),(0,a.jsxs)("div",{className:"text-left leading-tight",children:[(0,a.jsx)("div",{className:"text-base font-bold",children:"Download on the"}),(0,a.jsx)("div",{className:"text-base font-bold",children:"app store"})]})]})})]})]})]})]})}},74466:(e,t,l)=>{l.d(t,{F:()=>s});var a=l(52596);let n=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,i=a.$,s=(e,t)=>l=>{var a;if((null==t?void 0:t.variants)==null)return i(e,null==l?void 0:l.class,null==l?void 0:l.className);let{variants:s,defaultVariants:r}=t,o=Object.keys(s).map(e=>{let t=null==l?void 0:l[e],a=null==r?void 0:r[e];if(null===t)return null;let i=n(t)||n(a);return s[e][i]}),c=l&&Object.entries(l).reduce((e,t)=>{let[l,a]=t;return void 0===a||(e[l]=a),e},{});return i(e,o,null==t||null==(a=t.compoundVariants)?void 0:a.reduce((e,t)=>{let{class:l,className:a,...n}=t;return Object.entries(n).every(e=>{let[t,l]=e;return Array.isArray(l)?l.includes({...r,...c}[t]):({...r,...c})[t]===l})?[...e,l,a]:e},[]),null==l?void 0:l.class,null==l?void 0:l.className)}},86678:(e,t,l)=>{l.d(t,{A:()=>r});var a=l(95155),n=l(12115),i=l(55028);l(21978);let s=(0,i.default)(()=>Promise.all([l.e(8354),l.e(9641),l.e(1834),l.e(5907),l.e(8178)]).then(l.bind(l,35907)),{loadableGenerated:{webpack:()=>[35907]},ssr:!1});function r(e){let{variant:t="default",size:l="default",children:i,className:r="",triggerSource:o="",buttonLocation:c=""}=e,[p,x]=(0,n.useState)(!1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{onClick:()=>x(!0),className:"".concat(r),children:i}),(0,a.jsx)(s,{isOpen:p,triggerSource:o,buttonLocation:c,onClose:()=>x(!1),onSubmit:()=>x(!1)})]})}},99708:(e,t,l)=>{l.d(t,{DX:()=>p});var a,n=l(12115),i=l(6101),s=l(95155),r=Symbol.for("react.lazy"),o=(a||(a=l.t(n,2)))[" use ".trim().toString()];function c(e){var t;return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===r&&"_payload"in e&&"object"==typeof(t=e._payload)&&null!==t&&"then"in t}var p=function(e){let t=function(e){let t=n.forwardRef((e,t)=>{let{children:l,...a}=e;if(c(l)&&"function"==typeof o&&(l=o(l._payload)),n.isValidElement(l)){var s;let e,r,o=(s=l,(r=(e=Object.getOwnPropertyDescriptor(s.props,"ref")?.get)&&"isReactWarning"in e&&e.

1isReactWarning)?s.ref:(r=(e=Object.getOwnPropertyDescriptor(s,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?s.props.ref:s.props.ref||s.ref),c=function(e,t){let l={...t};for(let a in t){let n=e[a],i=t[a];/^on[A-Z]/.test(a)?n&&i?l[a]=(...e)=>{let t=i(...e);return n(...e),t}:n&&(l[a]=n):"style"===a?l[a]={...n,...i}:"className"===a&&(l[a]=[n,i].filter(Boolean).join(" "))}return{...e,...l}}(a,l.props);return l.type!==n.Fragment&&(c.ref=t?(0,i.t)(t,o):o),n.cloneElement(l,c)}return n.Children.count(l)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),l=n.forwardRef((e,l)=>{let{children:a,...i}=e;c(a)&&"function"==typeof o&&(a=o(a._payload));let r=n.Children.toArray(a),p=r.find(d);if(p){let e=p.props.children,a=r.map(t=>t!==p?t:n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null);return(0,s.jsx)(t,{...i,ref:l,children:n.isValidElement(e)?n.cloneElement(e,void 0,a):null})}return(0,s.jsx)(t,{...i,ref:l,children:a})});return l.displayName=`${e}.Slot`,l}("Slot"),x=Symbol("radix.slottable");function d(e){return n.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===x}}}]);