https://payabl.com/static/Bvyuwy1E.js

1import{_ as j}from"./Ce87w7hP.js";import{e as H,R as P,j as Q,l as W,f as Z,F as D,y as g,a as r,d as e,m as l,r as n,x as t,b1 as q,G as p,H as k,E as b,_ as G,C as T,Z as A,b as m,t as h,v as c,n as $,z as J,a5 as O,Q as K,b5 as V}from"./uLVsjhBH.js";import{_ as X}from"./Cb13Kb1z.js";import{_ as Y}from"./ZbL_BN5_.js";import ee from"./YPDkTZON.js";import{M as te}from"./CPyl8S4r.js";import{c as oe}from"./CaPXwUEj.js";import"./CLXIg3a3.js";import"./BOdKu5zL.js";import"./ColtXaq0.js";import"./Dn_xseFn.js";const le=oe("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),se=""+new URL("demo1-overview.DwLtJhVy.webp",import.meta.url).href,ae=""+new URL("demo2-online-payments.Dz63WmSm.webp",import.meta.url).href,ne=""+new URL("demo3-cards.B3_oJs8c.webp",import.meta.url).href,me=""+new URL("demo4-accounts.DzwZQfu4.webp",import.meta.url).href,ie=""+new URL("demo5-instore-payments.CFISeCQ9.webp",import.meta.url).href,re=K(ee),ce={class:"overflow-x-hidden font-normal relative"},ue={class:"max-w-[1052px] px-4 mx-auto"},de={class:"flex items-center justify-between py-8"},_e=["src","title"],pe={class:"mb-7"},fe={class:"flex justify-between gap-x-3"},xe={class:"ps-4 flex flex-col max-w-19 pt-2 pb-3.5"},be={class:"font-medium text-[0.625rem] mb-3"},he=["src","alt"],we={key:1,class:"max-w-xl mx-auto mb-20"},ve={class:"relative flex items-center rounded-full bg-dark2"},ge=["onClick"],ke={class:"mt-11"},ye={class:"text-center mt-8 mb-11"},Ce={class:"font-medium text-3xl md:text-[2.375rem]/[1.5] mb-4"},ze={class:"font-book text-lg"},Le={class:"flex max-sm:flex-wrap gap-6 mb-6 lg:mb-9"},De={class:"ms-8 lg:ms-12.5 flex flex-col max-w-2/5 lg:max-w-40 md:pb-8 max-md:pt-4 pb-5.5"},$e={class:"font-medium text-xl lg:text-[1.75rem]/[1.25] mb-8"},Ie=["src","alt"],Ue={class:"flex gap-6 lg:gap-x-10 mb-29 max-lg:flex-wrap"},Be={class:"ms-8 flex flex-col max-w-2/5 lg:max-w-26 pt-4 pb-5.5"},Se={class:"font-medium text-xl lg:text-lg/[1.25] mb-5"},Re=["src","alt"],Oe={class:"py-8 max-w-lg"},Ve={class:"mb-13 mt-3"},Te=H({__name:"demo",setup(Ee){P({bodyAttrs:{class:"bg-dark text-white"}});const{t:o}=Q();W({robots:"noindex, nofollow, noarchive, noimageindex",title:()=>o("demo_meta_title"),description:()=>o("demo_meta_description")});const f=D(!1),d={gallery:"#gallery",contact:"#contact"},C=Z(),I=g(()=>[{id:"O62CIP5BxYeUa8uWCgaS",title:o("demo_menu_1"),menuLabel:o("demo_menu_1"),img:{src:se,class:"max-h-55 ml-auto pl-4 max-lg:max-w-1/2 max-sm:w-auto "}},{id:"KhO4nZE7omDLZp9NpQL1",title:o("demo_title_2"),menuLabel:o("home_online_payments"),img:{src:ae,class:"max-h-35 md:max-h-55 mx-auto"}}]),U=g(()=>[{id:"z5x9UWVblF1EVGOIhsB2",title:o("demo_title_3"),menuLabel:o("demo_menu_3"),img:{src:ne,class:"max-h-35 mx-auto"}},{id:"yfRKUu2vg6bbCq2HWuBk",title:o("demo_title_4"),menuLabel:o("home_business_accounts"),img:{src:me,class:"max-h-32 mb-auto ml-auto"}},{id:"r2t3emSvEf1eVrUXolpP",title:o("demo_title_5"),menuLabel:o("home_in-store_payments"),img:{src:ie,class:"max-h-34 mx-auto"}}]),y=g(()=>[...I.value,...U.value]),E=g(()=>y.value.reduce((z,s)=>(z[s.id]=s,z),{})),_=D(y.value[0].id),w=D(0),B=g(()=>[o("forms_merchant_enquiries"),o("forms_partnership_enquiries")]);return(z,s)=>{const M=j,x=G,v=T,L=X,F=Y,S=re,N=A;return m(),r("main",ce,[e("div",ue,[e("header",de,[l(x,{to:t(C).path,class:"max-w-[138px] w-full h-auto","aria-label":"Interactive Payments Platform Demo home page"},{default:n(()=>[l(M,{class:"w-full h-auto"})]),_:1},8,["to"]),l(v,{"as-child":"",size:"pill",class:"ml-auto mr-8 font-book hidden xs:block"},{default:n(()=>[l(x,{to:d.contact,"aria-label":"Contact us"},{default:n(()=>[h(c(t(o)("cta_get_in_touch")),1)]),_:1},8,["to"])]),_:1}),e("button",{"aria-label":"Open menu",class:"p-1.5 cursor-pointer",onClick:s[0]||(s[0]=a=>f.value=!0)},[l(t(te),{size:32})])]),l(N,null,{default:n(()=>[t(C).hash===d.gallery?(m(),r(p,{key:0},[e("div",null,[e("iframe",{src:`https://demo.arcade.software/${t(_)}?embed&embed_mobile=tab&embed_desktop=inline`,frameborder:"0",loading:"lazy",webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",title:t(E)[t(_)]?.title,allow:"clipboard-write",class:"w-full h-full scheme-light aspect-[1.56098/1] border border-white/30 rounded-2xl"},null,8,_e)]),e("div",pe,[l(F,{class:"overflow-x-auto py-3",orientation:"horizontal"},{default:n(()=>[e("div",fe,[(m(!0),r(p,null,k(t(y),({title:a,img:i,id:u})=>(m(),$(L,{variant:"light",onClick:R=>_.value=u,class:b(["w-full m-0.5 min-w-40 max-w-48 text-dark bg-white [&]:rounded-2lg flex h-auto hover:outline-2 outline-primary curs

1or-pointer",{"outline-2":u===t(_)}])},{default:n(()=>[e("div",xe,[e("p",be,c(a),1),l(v,{size:"pill",class:"mt-auto font-book p-1 text-[0.625rem]"},{default:n(()=>[...s[5]||(s[5]=[h(" Explore ",-1)])]),_:1})]),e("img",{src:i.src,alt:a,class:b([i.class,"mt-auto [&]:max-h-20"])},null,10,he)]),_:2},1032,["onClick","class"]))),256))])]),_:1})])],64)):t(C).hash===d.contact?(m(),r("div",we,[e("div",ve,[e("div",{class:"absolute left-0 top-0 bg-primary h-full w-1/2 duration-300 rounded-full",style:J({left:`${100/t(B).length*t(w)}%`})},null,4),(m(!0),r(p,null,k(t(B),(a,i)=>(m(),r("a",{href:"javascript:void(0)",class:b(["w-1/2 relative duration-300 text-center sm:text-lg text-sm p-3",{"text-dark font-bold [&]:opacity-100":t(w)===i}]),onClick:u=>w.value=i},c(a),11,ge))),256))]),e("div",ke,[O(l(S,{"form-id":"ac1ed58b-eaa3-4022-aea3-52d9a0a032e1"},null,512),[[V,t(w)===0]]),O(l(S,{"form-id":"bb4af3ea-369d-4410-9d78-5eddc4aa8d93"},null,512),[[V,t(w)===1]])])])):(m(),r(p,{key:2},[e("div",ye,[e("h1",Ce,c(t(o)("demo_we_make_money_flow")),1),e("p",ze,c(t(o)("demo_explore_financial_momentum")),1)]),e("div",Le,[(m(!0),r(p,null,k(t(I),({title:a,img:i,id:u})=>(m(),$(L,{variant:"light",class:"w-full text-dark bg-white [&]:rounded-3xl flex h-auto md:pt-6"},{default:n(()=>[e("div",De,[e("p",$e,c(a),1),l(v,{size:"pill",class:"mt-auto max-md:py-1.5 font-book md:text-xl lg:text-2xl","as-child":""},{default:n(()=>[l(x,{to:d.gallery,onClick:R=>_.value=u},{default:n(()=>[h(c(t(o)("cta_explore")),1)]),_:1},8,["to","onClick"])]),_:2},1024)]),e("img",{src:i.src,alt:a,class:b([i.class,"mt-auto w-auto max-w-full max-sm:pt-4"])},null,10,Ie)]),_:2},1024))),256))]),e("div",Ue,[(m(!0),r(p,null,k(t(U),({title:a,img:i,id:u})=>(m(),$(L,{variant:"light",class:"w-full sm:w-[calc(50%-12px)] lg:w-full text-dark bg-white [&]:rounded-2xl flex h-auto"},{default:n(()=>[e("div",Be,[e("p",Se,c(a),1),l(v,{size:"pill",class:"mt-auto font-book py-1.5","as-child":""},{default:n(()=>[l(x,{to:d.gallery,onClick:R=>_.value=u},{default:n(()=>[h(c(t(o)("cta_explore")),1)]),_:1},8,["to","onClick"])]),_:2},1024)]),e("img",{src:i.src,alt:a,class:b([i.class,"mt-auto"])},null,10,Re)]),_:2},1024))),256))])],64))]),_:1})]),e("div",{class:b(["absolute z-50 min-w-xs inset-0 transition-[left] bg-transparent duration-300 backdrop-blur-[2px] visible",{"left-full bg-dark/10 invisible":!t(f)}]),onClick:s[4]||(s[4]=a=>f.value=!1)},[e("div",{class:"w-full sm:w-1/2 h-full ml-auto bg-white text-dark overflow-auto pl-10 xs:pl-15 pb-8",onClick:s[3]||(s[3]=q(()=>{},["stop"]))},[e("div",Oe,[e("button",{"aria-label":"Close menu",class:"p-1.5 cursor-pointer ml-auto block",onClick:s[1]||(s[1]=a=>f.value=!1)},[l(t(le),{size:32})])]),e("ul",Ve,[(m(!0),r(p,null,k(t(y),({menuLabel:a,id:i})=>(m(),r("li",null,[l(x,{to:d.gallery,onClick:u=>{_.value=i,f.value=!1},class:"py-3 inline-block hover:underline font-book text-2xl"},{default:n(()=>[h(c(a),1)]),_:2},1032,["to","onClick"])]))),256))]),l(v,{"as-child":"",size:"pill",class:"font-book"},{default:n(()=>[l(x,{to:d.contact,onClick:s[2]||(s[2]=a=>f.value=!1)},{default:n(()=>[...s[6]||(s[6]=[h("Get in touch",-1)])]),_:1},8,["to"])]),_:1})])],2)])}}});export{Te as default};