https://youapp.ai/_next/static/chunks/app/%5Blocale%5D/(revamp)/scan-to-pay/page-2b1ffbd4712625a3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3195],{10092:function(e,t,s){Promise.resolve().then(s.bind(s,23805))},23805:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return ScanToPay}});var a=s(57437),l=s(50116),n=s(30431),r=s(70072),i=s(37657),o=s(38045),c=s(78867),d=s(60078),x=s(44854),m=s(13440);function ScanToPay(){let e=(0,l.useTranslations)("stp.page"),t=(0,l.useTranslations)("stp.home");return(0,a.jsxs)("div",{className:"flex min-h-screen flex-col overflow-x-clip bg-white text-yp-ink",children:[(0,a.jsxs)("section",{className:"relative overflow-hidden bg-yp-night text-white",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"radial-gradient(ellipse at 80% 20%,rgba(122,75,214,.55) 0%,transparent 55%)"}}),(0,a.jsxs)("div",{className:"relative mx-auto grid max-w-6xl items-center gap-12 px-4 py-16 md:py-20 lg:grid-cols-[1fr_auto] lg:gap-20",children:[(0,a.jsxs)(m.Ue,{className:"space-y-6",children:[(0,a.jsx)(o.j4,{light:!0,children:e("hero.eyebrow")}),(0,a.jsxs)("h1",{className:"text-5xl font-bold leading-[1.05] tracking-tight md:text-6xl",children:[(0,a.jsx)("span",{className:"block",children:e("hero.titleA")}),(0,a.jsx)("span",{className:"block bg-gradient-to-r from-[#D9C6FF] via-[#B79BF0] to-[#E7A6D6] bg-clip-text pb-[0.14em] text-transparent",children:e("hero.titleB")})]}),(0,a.jsx)("p",{className:"max-w-xl text-lg text-white/75 md:text-xl",children:e("hero.subtitle")}),(0,a.jsx)(i.i4,{className:"pt-2"})]}),(0,a.jsxs)(m.Ue,{delay:150,from:"scale",className:"relative flex justify-center px-10 sm:px-16",children:[c.SX.map((e,t)=>(0,a.jsx)("div",{className:"absolute z-10",style:{left:t%2?"0%":"6%",top:"".concat(14+18*t,"%")},children:(0,a.jsx)(m.bv,{delay:500*t,distance:10,children:(0,a.jsx)("img",{src:c.ws[e],alt:e,className:"rounded-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,.45)] motion-safe:animate-[yp-coin-in_3.2s_ease-in-out_infinite] ".concat("MYRT"===e?"h-16 w-16":"h-12 w-12"),style:{animationDelay:"".concat(400*t,"ms")}})})},e)),(0,a.jsx)(m.bv,{children:(0,a.jsx)(r.aG,{amount:"12.80",merchant:"Kopi Limau",area:"Kampung Baru, KL",cashback:2})}),(0,a.jsx)("div",{className:"absolute right-0 top-1/2 z-10 -translate-y-1/2",children:(0,a.jsx)(m.bv,{delay:900,distance:8,children:(0,a.jsx)("span",{className:"block rounded-2xl bg-yp-mint px-4 py-2.5 text-lg font-extrabold text-white shadow-[0_12px_30px_rgba(15,157,110,.45)] motion-safe:animate-[yp-rm-out_3.2s_ease-in-out_infinite]",children:"RM"})})}),(0,a.jsx)("style",{children:"\n              @keyframes yp-coin-in{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(14px) rotate(-8deg)}}\n              @keyframes yp-rm-out{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}\n            "})]})]})]}),(0,a.jsx)("section",{className:"py-20 md:py-28",children:(0,a.jsxs)("div",{className:"container px-4",children:[(0,a.jsx)(m.Ue,{children:(0,a.jsx)(o.NZ,{title:e("topup.title")})}),(0,a.jsxs)("div",{className:"mt-12 grid gap-6 md:grid-cols-2",children:[(0,a.jsxs)(m.Ue,{delay:120,className:"h-full rounded-3xl bg-yp-900 p-6 text-white sm:p-8",children:[(0,a.jsx)(x.XY,{className:"-ml-2 h-28 w-auto max-w-full md:h-32"}),(0,a.jsx)("h3",{className:"mt-4 text-2xl font-bold",children:e("topup.crypto.title")}),(0,a.jsx)("p",{className:"mt-2 text-white/70",children:e("topup.crypto.body")}),(0,a.jsxs)("div",{className:"mt-5 flex flex-wrap gap-2",children:[c.SX.map(e=>(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-full border border-white/25 bg-white/10 px-3 py-1 text-sm font-bold text-white",children:[(0,a.jsx)("img",{src:c.ws[e],alt:"",className:"h-5 w-5 rounded-full object-contain"}),e]},e)),(0,a.jsx)("span",{className:"rounded-full border border-white/15 px-3 py-1 text-sm font-semibold text-white/60",children:t("hero.usd")})]}),(0,a.jsx)("div",{className:"mt-7",children:(0,a.jsx)(o.Su,{light:!0,items:[e("topup.crypto.r1"),e("topup.crypto.r2"),e("topup.crypto.r3")]})})]}),(0,a.jsxs)(m.Ue,{delay:240,className:"h-full rounded-3xl border border-yp-line bg-yp-50 p-6 sm:p-8",children:[(0,a.jsx)(x.yu,{className:"-ml-2 h-28 w-auto max-w-full md:h-32"}),(0,a.jsx)("h3",{className:"mt-4 text-2xl font-bold",children:e("topup.local.title")}),(0,a.jsx)("p",{className:"mt-2 text-yp-muted",children:e("topup.local.body")}),(0,a.jsx)("div",{className:"mt-7",children:(0,a.jsx)(o.Su,{items:[e("topup.local.r1"),e("topup.local.r2"),e("topup.local.r3")]})})]})]}),(0,a.jsxs)(m.Ue,{delay:360,children:[(0,a.jsxs)("p",{className:"group mt-6 flex items-center gap-3 rounded-2xl bg-yp-amberbg px-5 py-4 text-sm font-semibold text-yp-amber",children:[(0,a.jsx)(d.Ww,{className:"h-7 w-7 flex-none"}),e("topup.warning")]}),(0,a.jsx)(o.CQ,{className:"mt-5"})]})]})}),(0,a.jsx)("section",{className:"bg-yp-50 py-20 md:py-28",children:(0,a.jsxs)("div",{className:"container grid items-center gap-14 px-4 lg:grid-cols-2",children:[(0,a.jsxs)(m.Ue,{className:"space-y-8",children:[(0,a.jsx)(o.NZ,{title:e("pay.title"),body:e("pay.body")}),(0,a.jsx)(o.Su,{items:[e("pay.r1"),e("pay.r2"),e("pay.r3")]})]}),(0,a.jsx)(m.Ue,{delay:150,className:"flex justify-center",children:(0,a.jsx)(r.q5,{})})]})}),(0,a.jsx)("section",{className:"py-20 md:py-24",children:(0,a.jsxs)("div",{className:"mx-auto max-w-6xl px-4",children:[(0,a.jsx)(m.Ue,{children:(0,a.jsx)(o.NZ,{eyebrow:e("photos.eyebrow"),title:e("photos.title")})}),(0,a.jsx)("div",{className:"mt-10 grid grid-cols-2 gap-4 md:grid-cols-4",children:["/photos/kopitiam-qr.webp","/photos/jalan-alor-scan.webp","/photos/nasi-lemak-stall.webp","/photos/cafe-scan-pay.webp"].map((e,t)=>(0,a.jsx)(m.Ue,{from:"scale",delay:110*t,children:(0,a.jsxs)("div",{className:"group relative overflow-hidden rounded-3xl",children:[(0,a.jsx)("img",{src:e,alt:"",loading:"lazy",className:"aspect-[3/4] w-full object-cover transition-transform duration-700 group-hover:scale-105"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#120C24]/50 via-trans

1parent to-transparent"}),(0,a.jsxs)("span",{className:"absolute bottom-3 left-3 rounded-full bg-white/95 px-2.5 py-1 text-[11px] font-extrabold tracking-tight text-[#E4007C] shadow",children:["DuitNow",(0,a.jsx)("span",{className:"ml-1 text-yp-ink",children:"QR"})]})]})},e))})]})}),(0,a.jsx)("section",{className:"py-20 md:py-28",children:(0,a.jsxs)("div",{className:"container grid gap-12 px-4 lg:grid-cols-[1fr_1.4fr]",children:[(0,a.jsxs)("div",{className:"lg:sticky lg:top-24 lg:self-start",children:[(0,a.jsx)(m.Ue,{children:(0,a.jsx)(o.UW,{})}),(0,a.jsx)(m.Ue,{delay:150,from:"scale",children:(0,a.jsx)(m.bv,{distance:6,children:(0,a.jsx)(x.P8,{className:"mx-auto mt-8 h-32 w-auto max-w-full md:h-40"})})})]}),(0,a.jsxs)(m.Ue,{delay:120,children:[(0,a.jsx)("h2",{className:"text-3xl font-bold tracking-tight md:text-4xl",children:e("faq.title")}),(0,a.jsx)(n.UQ,{type:"single",collapsible:!0,className:"mt-6",children:[1,2,3,4,5,6,7].map(t=>(0,a.jsxs)(n.Qd,{value:"q".concat(t),children:[(0,a.jsx)(n.o4,{className:"text-left text-base font-semibold",children:e("faq.q".concat(t))}),(0,a.jsx)(n.vF,{className:"text-yp-muted",children:e("faq.a".concat(t))})]},t))})]})]})})]})}},30431:function(e,t,s){"use strict";s.d(t,{Qd:function(){return AccordionItem},UQ:function(){return Accordion},o4:function(){return AccordionTrigger},vF:function(){return AccordionContent}});var a=s(57437);s(2265);var l=s(67055),n=s(83523),r=s(1864);function Accordion(e){let{...t}=e;return(0,a.jsx)(l.fC,{"data-slot":"accordion",...t})}function AccordionItem(e){let{className:t,...s}=e;return(0,a.jsx)(l.ck,{"data-slot":"accordion-item",className:(0,r.cn)("border-b last:border-b-0",t),...s})}function AccordionTrigger(e){let{className:t,children:s,...i}=e;return(0,a.jsx)(l.h4,{className:"flex",children:(0,a.jsxs)(l.xz,{"data-slot":"accordion-trigger",className:(0,r.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",t),...i,children:[s,(0,a.jsx)(n.Z,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)]"})]})})}function AccordionContent(e){let{className:t,children:s,...n}=e;return(0,a.jsx)(l.VY,{"data-slot":"accordion-content",className:"motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden text-sm will-change-[height,opacity]",...n,children:(0,a.jsx)("div",{className:(0,r.cn)("pt-0 pb-4",t),children:s})})}},1864:function(e,t,s){"use strict";s.d(t,{cn:function(){return cn}});var a=s(57042),l=s(74769);function cn(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,l.m6)((0,a.W)(t))}}},function(e){e.O(0,[9735,622,1596,8182,9348,2336,72,2971,2472,1744],function(){return e(e.s=10092)}),_N_E=e.O()}]);