https://waitlister.me/_nuxt/C1KGPOVd.js

1import{_ as P}from"./CK-djU0W.js";import{a1 as C,f as A,_ as I,X as v,V as $,Y as T,Z as q,$ as L,a0 as E,h as M}from"./H-WxSoCY.js";import{a as u,b as f,e,i as r,f as s,l as i,p as b,u as a,j as x,B as w,Q as _,F as R,k as N,v as V,x as W,A as K,t as h,q as H,r as D}from"./BW5XXfU3.js";import{_ as G}from"./D4acpu8i.js";import{_ as Z}from"./Bl9803E8.js";import{_ as U}from"./BUaSYepM.js";import{_ as Q}from"./Dlu19lZu.js";import{I as Y}from"./CfWbUyEW.js";import{_ as k}from"./CLSBvs92.js";import{I as J}from"./-YGDmygp.js";import{I as O}from"./EYjl-MCC.js";import{_ as X}from"./Cn0So4XQ.js";import{I as ee,a as te}from"./BBGvfta2.js";import{_ as se}from"./DZh6Q20P.js";import{_ as oe}from"./B3bMmnIH.js";import{_ as re}from"./DEF20l9P.js";import{_ as ae}from"./CC7tFTVk.js";import{_ as le}from"./E-twnHm0.js";const ie={},ne={class:"relative w-full flex flex-col items-center justify-center"},ce={class:"w-full max-w-[70rem] mb-12 md:mb-14 flex flex-col items-center"},de={class:"mb-4 text-textSecondary text-center uppercase text-sm flex items-center justify-center gap-2 font-medium"};function me(g,o){const l=P;return u(),f("section",ne,[e("div",ce,[e("div",de,[r(l,{class:"w-5 h-5 flex shrink-0"}),o[0]||(o[0]=s(" How it works ",-1))]),o[1]||(o[1]=e("h2",{class:"mb-5 text-4xl sm:text-5xl text-center"},[s(" Launch your waitlist "),e("br"),s(" in minutes, not days ")],-1)),o[2]||(o[2]=e("p",{class:"max-w-2xl text-center text-textSecondary text-base"},[s(" No technical expertise required. Just three simple steps "),e("br",{class:"hidden sm:flex"}),s(" to start collecting signups for your product launch. ")],-1))]),o[3]||(o[3]=i('<div class="w-full max-w-[70rem] grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12"><div class="relative flex flex-col items-center text-center"><div class="mb-6 relative"><div class="w-20 h-20 rounded-2xl flex items-center justify-center border-[3px] border-primary bg-gradient-to-br from-primary-300 via-primary-400 to-primary-500"><span class="text-3xl font-bold font-display">1.</span></div></div><h3 class="text-2xl font-semibold mb-3">Choose your method</h3><p class="text-base text-textSecondary mb-4 max-w-xs"> Pick a landing page, embeddable form, or use our API. Customize to match your brand. </p></div><div class="relative flex flex-col items-center text-center"><div class="mb-6 relative"><div class="w-20 h-20 rounded-2xl flex items-center justify-center border-[3px] border-primary bg-gradient-to-br from-primary-300 via-primary-400 to-primary-500"><span class="text-3xl font-bold font-display">2.</span></div></div><h3 class="text-2xl font-semibold mb-3">Share &amp; collect</h3><p class="text-base text-textSecondary mb-4 max-w-xs"> Launch your waitlist and start collecting signups. Enable referrals for viral growth. </p></div><div class="relative flex flex-col items-center text-center"><div class="mb-6 relative"><div class="w-20 h-20 rounded-2xl flex items-center justify-center border-[3px] border-primary bg-gradient-to-br from-primary-300 via-primary-400 to-primary-500"><span class="text-3xl font-bold font-display">3.</span></div></div><h3 class="text-2xl font-semibold mb-3">Track &amp; engage</h3><p class="text-base text-textSecondary mb-4 max-w-xs"> Monitor analytics, send emails, and manage your subscribers all in one place. </p></div></div>',1))])}const ft=C(ie,[["render",me]]),pe={name:"MaterialSymbolsUnfoldLessRounded"},xe={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"};function ue(g,o,l,n,c,y){return u(),f("svg",xe,[...o[0]||(o[0]=[e("path",{fill:"currentColor",d:"m12 16.9l-2.4 2.4q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l3.1-3.1q.15-.15.325-.212t.375-.063t.375.063t.325.212l3.1 3.1q.275.275.275.7t-.275.7t-.7.275t-.7-.275zm0-9.8l2.4-2.4q.275-.275.7-.275t.7.275t.275.7t-.275.7l-3.1 3.1q-.15.15-.325.213T12 9.475t-.375-.062T11.3 9.2L8.2 6.1q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275z"},null,-1)])])}const be=C(pe,[["render",ue]]),fe={class:"w-full flex flex-col items-center justify-center relative overflow-hidden"},ge={class:"relative z-10 w-full mb-12 flex flex-col items-center"},ye={class:"mb-4 text-textSecondary text-center uppercase text-sm flex items-center justify-center gap-2 font-medium"},ve={class:"relative z-10 w-full grid grid-cols-1 gap-8 mb-12"},we={class:"relative w-full min-h-[21rem] flex flex-col lg:flex-row justify-between items-center bg-gray-50 border border-border rounded-xl overflow-hidden"},_e={class:"relative z-10 w-full lg:w-1/2 p-6 sm:p-8 lg:p-12 flex flex-col items-center lg:items-start"},he={class:"relative z-10 w-full lg:w-1/2 flex justify-center lg:justify-end px-6 lg:p-0"},ke={class:"w-full max-w-2xl lg:max-w-xl aspect-[16/9] lg:translate-y-16 xl:translate-y-10 lg:translate-x-8 xl:translate-x-5 border border-border shadow-2xl overflow-hidden rounded-lg"},Ce=["src","srcset"],Se={class:"relative w-full min-h-[20rem] flex flex-col lg:flex-row-reverse justify-between items-center bg-gray-50 border border-border rounded-xl overflow-hidden"},Be={class:"relative z-10 w-full lg:w-1/2 p-6 sm:p-8 lg:p-12 flex flex-col items-center lg:items-start"},ze={class:"relative z-10 w-full lg:w-1/2 flex justify-center lg:justify-start px-6 lg:p-0"},Fe={class:"w-full max-w-2xl lg:max-w-xl aspect-[16/9] lg:translate-y-16 xl:translate-y-10 lg:-translate-x-8 xl:-translate-x-5 border border-border shadow-2xl overflow-hidden rounded-lg"},je=["src","srcset"],Pe={class:"relative w-full min-h-[21rem] flex flex-col lg:flex-row justify-between items-center bg-gray-50 border border-border rounded-xl overflow-hidden"},Ae={class:"relative z-10 w-full lg:w-1/2 p-6 sm:p-8 lg:p-12 flex flex-col items-center lg:items-start"},Ie={class:"relative z-10 w-full lg:w-1/2 flex justify-center lg:justify-end px-6 lg:p-0"},$e={class:"w-full max-w-2xl lg:max-w-xl aspect-[16/9] lg:translate-y-16 xl:translate-y-10 lg:translate-x-8 xl:translate-x-5 border border-border shadow-2xl overflow-hidden rounded-lg"},Te=["src","srcset"],qe={class:"relative w-full min-h-[20rem] flex flex-col lg:flex-row-reverse justify-between items-center bg-gray-50 border border-border rounded-xl overflow-hidden"},Le={class:"relative z-10 w-full lg:w-1/2 p-6 sm:p-8 lg:p-12 flex flex-col items-center lg:items-start"},Ee={class:"relative z-10 w-full lg:w-1/2 flex justify-center lg:justify-start px-6 lg:p-0"},Me={class:"w-full max-w-2xl lg:max-w-xl aspect-[16/9] lg:translate-y-16 xl:translate-y-10 lg:-translate-x-8 xl:-translate-x-5 border border-border shadow-2xl overflow-hidden rounded-lg"},Re=["src","srcset"],Ne={class:"relative z-10 w-full max-w-[70rem]"},Ve={class:"w-full flex justify-center mb-8"},We={class:"flex flex-col gap-8"},Ke={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"},He={class:"flex flex-col items-center sm:items-start gap-4"},De={class:"flex-1"},Ge={class:"text-center sm:text-left text-lg font-semibold text-textPrimary mb-1"},Ze={class:"text-center sm:text-left text-sm text-textSecondary"},Ue={class:"w-full flex flex-col sm:flex-row justify-center items-center gap-4 mt-4"},Qe={class:"relative w-full mt-12 md:mt-16 xl:mt-20 flex items-center justify-start p-8 sm:p-10 bg-secondary-50/80 rounded-xl overflow-hidden"},Ye={class:"absolute right-10 -top-20 rotate-[5deg]"},gt={__name:"FeaturesSection",setup(g){const{cfImage:o,cfSrcset:l}=M(),n=D(!1),c=H(()=>({backgroundColor:"#ffffff",backgroundImage:"radial-gradient(circle, #000000 1p

1x, transparent 1px)",backgroundSize:"15px 15px",backgroundRepeat:"repeat",opacity:.4})),y=[{icon:Q,iconBg:"bg-primary-50",iconColor:"text-primary-dark",title:"Landing pages",description:"Beautiful, customizable waitlist pages"},{icon:Y,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Embeddable forms",description:"Add to any website with simple code"},{icon:v,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Custom success page",description:"Customizable thank-you pages"},{icon:k,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Referral system",description:"Points-based viral growth mechanism"},{icon:k,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Double opt-in",description:"Your subscribers need to confirm their email before being added to the waitlist"},{icon:J,iconBg:"bg-primary-50",iconColor:"text-primary-dark",title:"Welcome emails",description:"Automatic branded welcome messages"},{icon:O,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Email broadcasts",description:"Send updates to all subscribers"},{icon:re,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Marketing integrations",description:"Sync subscribers automatically to Klaviyo, Mailchimp, or Kit"},{icon:X,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Analytics dashboard",description:"Track growth, referral, and other metrics"},{icon:v,iconBg:"bg-primary-50",iconColor:"text-primary-dark",title:"Custom domains",description:"Host on your own domain"},{icon:$,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Spam prevention",description:"CAPTCHA and email validation"},{icon:T,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Surveys & custom fields",description:"Collect any information during signup"},{icon:ee,iconBg:"bg-primary-50",iconColor:"text-primary-dark",title:"Store subscribers",description:"No database setup required"},{icon:q,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Export subscribers",description:"CSV export for marketing tools"},{icon:L,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Import subscribers",description:"Bring your leads to Waitlister"},{icon:E,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Phone collection",description:"Collect numbers for SMS marketing"},{icon:se,iconBg:"bg-primary-50",iconColor:"text-primary-dark",title:"REST API",description:"Full API access for developers"},{icon:oe,iconBg:"bg-secondary-50",iconColor:"text-secondary-700",title:"Webhooks",description:"Real-time event notifications"},{icon:te,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Conversion tracking",description:"Google Tag & Facebook Pixel"},{icon:ae,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Teams",description:"Collaborate on waitlists with your team"},{icon:le,iconBg:"bg-success-50",iconColor:"text-success-700",title:"Translations",description:"Translate your content into 30+ languages with one click"}];return(Je,t)=>{const S=G,d=A,m=I,B=Z,z=be,F=U;return u(),f("section",fe,[e("div",ge,[e("div",ye,[r(S,{class:"w-5 h-5 flex shrink-0"}),t[2]||(t[2]=s(" Features ",-1))]),t[3]||(t[3]=e("h2",{class:"mb-5 text-4xl sm:text-5xl text-center"},[s(" Waitlist features for "),e("br",{class:"hidden sm:flex"}),s(" every stage of your launch ")],-1)),t[4]||(t[4]=e("p",{class:"max-w-2xl text-center text-textSecondary text-base"},[s(" From customizable signup forms to powerful analytics, "),e("br",{class:"hidden sm:flex"}),s(" Waitlister has all the tools you need to build and manage your waiting list. ")],-1))]),e("div",ve,[e("div",we,[e("div",{class:"absolute inset-0 z-0",style:b(a(c))},null,4),t[7]||(t[7]=e("div",{class:"absolute inset-0 bg-gradient-to-b from-gray-50/90 via-transparent to-transparent pointer-events-none"},null,-1)),t[8]||(t[8]=e("div",{class:"absolute inset-0 bg-gradient-to-r from-gray-50 via-gray-50/70 to-transparent pointer-events-none"},null,-1)),e("div",_e,[t[6]||(t[6]=i('<h3 class="text-3xl mb-3">Viral referral system</h3><p class="text-base text-textSecondary mb-6 max-w-md"> Turn your subscribers into promoters. Built-in, points-based referral system lets people move up the waitlist by sharing with friends. </p><div class="mb-6 flex flex-wrap gap-3"><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Custom points </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Leaderboard </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Referral metrics </span></div>',3)),r(m,{to:"/features/referral-program",class:"button button-secondary"},{default:x(()=>[t[5]||(t[5]=s(" Referral program ",-1)),r(d,{class:"w-4 h-4"})]),_:1})]),e("div",he,[e("div",ke,[e("img",{src:a(o)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Fother%2Fdemo_thank-you-page.webp?alt=media"),srcset:a(l)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Fother%2Fdemo_thank-you-page.webp?alt=media"),sizes:"(max-width: 1024px) 100vw, 50vw",alt:"Referral system interface",class:"w-full h-full object-cover",loading:"lazy"},null,8,Ce)])])]),e("div",Se,[e("div",{class:"absolute inset-0 z-0",style:b(a(c))},null,4),t[11]||(t[11]=e("div",{class:"absolute inset-0 bg-gradient-to-b from-gray-50/90 via-trans

1parent to-transparent pointer-events-none"},null,-1)),t[12]||(t[12]=e("div",{class:"absolute inset-0 bg-gradient-to-l from-gray-50 via-gray-50/70 to-transparent pointer-events-none"},null,-1)),e("div",Be,[t[10]||(t[10]=i('<h3 class="text-3xl mb-3">Emails</h3><p class="text-base text-textSecondary mb-6 max-w-md"> Send automatic welcome emails, broadcasts, and updates to keep your audience engaged. Customize everything to match your brand. </p><div class="mb-6 flex flex-wrap gap-3"><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Welcome emails </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Broadcasts </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Custom templates </span></div>',3)),r(m,{to:"/docs/welcome-emails",class:"button button-secondary"},{default:x(()=>[t[9]||(t[9]=s(" Emails ",-1)),r(d,{class:"w-4 h-4"})]),_:1})]),e("div",ze,[e("div",Fe,[e("img",{src:a(o)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Ffeatures%2Ffeature-broadcast.webp?alt=media"),srcset:a(l)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Ffeatures%2Ffeature-broadcast.webp?alt=media"),sizes:"(max-width: 1024px) 100vw, 50vw",alt:"Email editor interface",class:"w-full h-full object-cover",loading:"lazy"},null,8,je)])])]),e("div",Pe,[e("div",{class:"absolute inset-0 z-0",style:b(a(c))},null,4),t[15]||(t[15]=e("div",{class:"absolute inset-0 bg-gradient-to-b from-gray-50/90 via-transparent to-transparent pointer-events-none"},null,-1)),t[16]||(t[16]=e("div",{class:"absolute inset-0 bg-gradient-to-r from-gray-50 via-gray-50/70 to-transparent pointer-events-none"},null,-1)),e("div",Ae,[t[14]||(t[14]=i('<h3 class="text-3xl mb-3">Analytics</h3><p class="text-base text-textSecondary mb-6 max-w-md"> Track views, sign-ups, referrals, and conversion rates with our intuitive dashboard. Make data-driven decisions to optimize your waitlist. </p><div class="mb-6 flex flex-wrap gap-3"><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Growth metrics </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Referral metrics </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Geographies </span></div>',3)),r(m,{to:"/docs/analytics",class:"button button-secondary"},{default:x(()=>[t[13]||(t[13]=s(" Analytics ",-1)),r(d,{class:"w-4 h-4"})]),_:1})]),e("div",Ie,[e("div",$e,[e("img",{src:a(o)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Fother%2Fdemo_analytics.webp?alt=media"),srcset:a(l)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Fother%2Fdemo_analytics.webp?alt=media"),sizes:"(max-width: 1024px) 100vw, 50vw",alt:"Analytics dashboard",class:"w-full h-full object-cover",loading:"lazy"},null,8,Te)])])]),e("div",qe,[e("div",{class:"absolute inset-0 z-0",style:b(a(c))},null,4),t[19]||(t[19]=e("div",{class:"absolute inset-0 bg-gradient-to-b from-gray-50/90 via-transparent to-transparent pointer-events-none"},null,-1)),t[20]||(t[20]=e("div",{class:"absolute inset-0 bg-gradient-to-l from-gray-50 via-gray-50/70 to-transparent pointer-events-none"},null,-1)),e("div",Le,[t[18]||(t[18]=i('<h3 class="text-3xl mb-3">Spam prevention</h3><p class="text-base text-textSecondary mb-6 max-w-md"> Automatic CAPTCHA protection and email validation against fake and bot signups. Keep your subscriber list healthy — and human. </p><div class="mb-6 flex flex-wrap gap-3"><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> CAPTCHA </span><span class="px-3 py-1 rounded-full bg-bgBase border border-border text-textPrimary text-sm font-medium"> Email validation </span></div>',3)),r(m,{to:"/growth-hub/guides/preventing-referral-fraud",class:"button button-secondary"},{default:x(()=>[t[17]||(t[17]=s(" Spam prevention ",-1)),r(d,{class:"w-4 h-4"})]),_:1})]),e("div",Ee,[e("div",Me,[e("img",{src:a(o)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Ffeatures%2Ffeature_captcha-l

1ight.webp?alt=media&token=eafeb7e9-cc22-4db7-9b0a-c4c7bb9604d8"),srcset:a(l)("https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/resources%2Ffeatures%2Ffeature_captcha-light.webp?alt=media&token=eafeb7e9-cc22-4db7-9b0a-c4c7bb9604d8"),sizes:"(max-width: 1024px) 100vw, 50vw",alt:"Spam protection example",class:"w-full h-full object-cover",loading:"lazy"},null,8,Re)])])])]),e("div",Ne,[w(e("div",Ve,[e("button",{class:"w-full sm:w-fit button button-secondary",onClick:t[0]||(t[0]=p=>n.value=!0)},[t[21]||(t[21]=s(" Show all features ",-1)),r(B,{class:"w-4 h-4 flex shrink-0"})])],512),[[_,!a(n)]]),w(e("div",We,[t[24]||(t[24]=e("div",{class:"flex items-center gap-4"},[e("div",{class:"flex-1 border-t border-border"}),e("span",{class:"text-sm font-medium text-textSecondary uppercase"},"All Features"),e("div",{class:"flex-1 border-t border-border"})],-1)),e("div",Ke,[(u(),f(R,null,N(y,(p,j)=>e("div",{key:j,class:"p-3"},[e("div",He,[(u(),V(K(p.icon),{class:W(["w-6 h-6 text-primary-400"])})),e("div",De,[e("h4",Ge,h(p.title),1),e("p",Ze,h(p.description),1)])])])),64))]),e("div",Ue,[e("button",{class:"w-full sm:w-fit button-secondary",onClick:t[1]||(t[1]=p=>n.value=!1)},[t[22]||(t[22]=s(" Show less ",-1)),r(z,{class:"w-4 h-4 flex shrink-0"})]),r(m,{to:"/features",class:"inline text-textSecondary transition-all duration-200 hover:text-textPrimary hover:underline underline-offset-2 font-medium flex items-center gap-1"},{default:x(()=>[t[23]||(t[23]=s(" More about features ",-1)),r(d,{class:"w-4 h-4 flex shrink-0"})]),_:1})])],512),[[_,a(n)]])]),e("div",Qe,[e("div",Ye,[r(F,{class:"w-60 h-60 text-secondary-100/50 lg:text-secondary-100"})]),t[25]||(t[25]=i('<div class="relative w-full max-w-[50rem]"><blockquote class="relative z-10 max-w-3xl text-xl font-medium leading-relaxed text-textPrimary mb-6"> Waitlister provides <mark class="pl-2 pr-1 py-0.5 bg-secondary-200/80"> a one-of-a-kind builder platform </mark> to design your own waitlist page that actually stands out from competitors. Once the page is ready and deployed, we <mark class="px-2 py-0.5 bg-secondary-200/80"> never worry about uptime or data reliability. </mark></blockquote><div class="flex flex-row items-center gap-3"><div class="w-7 aspect-square rounded-full bg-bgSecondary flex items-center justify-center overflow-hidden"><img src="https://firebasestorage.googleapis.com/v0/b/waitinglist-app-c24fc.appspot.com/o/public%2FdZ8Gr0AECGe5vdVZS9xkLLcNWAz1%2Flanding-page-images%2F1743832783323_favicon.png?alt=media&amp;token=4fc3e1c5-2f71-4355-90a0-4cf6101b9ca7" alt="KeiKo logo" class="w-full object-cover" loading="lazy"></div><div><div class="font-semibold text-sm">Abhishek Mangudkar</div><div class="text-xs text-textSecondary"> Founder, KeiKo </div></div></div></div>',1))])])}}};export{ft as _,gt as a};