1import{_ as q,u as j,j as h,f as C,v as Q,c as i,a as e,x as R,d as s,n as _,b as y,F as $,k as I,o as r,p as L,e as B,l as g}from"./B_o_DBIo.js";import{g as v,F as E}from"./Fyx-d2mK.js";import{S as w,C as M}from"./Bq07AjTk.js";import{C as W}from"./C6bVOnQz.js";import{s as A}from"./BYdT2AoO.js";const t=x=>(L("data-v-64e6a041"),x=x(),B(),x),N={ref:"heroSection",class:"relative bg-black text-white overflow-hidden"},P=t(()=>e("div",{class:"absolute inset-0 bg-gradient-to-br from-transparent to-black/50"},null,-1)),F=[P],T={class:"absolute inset-0 flex justify-center max-w-[1040px] mx-auto xs:px-16 xl:px-40 xs:justify-start"},O={class:"absolute inset-0 z-20 flex justify-center items-center xs:flex-col xs:justify-around minxl:mb-[10vh] top-60 w-full"},U={class:"text-white w-[55vw] xs:w-full font-cr-bold text-[74px] leading-[74px] tracking-[-2%] text-left xs:text-center xs:text-[48px] xs:leading-[48px]"},Y=t(()=>e("h1",null,[g("Scan QR. "),e("br"),g("Support. Simple.")],-1)),z={class:"ml-6 xs:ml-0"},G=t(()=>e("div",{class:"minlg:w-[60%] w-full xs:w-[100%] text-white text-20 leading-[30px] font-cr-regular text-left xs:text-center xs:text-18 xs:leading-[22px] font-cr-regular border-yellow pt-32 pb-32 xs:pt-24 xs:pb-8"},[e("h3",null,"Turn any moment into support with your unique QR codeâon screens, posters, merch, anywhere.")],-1)),H=["href"],V=["src"],D={ref:"setupSection",class:"container my-100 xs:my-[70px] xxs:px-16 xl:px-40 flex justify-center xs:justify-start max-w-[1040px] mx-auto"},J=t(()=>e("h4",{class:"text-dark font-cr-bold sm:font-cr-medium text-center text-[64px] leading-[64px] tracking-[-0.03em] xs:text-[36px] xs:leading-[36px] pb-48 xs:pb-32"},"Set up in seconds",-1)),K={class:"grid grid-cols-3 gap-32 md:grid-cols-1 md:gap-x-0 md:gap-y-32 md:w-[60%] xs:w-[100%] md:justify-self-center"},X={class:"grid xs:grid-rows-[auto_auto] rounded-36 xs:rounded-24 bg-grey-v9 pb-40 xs:pb-24 overflow-hidden"},Z={class:"pl-40 xs:pl-24 pt-2"},ee=["src"],te=t(()=>
1e("div",{class:"self-start h-[100px] pt-24 px-40 xs:px-24"},[e("p",{class:"text-dark text-20 leading-[18px] text-center font-cr-bold pb-[12px]"},"Step 1"),e("h4",{class:"text-18 leading-5 text-center font-cr-regular"},[g("Go to Buttons "),e("span",{class:"font-cr-regular"},"&"),g(" Graphics in your creator dashboard.")])],-1)),se={class:"grid xs:grid-rows-[auto_auto] rounded-36 xs:rounded-24 bg-grey-v9 pb-40 xs:pb-24"},oe={class:"self-end pt-24 px-40 xs:px-24"},ne=["src"],ae=t(()=>e("div",{class:"self-start h-[100px] pt-24 px-40 xs:px-24"},[e("p",{class:"text-dark text-20 leading-[18px] text-center font-cr-bold pb-[12px]"},"Step 2"),e("h4",{class:"text-18 leading-5 text-center font-cr-regular"},"Download your personalised unique QR code.")],-1)),ie={class:"grid xs:grid-rows-[auto_auto] rounded-36 xs:rounded-24 bg-grey-v9 pb-40 xs:pb-24 pt-2"},re=["src"],le=t(()=>e("div",{class:"self-start h-[100px] pt-24 px-32 xs:px-24"},[e("p",{class:"text-dark text-20 leading-[18px] text-center font-cr-bold pb-[12px]"},"Step 3"),e("h4",{class:"text-18 leading-5 text-center font-cr-regular"},"Share your QR code where fans can scan it and support you.")],-1)),ce={ref:"supportSection",class:"sm:px-20 pt-64 bg-yellow flex justify-center px-auto"},de=t(()=>e("h2",{class:"container text-dark font-cr-bold text-[64px] leading-[64px] tracking-[-0.03em] xs:text-[36px] xs:leading-[36px] text-center"},"How support happens",-1)),pe=[de],xe={class:"bg-yellow xs:block hidden"},ue={class:"pt-60 xs:pt-30"},he=t(()=>e("div",{class:"px-16 pt-30 justify-self-center"},[e("p",{class:"font-cr-bold text-32 leading-36 text-center"},"Step 1"),e("h3",{class:"font-cr-book text-24 leading-28 pb-30 text-center"},"Scan the QR code")],-1)),ge={class:"flex mx-auto justify-center justify-self-center"},me=["src"],fe={class:"pt-60"},_e=t(()=>e("div",{class:"px-16 pt-30 justify-self-center"},[e("p",{class:"font-cr-bold text-32 leading-36 text-center"},"Step 2"),e("h3",{class:"font-cr-book text-24 leading-28 pb-30 text-center"},"Choose how to support")],-1)),ye={class:"flex mx-auto justify-center justify-self-center"},be=["src"],ve={class:"pt-60 pb-50"},we=t(()=>e("div",{class:"px-16 pt-30 justify-self-center"},[e("p",{class:"font-cr-bold text-32 leading-36 text-center"},"Step 3"),e("h3",{class:"font-cr-book text-24 leading-28 pb-30 text-center"},"Send support in seconds")],-1)),ke={class:"flex mx-auto justify-center justify-self-center"},Se=["src"],qe={class:"pb-[calc(50vh-300px)] sm:px-16 flex justify-center max-w-[1040px] mx-auto"},je={class:"sticky top-0"},Ce={class:"grid grid-cols-2 gap-32 xs:grid-cols-1 xs:gap-x-0 xs:gap-y-64 pt-[calc(50vh-300px)] xs:pt-40"},Qe={ref:"scrollSection",class:"minxl:w-[600px] w-[450px] md:w-[300px] justify-self-end self-center cursor-pointer"},Re={key:0},$e=t(()=>e("p",null,"Step 1",-1)),Ie=t(()=>e("h3",{class:"text-24 leading-28 xs:text-[18px] xs:leading-[20px]"},"Scan the QR code",-1)),Le=[$e,Ie],Be={key:1},Ee={key:0},Me=t(()=>e("p",null,"Step 2",-1)),We=t(()=>e("h3",{class:"text-24 leading-28 xs:text-[18px] xs:leading-[20px]"},"Choose how to support",-1)),Ae=[Me,We],Ne={key:1},Pe={key:0},Fe=t(()=>e("p",null,"Step 3",-1)),Te=t(()=>e("h3",{class:"text-24 leading-28 xs:text-[18px] xs:leading-[20px]"},"Send support in seconds",-1)),Oe=[Fe,Te],Ue={key:1},Ye={class:"justify-self-end"},ze=["src"],Ge={class:"pt-160 xs:pt-100 pb-160 xs:pb-100"},He={class:"container w-634 mx-auto xs:w-[98%]"},Ve={ref:"faqSection",class:"xl:px-40 xs:px-16 pb-160 xs:pb-[70px]"},De=t(()=>e("h2",{class:"text-dark font-cr-bold sm:font-cr-medium text-center text-[64px] leading-[64px] tracking-[-0.03em] xs:text-[36px] xs:leading-[36px] pb-48"},"FAQ",-1)),Je={__name:"qr-code",setup(x){const k="https://buymeacoffee.com",a="https://cdn.buymeacoffee.com/assets";j(()=>({title:"Pay with QR Codes | Scan to Pay | Buy Me a Coffee",htmlAttrs:{lang:"en"},meta:[{hid:"description",name:"description",content:"Let people scan your QR code to support you with donations or tips."},{hid:"og:url",property:"og:url",content:"https://buymeacoffee.com/qr-code"},{hid:"og:title",property:"og:title",content:"QR Code - Buy Me a Coffee"},{hid:"og:description",property:"og:description",content:"Let people scan your QR code to supp
1ort you with donations or tips."},{hid:"og:image",property:"og:image",content:"https://cdn.buymeacoffee.com/assets/homepage/meta/apple-icon-120x120.png"},{hid:"twitter:title",property:"twitter:title",content:"QR Code - Buy Me a Coffee"},{hid:"twitter:description",property:"twitter:description",content:"Let people scan your QR code to support you with donations or tips."},{hid:"twitter:image",property:"twitter:image",content:"https://cdn.buymeacoffee.com/assets/homepage/meta/apple-icon-120x120.png"},{itemprop:"name",content:"QR code - Buy Me a Coffee"},{property:"image",content:"https://cdn.buymeacoffee.com/assets/homepage/meta/apple-icon-120x120.png"}],link:[{hid:"canonical",rel:"canonical",href:"https://buymeacoffee.com/qr-code"},{rel:"preload",as:"image",href:"https://cdn.buymeacoffee.com/assets/landing-pages/qr-hero-img-2.webp"},{rel:"preload",as:"image",href:"https://cdn.buymeacoffee.com/assets/landing-pages/qr-hero-img-3.webp"}]}));let o=h(1);const b=h(null),m=h(!1);let u;const S=h([{ques:"Where should I share my QR code?",answer:"Anywhere your audience can see itâin your bio, printed on your merch table, linked in stories, or taped to your guitar case."},{ques:"Do people need an app to support me?",answer:"Nope. Your QR code links straight to your page. No app or account required to send you support."},{ques:"How do I print or reuse it?",answer:"Your QR code will download as a high-resolution image, allowing you to print, embed, or use it anywhere."},{ques:"What makes it faster than links?",answer:"No typing, no link-hunting. Just scan and supportâespecially useful in offline or live-event settings."},{ques:"Will the QR code still work if I change my page name?",answer:"Yes. Your QR stays linked to your profile even if you update your page name or details."},{ques:"Can I see who scanned my QR code?",answer:"While we don't show who scanned it, you'll see the support come through just like any other paymentâinstantly and with their message, if they leave one."}]),f=c=>{o.value=c};return C(()=>{const c={rootMargin:"-10%",threshold:0},l=new IntersectionObserver(n=>{n.forEach(p=>{p.isIntersecting&&p.target.classList.add("fadeup-anim")})},c);document.querySelectorAll(".container").forEach(n=>{l.observe(n)}),A(),document.getElementById("landing-search-bar").classList.add("bg-black/[10%]"),u=window.matchMedia("(max-width: 700px)"),m.value=u.matches,u.addEventListener("change",n=>{m.value=n.matches}),!m.value&&(v.registerPlugin(w),v.timeline({scrollTrigger:{trigger:b.value,start:"top top",end:"+=2000",scrub:5,pin:!0,ease:"linear",snap:{snapTo:1/2,duration:{min:.8,max:3},delay:2,ease:"power1.inOut"},onUpdate:n=>{const p=n.progress;p<1/3?o.value=1:p<2/3?o.value=2:o.value=3}}}))}),Q(()=>{u.removeEventListener("change",()=>{}),w.getAll().forEach(c=>c.kill()),document.getElementById("landing-search-bar").classList.remove("bg-black/[10%]")}),(c,l)=>(r(),i("div",null,[e("section",N,[e("div",null,[e("div",{class:"hero-img h-screen w-auto",style:R({backgroundImage:`url(${s(a)}/landing-pages/qr-hero-img-2.webp)`})},F,4)]),e("div",T,[e("div",O,[e("div",U,[Y,e("div",z,[G,e("div",null,[e("a",{href:`${s(k)}/signup`,class:"bg-yellow inline-block min-w-[280px] xxs:min-w-250 relative rounded-full text-xl leading-24 xxs:text-18 xxs:leading-18 text-dark font-cr-bold px-32 py-20 xs:px-24 xs:py-14"},"Get your QR code now",8,H)])])]),e("div",null,[e("img",{src:`${s(a)}/landing-pages/qr-hero-img-3.webp`,alt:"qr-code",title:"qr-code",class:"minxl:h-auto minlg:h-[60vh] minlg:w-auto w-[45vw] h-auto xxs:h-auto xxs:w-[70vw] md:w-[50vw] md:h-auto object-contain overflow-hidden"},null,8,V)])])])],512),e("section",D,[e("div",null,[J,e("div",K,[e("div",X,[e("div",Z,[e("img",{src:`${s(a)}/landing-pages/qr-step1.png`,alt:"step1-image",title:"qr-step1-image",class:"rounded-bl-[36px] rounded-tr-[36px]"},null,8,ee)]),te]),e("div",se,[e("div",oe,[e("img",{src:`${s(a)}/landing-pages/qr-step2.png`,alt:"step2-image",title:"qr-step2-image"},null,8,ne)]),ae]),e("div",ie,[e("img",{src:`${s(a)}/landing-pages/qr-step3.png`,alt:"step3-image",title:"qr-step3-image",class:"px-40 xs:px-24"},null,8,re),le])])])],512),e("section",ce,pe,512),e("div",xe,[e("div",ue,[he,e("div",ge,[e("img",{src:`${s(a)}/landing-pages/qr-phone1.png`,alt:"phone-image1",title:"qr-phone-image1",class:"h-[600px] md:h-[50vh]"},null,8,me)])]),e("div",fe,[_e,e("div",ye,[e("img",{src:`${s(a)}/landing-pages/qr-phone2.png`,alt:"phone-image2",title:"qr-phone-image2",class:"h-[600px] md:h-[50vh]"},null,8,be)])]),e("div",ve,[we,e("div",ke,[e("img",{src:`${s(a)}/landing-pages/qr-phone3.png`,alt:"phone-image3",title:"qr-phone-image3",class:"h-[600px] md:h-[50vh]"},null,8,Se)])])]),e("div",{ref_key:"scrollStepsWrapper",ref:b,class:"bg-yellow w-screen xs:hidden"},[e("div",qe,[e("div",je,[e("div",Ce,[e("div",Qe,[e("div",{onClick:l[0]||(l[0]=d=>f(1)),class:_(["font-cr-bold text-48 leading-64 xs:text-[24px] xs:leading-[20px] pb-60 transition-all duration-500 ease-in-out",s(o)===1?"text-dark translate-y-0":"text-dark opacity-30 -translate-y-20"])},[s(o)===1?(r(),i("div",Re,Le)):(r(),i("div",Be,"Step 1"))],2),e("div",{onClick:l[1]||(l[1]=d=>f(2)),class:_(["font-cr-bold text-48 leading-64 xs:text-[24px] xs:leading-[20px] pb-60 transition-all duration-500 ease-in-out",s(o)===2?"text-dark -translate-y-16":"text-dark opacity-30 -translate-y-20"])},[s(o)===2?(r(),i("div",Ee,Ae)):(r(),i("div",Ne,"Step 2"))],2),e("div",{onClick:l[2]||(l[2]=d=>f(3)),class:_(["font-cr-bold text-48 leading-64 xs:text-[24px] xs:leading-[20px] transition-all duration-500 ease-in-out",s(o)===3?"text-dark -translate-y-30":"text-dark opacity-30 translate-y-0"])},[s(o)===3?(r(),i("div",Pe,Oe)):(r(),i("div",Ue,"Step 3"))],2)],512),e("div",Ye,[e("img",{src:`${s(a)}/landing-pages/qr-phone${s(o)}.png`,alt:"phone-image",title:"qr-phone-image",class:"h-[600px]"},null,8,ze)])])])])],512),e("div",Ge,[y(M)]),e("div",He,[e("section",Ve,[De,(r(!0),i($,
1null,I(S.value,(d,n)=>(r(),i("div",{key:n,class:"bg-dark bg-opacity-5 px-24 xs:px-16 py-4 rounded-16 xs:rounded-10 mb-16 overflow-hidden"},[y(E,{faq:d,index:n,fromLandingPage:!0},null,8,["faq","index"])]))),128))],512)]),y(W)]))}},st=q(Je,[["__scopeId","data-v-64e6a041"]]);export{st as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.