https://buymeacoffee.com/_nuxt/DWTDvtcU.js

1import{_ as k,u as S,j as d,f as C,v as I,c as r,a as e,x as z,d as n,l as o,i as f,F as b,k as _,b as x,o as i,n as B,p as q,e as $}from"./Drvkq8-f.js";import{F as j}from"./BirhJk08.js";import{C as L}from"./CDUsNoIw.js";import{C as A}from"./DqR73Zor.js";import{s as E}from"./BYdT2AoO.js";const t=c=>(q("data-v-748370c9"),c=c(),$(),c),M={ref:"heroSection",class:"relative bg-black text-white overflow-hidden xs:overflow-visible"},F={class:"md:-ml-10"},N=t(()=>e("div",{class:"absolute top-0 left-0 w-full h-[100px] bg-gradient-to-b from-black/80 to-transparent"},null,-1)),Y=[N],T={class:"absolute inset-0 flex justify-center max-w-[1040px] mx-auto xs:justify-start"},O={class:"absolute inset-0 z-20 flex items-center xs:items-end minxl:pb-[10vh] xs:pb-[10vh] w-full"},P={class:"text-white font-cr-bold text-[74px] leading-[74px] tracking-[-2%] xl:pl-40 xs:pl-16 xs:text-[48px] xs:leading-[48px] xs:text-center xs:pr-16 xs:w-full"},V=t(()=>e("h1",null,[o("Celebrate "),e("br"),o("support, live.")],-1)),W={class:"w-full"},D=t(()=>e("div",{class:"text-white text-20 leading-[30px] font-cr-regular mt-[32px] pr-32 md:pr-20 xs:text-18 xs:leading-[24px] xs:mt-[24px] xs:pr-0 header-anim_3"},[e("p",{class:"pb-10"},[o("Drop-in alerts that thank supporters live and"),e("br"),o("bring energy to your stream. Make every coffee"),e("br"),o("matter.")])],-1)),G={class:"self-end mt-[36px] xs:mt-20"},U=["href"],H=t(()=>e("div",{class:"absolute backdrop-blur-sm bottom-0 z-200 w-full h-[30vh]",style:{"-webkit-mask-image":"linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%)","-webkit-mask-repeat":"no-repeat","-webkit-mask-position":"top","-webkit-mask-size":"100% 100%","mask-image":"linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%)","mask-repeat":"no-repeat","mask-position":"top","mask-size":"100% 100%"}},null,-1)),Q={ref:"setupSection",class:"container my-100 xs:my-70 xxs:px-16 xl:px-40 flex justify-center xs:justify-start max-w-[1040px] mx-auto"},R=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] md:text-center pb-48 xs:pb-32"},"Set up in seconds",-1)),J={class:"grid grid-cols-3 gap-32 md:grid-cols-1 md:gap-x-0 md:gap-y-16 md:w-[60%] xs:w-[100%] md:justify-self-center"},K={class:"grid xs:grid-rows-[auto_auto] rounded-36 xs:rounded-24 bg-grey-v9 pb-40 xs:pb-24 overflow-hidden"},X={class:"pl-40 xs:pl-24 pt-2"},Z=["src"],ee=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"},[o("Go to Buttons "),e("span",{class:"font-cr-regular"},"&"),o(" Graphics in your creator dashboard.")])],-1)),te={class:"grid xs:grid-rows-[auto_auto] rounded-36 xs:rounded-24 bg-grey-v9 pb-40 xs:pb-24"},se={class:"self-end pt-24 px-40 xs:px-24"},oe=["src"],ae=t(()=>e("div",{class:"self-start h-[100px] pt-[30px] 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"},"Copy your browser source link from the Stream Alerts tab.")],-1)),re={class:"grid xs:grid-rows-[auto_auto] rounded-36 xs:rounded-24 bg-grey-v9 pb-40 xs:pb-24 pr-2"},ne=["src"],ie=t(()=>e("div",{class:"self-start h-[100px] pt-24 px-36 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"},"Paste it into any streaming software as a 'Browser Source'.")],-1)),le={ref:"streamSection",class:"container mb-100 max-w-[1040px] mx-auto xl:px-40 xs:px-16"},ce={class:"text-dark font-cr-bold sm:font-cr-medium text-[64px] leading-[64px] tracking-[-0.03em] text-center xs:text-[36px] xs:leading-[36px]"},pe={key:0},de={key:0,class:"text-dark font-cr-bold sm:font-cr-medium text-[64px] leading-[64px] tracking-[-0.03em] text-center xs:text-[36px] xs:leading-[36px]"},xe=["src"],me={ref:"collabSection",class:"container mb-100 xs:mb-[110px] max-w-[1040px] mx-auto xl:px-40 xs:px-16"},ue=t(()=>e("h1",{class:"text-dark font-cr-bold sm:font-cr-medium text-[64px] leading-[64px] tracking-[-0.03em] text-center xs:text-[36px] xs:leading-[36px] pb-20 xs:pb-10"},"Stream with live alerts",-1)),ge=t(()=>e("h2",{class:"font-cr-regular text-20 leading-[30px] text-center w-[55%] mx-auto leading-28 xs:text-18 xs:leading-[22px] text-dark xs:w-[95%]"},"Works perfectly with YouTube, Twitch, and any browser-source streaming tool—like OBS, Streamlabs, or Twitch Studio.",-1)),he={class:"grid grid-cols-3 md:grid-cols-2 gap-24 xs:gap-8 pt-48 xs:pt-32"},fe=["src","alt","title"],be={class:"pb-160 xs:pb-[110px]"},_e={class:"container w-634 mx-auto xs:w-[98%]"},ye={ref:"faqSection",class:"xl:px-40 xs:px-16 pb-160 xs:pb-[70px]"},we=t(()=>e("h2",{class:"text-dark font-cr-bold sm:font-cr-medium text-[64px] leading-[64px] tracking-[-0.03em] text-center xs:text-[36px] xs:leading-[36px] pb-48 xs:pb-32"},"FAQ",-1)),ve={__name:"stream-alerts",setup(c){const y="https://buymeacoffee.com",l="https://cdn.buymeacoffee.com/assets";S(()=>({title:"Buy Me a Coffee for Streamers | Customize Your Stream | Buy Me a Coffee",htmlAttrs:{lang:"en"},meta:[{hid:"description",name:"description",content:"Customize your stream and let your audience see when you get support, live."},{hid:"og:url",property:"og:url",content:"https://buymeacoffee.com/stream-alerts"},{hid:"og:title",property:"og:title",content:"Stream alerts  - Buy Me a Coffee"},{hid:"og:description",property:"og:description",content:"Customize your stream and let your audience see when you get support, live."},{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:"Stream alerts - Buy Me a Coffee"},{hid:"twitter:description",property:"twitter:description",content:"Customize your stream and let your audience see when you get support, live."},{hid:"twitter:image",property:"twitter:image",content:"https://cdn.buymeacoffee.com/assets/homepage/meta/apple-icon-120x120.png"},{itemprop:"name",content:"Stream alerts - 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/stream-alerts"},{rel:"preload",as:"image",href:"https://cdn.buymeacoffee.com/assets/landing-pages/stream-hero-img-2.webp"}]}));const p=d(!1),m=()=>{p.value=window.innerWidth>1e3},w=d([{ques:"Will it interrupt my stream?",answer:"Nope! Alerts pop up cleanly on screen without disrupting your content or audio. It’s lightweight and runs smoothly in the background through your browser source."},{ques:"Do the alerts show the supporter’s name?",answer:"Yes—if the supporter chose to share their name. The alert will also show the type of support they sent (not just coffees)."},{ques:"Can I customize the alert sound and visuals?",answer:"Definitely. You can upload your own GIFs, choose colors, and set custom sounds from your dashboard."},{ques:"Is Stream Alerts a free feature?",answer:"Yes! Stream Alerts is completely free for all Buy Me a Coffee creators. No paid plan or upgrade required—just copy your alert link and start streaming."},{ques:"What kind of support can my audience send while I’m streaming?",answer:"Your audience can choose to send one-time support, join as a monthly supporter, or sign up for a membership—whatever you’ve set up on your page."}]),v=d([{name:"twitch",bgcolor:"bg-purple"},{name:"youtube",bgcolor:"bg-red"},{name:"facebook",bgcolor:"bg-blue"},{name:"kick",bgcolor:"bg-green-v2"},{name:"obs",bgcolor:"bg-darkblue"},{name:"trovo",bgcolor:"bg-green-v3"}]);return C(()=>{E(),document.getElementById("landing-search-bar").classList.add("bg-black/[40%]"),window.addEventListener("resize",m);const u={rootMargin:"-10%",threshold:0},g=new IntersectionObserver(s=>

1{s.forEach(h=>{h.isIntersecting&&h.target.classList.add("fadeup-anim")})},u);document.querySelectorAll(".container").forEach(s=>{g.observe(s)})}),I(()=>{window.removeEventListener("resize",m),document.getElementById("landing-search-bar").classList.remove("bg-black/[40%]")}),(u,g)=>(i(),r("div",null,[e("section",M,[e("div",F,[e("div",{class:"hero-img h-screen w-auto",style:z({backgroundImage:`url(${n(l)}/landing-pages/stream-hero-img-2-v1.png)`})},Y,4)]),e("div",T,[e("div",O,[e("div",P,[V,e("div",W,[D,e("div",G,[e("a",{href:`${n(y)}/signup`,class:"bg-yellow hover:bg-yellow/80 all-transition inline-block min-w-[320px] xxs:min-w-300 relative rounded-full text-xl leading-24 xxs:text-18 xxs:leading-18 text-dark font-cr-bold px-32 py-20 xxs:py-14"},"Set up stream alerts for free",8,U)])])])])]),H],512),e("section",Q,[e("div",null,[R,e("div",J,[e("div",K,[e("div",X,[e("img",{src:`${n(l)}/landing-pages/qr-step1.png`,alt:"step1-image",title:"stream-step1-image",class:"rounded-bl-[36px] rounded-tr-[36px]"},null,8,Z)]),ee]),e("div",te,[e("div",se,[e("img",{src:`${n(l)}/landing-pages/stream-step2.png`,alt:"step2-image",title:"stream-step2-image"},null,8,oe)]),ae]),e("div",re,[e("img",{src:`${n(l)}/landing-pages/stream-step3.png`,alt:"step3-image",title:"stream-step2-image",class:"pt-40 pl-40 xs:pt-24 xs:pl-24"},null,8,ne),ie])])])],512),e("section",le,[e("div",null,[e("h2",ce,[o("Customise your alerts, "),p.value?f("",!0):(i(),r("div",pe,"match your style"))]),p.value?(i(),r("div",de,"match your style")):f("",!0),e("img",{src:`${n(l)}/landing-pages/stream-img.png`,alt:"stream-alerts-image",title:"stream-alerts-image",class:"pt-48 xs:pt-32"},null,8,xe)])],512),e("section",me,[ue,ge,e("div",he,[(i(!0),r(b,null,_(v.value,(a,s)=>(i(),r("div",{key:s,class:B([a.bgcolor,"h-210 xs:h-auto xs:py-32 rounded-36 xs:rounded-16 bg-opacity-10 flex items-center justify-center"])},[e("img",{src:`${n(l)}/landing-pages/${a.name}.png`,alt:a.name,title:a.name,class:"h-40 xs:h-24"},null,8,fe)],2))),128))])],512),e("div",be,[x(L)]),e("div",_e,[e("section",ye,[we,(i(!0),r(b,null,_(w.value,(a,s)=>(i(),r("div",{key:s,class:"bg-dark bg-opacity-5 px-24 xs:px-16 py-4 rounded-16 xs:rounded-16 mb-16 overflow-hidden"},[x(j,{faq:a,index:s,fromLandingPage:!0},null,8,["faq","index"])]))),128))],512)]),x(A)]))}},Be=k(ve,[["__scopeId","data-v-748370c9"]]);export{Be as default};