https://bepay.money/_next/static/chunks/1647.4f9b34fc9c705ef3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1647],{6101:(e,t,n)=>{n.d(t,{s:()=>l,t:()=>i});var r=n(12115);function a(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function i(...e){return t=>{let n=!1,r=e.map(e=>{let r=a(e,t);return n||"function"!=typeof r||(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];"function"==typeof n?n():a(e[t],null)}}}}function l(...e){return r.useCallback(i(...e),e)}},12581:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(95155);function a(e){let{className:t="",children:n}=e;return(0,r.jsx)("div",{className:"w-full max-w-[1600px] mx-auto ".concat(t),children:n})}},19433:(e,t,n)=>{n.d(t,{Yq:()=>l,Yv:()=>s,cn:()=>i});var r=n(52596),a=n(39688);function i(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,a.QP)((0,r.$)(t))}function l(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 s(e){return e.toString().toLowerCase().trim().replace(/\s+/g,"-").replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-")}},21647:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(95155),a=n(66766),i=n(58918),l=n(12581);function s(e){let{children:t,reverse:n=!1,className:a="",pauseOnHover:i=!0}=e;return(0,r.jsx)("div",{className:"group flex w-full overflow-hidden [--duration:30s] gap-[var(--gap)] mask-[linear-gradient(to_right,transparent,black_10%,black_90%,transparent)] ".concat(a),children:[0,1].map(e=>(0,r.jsx)("div",{className:"animate-marquee flex shrink-0 items-center justify-around gap-[var(--gap)] ".concat(i?"group-hover:[animation-play-state:paused]":""),style:n?{animationDirection:"reverse"}:void 0,children:t},e))})}var o=n(86678);let c=["Electricity Bills","Water Bills","LPG & Gas Bills","Mobile Recharge & Postpaid Mobile Bills","Broadband & Wi-Fi","DTH Recharge","FASTag Recharge"],d=["Credit Card Bills","Loan EMI Payments","Insurance Premiums","Municipal Taxes","Housing Society Payments","Education Fees","Subscription Payments"];function u(e){let{label:t}=e;return(0,r.jsxs)("div",{className:"flex h-20 w-44 shrink-0 items-center justify-center gap-2 rounded-full bg-white/5 px-4 text-center sm:h-16 sm:w-90 sm:gap-3 sm:px-6 lg:h-32.5 lg:w-107.5 lg:gap-4 lg:px-8",children:[(0,r.jsx)(a.default,{src:"/upi/green-check.png",alt:"",width:28,height:28,className:"h-4 w-4 shrink-0 sm:h-5 sm:w-5 lg:h-7 lg:w-7"}),(0,r.jsx)("span",{className:"text-[11px] text-white sm:whitespace-nowrap sm:text-[13px] lg:text-[16px]",children:t})]})}function p(){return(0,r.jsx)("section",{className:"bg-black py-14 text-white sm:py-18 lg:py-22",children:(0,r.jsxs)(l.A,{className:"px-6 sm:px-10 lg:px-16",children:[(0,r.jsxs)(i.P.h2,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},transition:{duration:.8,delay:.1},viewport:{once:!1,amount:.5},className:"text-[40px] leading-[1.05] font-normal tracking-[-0.08em] sm:text-[64px] lg:text-[clamp(64px,calc(64px+(100vw-1024px)*0.07421875),102px)]",children:["Bill payments ",(0,r.jsx)("span",{style:{color:"#88D318"},children:"made simple."})]}),(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},transition:{duration:.8,delay:.25},viewport:{once:!1,amount:.5},className:"mt-3 flex items-center gap-3 sm:gap-4",children:[(0,r.jsx)(a.default,{src:"/upi/bill.png",alt:"",width:80,height:80,className:"h-12 w-12 shrink-0 sm:h-16 sm:w-16 lg:h-20 lg:w-20"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mt-3 text-[20px] whitespace-nowrap font-bold sm:text-[36px] sm:whitespace-normal lg:text-[clamp(36px,calc(36px+(100vw-1024px)*0.0234375),48px)]",children:"One App. Every Bill."}),(0,r.jsx)("p",{className:"text-[14px] text-[#C0C0C0] sm:text-[16px]",children:"Never miss another payment."})]})]}),(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},transition:{duration:.8,delay:.4},viewport:{once:!1,amount:.3},className:"mt-8 flex flex-col gap-2 sm:mt-10 lg:mt-14",children:[(0,r.jsx)(s,{className:"[--duration:25s] [--gap:0.4rem]",children:c.map(e=>(0,r.jsx)(u,{label:e},e))}),(0,r.jsx)(s,{reverse:!0,className:"[--duration:25s] [--gap:0.4rem]",children:d.map(e=>(0,r.jsx)(u,{label:e},e))})]}),(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},transition:{duration:.8,delay:.3},viewport:{once:!1,amount:.5},className:"mt-10 flex flex-col items-start gap-6 sm:mt-14 sm:flex-row sm:items-center lg:mt-16",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-[14px] text-[#FFFFFF] sm:text-[16

1px]",children:"More than"}),(0,r.jsx)("p",{className:"text-[56px] font-medium leading-none sm:text-[72px] lg:text-[100px]",children:"100+"}),(0,r.jsx)("p",{className:"text-[14px] text-[#FFFFFF] sm:text-[16px]",children:"Bill Categories"})]}),(0,r.jsx)(o.A,{triggerSource:"'Pay bills now' button",buttonLocation:"bill_payments_section",children:(0,r.jsxs)("button",{className:"flex h-14 items-center gap-2 rounded-full bg-white px-6 text-sm font-medium text-black transition-colors hover:bg-white/90",children:[(0,r.jsx)(a.default,{src:"/upi/pay-bills.png",alt:"",width:50,height:50,className:"h-6 w-6"}),(0,r.jsx)("span",{className:"font-semibold -ml-1",children:" Pay bills now"})]})})]})]})})}},21978:(e,t,n)=>{n.d(t,{$:()=>o});var r=n(95155);n(12115);var a=n(99708),i=n(74466),l=n(19433);let s=(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:n,size:i,asChild:o=!1,...c}=e,d=o?a.DX:"button";return(0,r.jsx)(d,{"data-slot":"button",className:(0,l.cn)(s({variant:n,size:i,className:t})),...c})}},74466:(e,t,n)=>{n.d(t,{F:()=>l});var r=n(52596);let a=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,i=r.$,l=(e,t)=>n=>{var r;if((null==t?void 0:t.variants)==null)return i(e,null==n?void 0:n.class,null==n?void 0:n.className);let{variants:l,defaultVariants:s}=t,o=Object.keys(l).map(e=>{let t=null==n?void 0:n[e],r=null==s?void 0:s[e];if(null===t)return null;let i=a(t)||a(r);return l[e][i]}),c=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return void 0===r||(e[n]=r),e},{});return i(e,o,null==t||null==(r=t.compoundVariants)?void 0:r.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...s,...c}[t]):({...s,...c})[t]===n})?[...e,n,r]:e},[]),null==n?void 0:n.class,null==n?void 0:n.className)}},86678:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(95155),a=n(12115),i=n(55028);n(21978);let l=(0,i.default)(()=>Promise.all([n.e(8354),n.e(9641),n.e(1834),n.e(5907),n.e(8178)]).then(n.bind(n,35907)),{loadableGenerated:{webpack:()=>[35907]},ssr:!1});function s(e){let{variant:t="default",size:n="default",children:i,className:s="",triggerSource:o="",buttonLocation:c=""}=e,[d,u]=(0,a.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{onClick:()=>u(!0),className:"".concat(s),children:i}),(0,r.jsx)(l,{isOpen:d,triggerSource:o,buttonLocation:c,onClose:()=>u(!1),onSubmit:()=>u(!1)})]})}},99708:(e,t,n)=>{n.d(t,{DX:()=>d});var r,a=n(12115),i=n(6101),l=n(95155),s=Symbol.for("react.lazy"),o=(r||(r=n.t(a,2)))[" use ".trim().toString()];function c(e){var t;return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===s&&"_payload"in e&&"object"==typeof(t=e._payload)&&null!==t&&"then"in t}var d=function(e){let t=function(e){let t=a.forwardRef((e,t)=>{let{children:n,...r}=e;if(c(n)&&"function"==typeof o&&(n=o(n._payload)),a.isValidElement(n)){var l;let e,s,o=(l=n,(s=(e=Object.getOwnPropertyDescriptor(l.props,"ref")?.get)&&"isReactWarning"in e&&e.

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