https://www.calendar.com/static-pages/component---src-pages-bundle-payments-js-db7ecb0312d5986b96c9.js

1"use strict";(self.webpackChunkcalendar_static=self.webpackChunkcalendar_static||[]).push([[797],{7563:function(e,t,a){a.r(t);var l=a(5685),n=a(7875),r=a(9656),s=a(6784),o=a(6540),c=a(5806),i=a(797),m=a(519);const d="linear-gradient(135deg,#577BCB 0%,#6997FF 100%)",p="linear-gradient(180deg,#F4F7FF 0%,#FAFAFA 70%)",x=e=>{let{children:t}=e;return o.createElement("span",{className:"inline-flex items-center px-3 py-1.5 rounded-full text-[12px] font-bold tracking-wide uppercase text-primary bg-[#EEF2FB] mb-4"},t)},g=e=>{let{children:t}=e;return o.createElement("span",{className:"inline-block text-[12px] font-bold uppercase text-primary mb-3.5",style:{letterSpacing:".1em"}},t)},b=e=>{let{children:t,style:a={}}=e;return o.createElement("div",{className:"bg-white border border-gray-200 rounded-[18px]",style:{boxShadow:"0 24px 60px -20px rgba(32,38,43,.18), 0 8px 20px rgba(32,38,43,.06)",...a}},t)},u=e=>{let{kicker:t,title:a,lead:l,center:n=!0}=e;return o.createElement("div",{className:(n?"text-center max-w-3xl mx-auto":"")+" mb-14"},t&&o.createElement(g,null,t),o.createElement("h2",{className:"font-light text-shark m-0 mb-4",style:{fontSize:"clamp(32px,3.4vw,46px)",lineHeight:1.1,letterSpacing:"-.02em"}},a),l&&o.createElement("p",{className:"text-fg-2 m-0",style:{fontSize:17,lineHeight:1.55}},l))},y=e=>{let{reverse:t,pill:a,title:n,body:r,linkText:c,linkHref:i,visual:m}=e;return o.createElement("div",{className:"grid gap-[56px] items-center py-16 border-t border-gray-100 first:border-0",style:{gridTemplateColumns:"1fr 1fr",direction:t?"rtl":"ltr"}},o.createElement("div",{style:{direction:"ltr"}},o.createElement(x,null,a),o.createElement("h3",{className:"font-light text-shark mb-3.5",style:{fontSize:"clamp(24px,2.4vw,32px)",lineHeight:1.15,letterSpacing:"-.01em"}},n),o.createElement("p",{className:"text-fg-2 mb-4",style:{fontSize:16,lineHeight:1.6}},r),o.createElement("a",{href:i,className:"inline-flex items-center gap-1.5 text-primary font-semibold text-[14.5px]"},c," ",o.createElement(s.g,{icon:l.dmS,className:"text-[12px]"}))),o.createElement("div",{style:{direction:"ltr"}},m))},E=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"flex items-center gap-2.5 mb-3.5 pb-3.5 border-b border-gray-200"},o.createElement("div",{className:"w-10 h-10 rounded-[10px] text-white grid place-items-center text-[16px]",style:{background:d}},o.createElement(s.g,{icon:l.LJS})),o.createElement("div",null,o.createElement("b",{className:"block text-[14px] text-shark"},"Coaching pack"),o.createElement("small",{className:"text-[11.5px] text-gray-500"},"5 sessions · 60 min each")),o.createElement("span",{className:"ml-auto text-[18px] font-bold text-shark"},"$600")),o.createElement("div",{className:"flex flex-col gap-2"},[{done:!0,label:"Session 1 · booked",when:"Nov 11"},{done:!0,label:"Session 2 · booked",when:"Nov 18"},{done:!1,label:"3 sessions remaining"}].map(((e,t)=>o.createElement("div",{key:t,className:"flex items-center gap-2.5 py-2.5 px-3 border border-gray-200 rounded-[10px] text-[12.5px] font-semibold",style:{color:e.done?"#4A5568":"#9AA1A9"}},e.done?o.createElement("span",{className:"w-5 h-5 rounded-full text-white grid place-items-center text-[9px] flex-none",style:{background:"#5E8A2A"}},o.createElement(s.g,{icon:l.e68})):o.createElement("span",{className:"w-5 h-5 rounded-full border-2 border-gray-300 flex-none"}),e.label,e.when&&o.createElement("small",{className:"ml-auto text-gray-400 font-semibold"},e.when))))),o.createElement("div",{className:"mt-3 py-2.5 rounded-[10px] text-white text-[12.5px] font-bold text-center",style:{background:d}},"Paid in full · $600 via Stripe")),f=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"flex flex-col gap-2.5"},o.createElement("div",{className:"flex items-center gap-3 py-3 px-3.5 border border-gray-200 rounded-[11px]"},o.createElement("div",{className:"w-8 h-8 rounded-lg grid place-items-center text-[13px] flex-none",style:{background:"#EEF2FB",color:"#577BCB"}},o.createElement(s.g,{icon:l.$O8})),o.createElement("div",{className:"flex-1"},o.createElement("b",{className:"block text-[13px] text-shark"},"Single session"),o.createElement("small",{className:"text-[11px] text-gray-500"},"One payment at booking")),o.createElement("b",{className:"text-[14px] text-shark"},"$120")),o.createElement("div",{className:"flex items-center justify-center text-gray-400 text-[12px]"},o.createElement(s.g,{icon:l.B0C})),o.createElement("div",{className:"flex items-center gap-3 py-3 px-3.5 rounded-[11px]",style:{background:"#EEF2FB",border:"1.5px solid #B9CCF6"}},o.createElement("div",{className:"w-8 h-8 rounded-lg text-white grid place-items-center text-[13px] flex-none",style:{background:d}},o.createElement(s.g,{icon:l.LJS})),o.createElement("div",{className:"flex-1"},o.createElement("b",{className:"block text-[13px] text-shark"},"Bundle of 5"),o.createElement("small",{className:"text-[11px] text-gray-500"},"Whole package, one checkout")),o.createElement("b",{className:"text-[14px] text-shark"},"$600")))),h=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"text-[15px] font-bold text-shark mb-3.5"},"New package"),o.createElement("div",{className:"flex flex-col gap-2.5"},[["Sessions","5"],["Length each","60 min"],["Package price","$600"]].map(((e,t)=>{let[a,l]=e;return o.createElement("div",{key:t,className:"flex items-center justify-between py-2.5 px-3 border border-gray-200 rounded-[10px] text-[12.5px] font-semibold text-gray-700"},a,o.createElement("b",{className:"text-shark"},l))}))),o.createElement("div",{className:"mt-3 py-2.5 px-3 rounded-[10px] text-[11.5px] text-primary font-bold text-center",style:{background:"#EEF2FB"}}

1,"$120 per session · save 20% vs one-off")),k=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"flex items-center gap-2.5 mb-3.5 pb-3.5 border-b border-gray-200"},o.createElement("div",{className:"w-9 h-9 rounded-[9px] grid place-items-center text-[17px]",style:{background:"#EFEEFE",color:"#635BFF"}},o.createElement(s.g,{icon:n.yFx})),o.createElement("div",null,o.createElement("b",{className:"block text-[14px] text-shark"},"Stripe"),o.createElement("small",{className:"text-[11.5px] font-bold",style:{color:"#5E8A2A"}},"Connected"))),o.createElement("div",{className:"flex items-center justify-between py-3 px-3.5 border border-gray-200 rounded-[10px] mb-2.5"},o.createElement("span",{className:"text-[13px] text-gray-500 font-semibold"},"Coaching pack · 5 sessions"),o.createElement("b",{className:"text-[18px] text-shark"},"$600.00")),o.createElement("div",{className:"text-center text-[12.5px] font-bold text-white py-2.5 rounded-[10px]",style:{background:d}},"Pay & book package")),N=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"flex items-center justify-between mb-3"},o.createElement("b",{className:"text-[14px] text-shark"},"Coaching pack"),o.createElement("small",{className:"text-[11px] text-primary font-bold uppercase",style:{letterSpacing:".06em"}},"2 of 5 used")),o.createElement("div",{className:"h-3 rounded-md overflow-hidden mb-3.5",style:{background:"#F1F3F6"}},o.createElement("div",{className:"h-full",style:{width:"40%",background:d}})),o.createElement("div",{className:"flex flex-col gap-2"},[{done:!0,label:"Session 1 · Nov 11"},{done:!0,label:"Session 2 · Nov 18"},{done:!1,label:"Session 3 · not booked"}].map(((e,t)=>o.createElement("div",{key:t,className:"flex items-center gap-2.5 py-2 px-3 border border-gray-200 rounded-[9px] text-[12.5px] font-semibold",style:{color:e.done?"#9AA1A9":"#4A5568"}},e.done?o.createElement("span",{className:"w-[18px] h-[18px] rounded-full text-white grid place-items-center text-[8px] flex-none",style:{background:"#5E8A2A"}},o.createElement(s.g,{icon:l.e68})):o.createElement("span",{className:"w-[18px] h-[18px] rounded-full border-2 border-gray-300 flex-none"}),e.label))))),w=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"flex items-center gap-2 py-2.5 px-3 rounded-[10px] text-[12.5px] text-gray-700 font-bold mb-3.5",style:{background:"#EEF2FB",fontFamily:"ui-monospace,Menlo,monospace"}},o.createElement(s.g,{icon:l.CQO,style:{color:"#577BCB"}})," calendar.com/laura/pack",o.createElement("span",{className:"ml-auto text-gray-400",style:{fontFamily:"inherit"}},o.createElement(s.g,{icon:r.jPR})," Copy")),o.createElement("div",{className:"flex items-center gap-2.5 py-2.5 px-3 border border-gray-200 rounded-[10px] mb-2.5"},o.createElement("span",{className:"w-5 h-5 rounded-full text-white grid place-items-center text-[9px] flex-none",style:{background:"#5E8A2A"}},o.createElement(s.g,{icon:l.e68})),o.createElement("span",{className:"flex-1 text-[12.5px] font-semibold text-shark"},"Paid · 5-session pack"),o.createElement("small",{className:"text-[10.5px] text-gray-400 font-bold"},"Link active")),o.createElement("div",{className:"flex flex-col gap-2"},o.createElement("div",{className:"flex items-center gap-2.5 py-2 px-3 border border-gray-200 rounded-[9px] text-[12.5px] font-semibold text-gray-700"},o.createElement(s.g,{icon:l.wM0,className:"w-4 text-center text-[12px]",style:{color:"#577BCB"}})," Book all 5 now"),o.createElement("div",{className:"flex items-center gap-2.5 py-2 px-3 border border-gray-200 rounded-[9px] text-[12.5px] font-semibold text-gray-700"},o.createElement(s.g,{icon:r.a$,className:"w-4 text-center text-[12px]",style:{color:"#577BCB"}})," Or come back later")),o.createElement("div",{className:"mt-3 py-2.5 px-3 rounded-[10px] text-[11.5px] text-primary font-bold text-center",style:{background:"#EEF2FB"}},"Link stays live until every session is booked")),v=()=>o.createElement(b,{style:{padding:22}},o.createElement("div",{className:"flex items-center gap-2.5 mb-3.5 pb-3.5 border-b border-gray-200"},o.createElement("div",{className:"w-9 h-9 rounded-[9px] grid place-items-center text-[17px]",style:{background:"#EFEEFE",color:"#635BFF"}},o.createElement(s.g,{icon:n.yFx})),o.createElement("div",null,o.createElement("b",{className:"block text-[14px] text-shark"},"Stripe connected"),o.createElement("small",{className:"text-[11.5px] font-bold",style:{color:"#5E8A2A"}},"Payouts to your account")),o.createElement("span",{className:"ml-auto w-[22px] h-[22px] rounded-full text-white grid place-items-center text-[10px]",style:{background:"#5E8A2A"}},o.createElement(s.g,{icon:l.e68}))),o.createElement("div",{className:"text-[10px] font-bold uppercase text-gray-400 mb-2.5",style:{letterSpacing:".1em"}},"Accepted payment methods"),o.createElement("div",{className:"grid gap-2",style:{gridTemplateColumns:"1fr 1fr"}},[{icon:l.$O8,label:"Cards",color:"#577BCB"},{icon:n.KLg,label:"Apple Pay",color:"#20262B",big:!0},{icon:n.jgS,label:"Google Pay",color:"#4285F4",big:!0},{icon:l.zm_,label:"Link",color:"#635BFF"}].map(((e,t)=>o.createElement("div",{key:t,className:"flex items-center gap-2 py-2.5 px-3 border border-gray-200 rounded-[10px] text-[12.5px] font-semibold text-gray-700"},o.createElement(s.g,{icon:e.icon,className:"w-4 text-center",style:{color:e.color,fontSize:e.big?16:13}})," ",e.label))))),F=[{icon:l.LJS,title:"Packages",body:"Bundle multiple sessions into one paid offer."},{icon:l.$O8,title:"Paid up front",body:"Full amount collected at booking."},{icon:n.yFx,title:"Your Stripe",body:"Connect your account and accept every method."},{icon:l.CQO,title:"Custom paid link",body:"Clients book all now or come back later."},{icon:l.Tsj,title:"Usage tracking",body:"Count down sessions as they're booked."},{icon:l.I46,title:"Better value",body:"Reward clients who commit to a package."}],S=[{q:"What is a bundle payment?",a:"It's a package of several sessions sold as one offer at a single price, paid in full when the client books."},{q:"How do clients pay?",a:"Connect Stripe and clients pay for the whole package at checkout. No invoicing or manual follow-up needed."},{q:"How are the sessions booked?",a:"Once paid, the client books each session from your availability, and Calendar tracks how many are left in the package."},{q:"Who is this for?",a:"Coaches, tutors, trainers, therapists and consultants, anyone who sells their time in multi-session blocks."}];t.default=()=>{const{0:e,1:t}=(0,o.useState)(0);return o.createElement(c.A,{hasNavbar:!0,hasFooter:!0},o.createElement(i.A,{page:"bundle-payments"}),o.createElement("section",{className:"relative overflow-hidden",style:{background:p,padding:"84px 0 76px"}},o.createElement("div",{className:"max-w-[1200px] mx-auto px-8 grid gap-14 items-center",style:{gridTemplateColumns:"1.05fr 1fr"}},o.createElement("div",null,o.createElement("span",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white border border-gray-200 text-[12.5px] font-semibold text-gray-500"},o.createElement("span",{className:"w-[7px] h-[7px] rounded-full",style:{background:"#5E8A2A"}})," Product · Bundle Payments · Coming soon"),o.createElement("h1",{className:"font-light text-shark mt-5 mb-4",style:{fontSize:"clamp(40px,5.2vw,68px)",lineHeight:1.05,letterSpacing:"-.02em"}},"Sell packages, ",o.createElement("em",{className:"not-italic font-semibold bg-clip-text text-transparent",style:{backgroundImage:d}},"paid up front.")),o.createElement("p",{className:"text-fg-2 mb-7",style:{fontSize:19,lineHeight:1.6,maxWidth:600}},"Bundle several sessions into one package and collect payment at booking with Stripe. Ideal for coaching blocks, lesson packs, and any multi-session 

1work you'd rather sell as a whole."),o.createElement("div",{className:"flex gap-3 flex-wrap"},o.createElement("a",{href:`${m.oO}/signup`,className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-[10px] font-semibold text-[15px] text-white",style:{background:d,boxShadow:"0 12px 24px -8px rgba(87,123,203,.45)"}},"Get started"),o.createElement("a",{href:"#how",className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-[10px] font-semibold text-[15px] text-shark bg-white border border-gray-300"},"See how it works"))),o.createElement(E,null))),o.createElement("section",{id:"how",className:"pt-24 pb-10"},o.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},o.createElement(y,{pill:"Building on payments",title:o.createElement(o.Fragment,null,"Payments you know, ",o.createElement("b",{className:"font-semibold"},"now in packages.")),body:"You've been able to collect a single payment at booking for a while. Bundle Payments expands that, so instead of charging one session at a time you can sell a whole package of sessions up front, in one checkout.",linkText:"See single-event payments",linkHref:"/scheduling",visual:o.createElement(f,null)}),o.createElement(y,{reverse:!0,pill:"Build a package",title:o.createElement(o.Fragment,null,"Bundle sessions ",o.createElement("b",{className:"font-semibold"},"into one offer.")),body:"Group several events into a single package with one price. Set how many sessions it includes, how long each runs, and when they can be booked.",linkText:"See scheduling",linkHref:"/scheduling",visual:o.createElement(h,null)}),o.createElement(y,{pill:"Paid at checkout",title:o.createElement(o.Fragment,null,"Collect the full amount ",o.createElement("b",{className:"font-semibold"},"up front.")),body:"Connect Stripe and the whole package is paid when the client books. No invoicing, no chasing, no awkward reminders. The money's in before session one.",linkText:"See integrations",linkHref:"/automation",visual:o.createElement(k,null)}),o.createElement(y,{reverse:!0,pill:"Track usage",title:o.createElement(o.Fragment,null,"See what's ",o.createElement("b",{className:"font-semibold"},"been used.")),body:"As clients book each session, Calendar counts down what's left in the package, so both of you always know how many sessions remain.",linkText:"Get started",linkHref:`${m.oO}/signup`,visual:o.createElement(N,null)}),o.createElement(y,{pill:"Custom paid link",title:o.createElement(o.Fragment,null,"One paid link, ",o.createElement("b",{className:"font-semibold"},"booked on their time.")),body:"After a client pays for a package, they get a personal booking link. They can schedule every session at once, or come back later and book the rest whenever it suits them. The link stays live until the package is used up.",linkText:"Get started",linkHref:`${m.oO}/signup`,visual:o.createElement(w,null)}),o.createElement(y,{reverse:!0,pill:"Connect Stripe",title:o.createElement(o.Fragment,null,"Your Stripe account, ",o.createElement("b",{className:"font-semibold"},"your money.")),body:"Connect your own Stripe account in a click and payments land directly with you. Accept every method Stripe supports, from cards to Apple Pay, Google Pay, Link and more, with no extra setup on your side.",linkText:"See integrations",linkHref:"/automation",visual:o.createElement(v,null)}))),o.createElement("section",{className:"py-24",style:{background:"#FAFBFF"}},o.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},o.createElement(u,{kicker:"Why bundle payments",title:o.createElement(o.Fragment,null,"Sell more, ",o.createElement("b",{className:"font-semibold"},"chase less."))}),o.createElement("div",{className:"grade-grid-bp",style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",columnGap:24,rowGap:36}},F.map(((e,t)=>o.createElement("div",{key:t,style:{textAlign:"center",padding:8}},o.createElement("div",{style:{width:52,height:52,borderRadius:14,background:"#EEF2FB",color:"#577BCB",display:"grid",placeItems:"center",fontSize:21,margin:"0 auto 16px"}},o.createElement(s.g,{icon:e.icon})),o.createElement("h4",{style:{fontSize:16,fontWeight:600,color:"#20262B",margin:"0 0 6px"}},e.title),o.createElement("p",{style:{fontSize:13.5,lineHeight:1.55,color:"#5B6570",margin:0}},e.body))))),o.createElement("style",null,"\n            @media (max-width: 880px) {\n              .grade-grid-bp { grid-template-columns: 1fr 1fr !important; column-gap: 20px !important; row-gap: 32px !important; }\n            }\n          "))),o.createElement("section",{className:"py-24"},o.createElement("div",{className:"max-w-[900px] mx-auto px-8"},o.createElement(u,{kicker:"FAQ",title:o.createElement(o.Fragment,null,"Bundle payments, ",o.createElement("b",{className:"font-semibold"},"questioned."))}),o.createElement("div",{className:"flex flex-col gap-3"},S.map(((a,n)=>{const r=e===n;return o.createElement("div",{key:n,className:"border border-gray-200 rounded-[14px] overflow-hidden bg-white"},o.createElement("button",{onClick:()=>t(r?-1:n),className:"w-full text-left py-4 px-5 flex items-center justify-between text-[15.5px] font-semibold text-shark"},a.q,o.createElement("span",{className:"w-6 h-6 rounded-full grid place-items-center text-[11px]",style:{background:"#EEF2FB",color:"#577BCB",transform:r?"rotate(45deg)":"none",transition:"transform .15s"}},o.createElement(s.g,{icon:l.QLR}))),r&&o.createElement("div",{className:"px-5 pb-4 text-[14.5px] text-gray-500 leading-relaxed"},a.a))}))))),o.createElement("section",{className:"py-24 text-center",style:{background:p}},o.createElement("div",{className:"max-w-[900px] mx-auto px-8"},o.createElement("h2",{className:"font-light text-shark mb-3",style:{fontSize:"clamp(32px,3.4vw,46px)",lineHeight:1.1,letterSpacing:"-.02em"}}

1,"Package your time, ",o.createElement("b",{className:"font-semibold"},"get paid up front.")),o.createElement("p",{className:"text-[17px] text-fg-2 mb-6 max-w-2xl mx-auto"},"Create your free account and sell your first session bundle in minutes."),o.createElement("div",{className:"flex gap-3 justify-center flex-wrap"},o.createElement("a",{href:`${m.oO}/signup`,className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-[10px] font-semibold text-[15px] text-white",style:{background:d,boxShadow:"0 12px 24px -8px rgba(87,123,203,.45)"}},"Get started"),o.createElement("a",{href:"/about",className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-[10px] font-semibold text-[15px] text-shark bg-white border border-gray-300"},"Contact sales")))))}}}]);