https://checkoutpage.com/_next/static/chunks/pages/payment-pop-up-fcb56f97cd7f31cb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4250],{17306:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var a=s(73539),r=s(86229),l=s.n(r);s(42731);let n=()=>(0,a.jsx)("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",className:"h-4 w-4 text-gray-900",children:(0,a.jsx)("path",{fill:"currentColor",d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"})});function i(e){let{quote:t="Checkout Page has been a game changer in our ability to rapidly test and iterate on conversion funnels, sales landing page designs and pricing for our subscription offerings. Support has been incredible and the business impact undeniable!",authorName:s="Ben Friedmann",authorRole:r="Chief Revenue Officer",authorCompany:i="The New York Sun",authorImage:o="/img/ben-friedmann.jpg"}=e;return(0,a.jsx)("section",{className:"py-16 lg:py-24 bg-white",children:(0,a.jsx)("div",{className:"mx-auto max-w-3xl px-6 lg:px-8",children:(0,a.jsxs)("figure",{className:"relative",children:[(0,a.jsxs)("blockquote",{className:"relative text-center",children:[(0,a.jsx)("div",{className:"flex justify-center mb-4",children:(0,a.jsx)("div",{className:"flex gap-0.5",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,a.jsx)(n,{},t))})}),(0,a.jsxs)("p",{className:"text-lg sm:text-xl text-gray-700 leading-relaxed font-normal",children:['"',t,'"']})]}),(0,a.jsx)("figcaption",{className:"mt-8",children:(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)(l(),{alt:"".concat(s," from ").concat(i),src:o,className:"mx-auto size-12 rounded-full ring-2 ring-gray-100",width:48,height:48}),(0,a.jsxs)("div",{className:"mt-3 text-center",children:[(0,a.jsx)("div",{className:"font-medium text-gray-900 text-sm",children:s}),(0,a.jsxs)("div",{className:"text-gray-500 text-sm",children:[r?"".concat(r,", "):"",i]})]})]})})]})})})}},36953:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var a=s(73539);s(42731);var r=s(48792),l=s.n(r),n=s(54550);function i(e){let{item:t}=e;return(0,a.jsxs)("h3",{className:"flex items-center text-lg font-semibold ".concat(t.dark?"text-white":"text-gray-900"),children:[t.title,t.href&&(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"ml-1.5 h-4 w-4 opacity-0 -translate-x-1 transition-all group-hover:opacity-100 group-hover:translate-x-0",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})}function o(e){let{item:t}=e,s=t.dark?"bg-neutral-900 border-neutral-900":"bg-white border-gray-200/60 ".concat(t.href?"transition-colors hover:border-gray-900":""),r=t.wide?"md:col-span-2":"",n=t.href?l():"div",o=t.href?{href:t.href}:{},c=(0,a.jsx)("p",{className:"mt-2 text-[15px] leading-relaxed ".concat(t.dark?"text-gray-400":"text-gray-600"),children:t.description}),d=t.icon&&(0,a.jsx)("div",{className:"mb-4 flex h-10 w-10 items-center justify-center rounded-[10px] ".concat(t.chip||"bg-gray-50 text-gray-900"),children:(0,a.jsx)(t.icon,{className:"h-5 w-5","aria-hidden":"true"})}),u=t.wide&&t.visual?(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-6 ".concat(t.alignTop?"sm:items-start":"sm:items-center"),children:[(0,a.jsxs)("div",{className:"sm:flex-1",children:[d,(0,a.jsx)(i,{item:t}),c]}),(0,a.jsx)("div",{className:"sm:flex-1",children:t.visual})]}):(0,a.jsxs)(a.Fragment,{children:[t.visual&&(0,a.jsx)("div",{className:"mb-5",children:t.visual}),d,(0,a.jsx)(i,{item:t}),c]});return(0,a.jsx)(n,{...o,className:"".concat("rounded-2xl border p-6"," ").concat(s," ").concat(r," ").concat(t.href?"group":""," ").concat(t.wide&&t.visual?"":"flex flex-col justify-center"),children:u})}function c(e){let{title:t,subtitle:s,items:r=[]}=e;return(0,a.jsx)("section",{className:"py-16 lg:py-24 bg-gray-50/50 border-t border-b border-gray-100",children:(0,a.jsxs)(n.A,{children:[(0,a.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,a.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:t}),s&&(0,a.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed text-balance",children:s})]}),(0,a.jsx)("div",{className:"mt-12 grid grid-cols-1 md:grid-cols-3 gap-4",children:r.map(e=>(0,a.jsx)(o,{item:e},e.title))})]})})}},49970:(e,t,s)=>{e.exports=s(40988)},55254:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var a=s(73539);s(42731);var r=s(54550);let l=[{slug:"new-york-sun",name:"The New York Sun",width:240},{slug:"veremark",name:"Veremark",width:205},{slug:"shift-nudge",name:"Shift Nudge",width:240},{slug:"amar-chitra-katha",name:"Amar Chitra Katha",width:76},{slug:"opera-southwest",name:"Opera Southwest",width:240},{slug:"miftaah-institute",name:"Miftaah Institute",width:129}];function n(e){let{logos:t=l,noBorder:s,large:n}=e;return(0,a.jsx)("section",{className:"".concat(n?"py-14 lg:py-16":"py-10"," ").concat(s?"":"border-b border-gray-100"),children:(0,a.jsx)(r.A,{children:(0,a.jsx)("ul",{"aria-label":"Businesses using Checkout Page",className:"grid grid-cols-3 items-center justify-items-center gap-x-6 gap-y-6 lg:flex lg:justify-between lg:gap-x-8",children:t.map(e=>

1(0,a.jsx)("li",{children:(0,a.jsx)("img",{src:"/img/customers/mono/".concat(e.slug,"-mono.webp"),alt:e.name,width:e.width,height:80,loading:"lazy",className:"w-auto max-w-full object-contain transition-opacity hover:opacity-100 ".concat(n?"h-10 opacity-70 sm:h-12 lg:h-14":"h-8 opacity-60 lg:h-10")})},e.name))})})})}},59833:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>k});var a=s(73539);s(42731);var r=s(48792),l=s.n(r),n=s(16998),i=s(53270),o=s(17306),c=s(91107),d=s(93486),u=s(15517),m=s(55254),p=s(36953),h=s(86330),x=s(39680);let g={title:"Checkout pop-up - Sell without sending customers away",description:"Open a branded checkout pop-up on top of your website, so customers pay without leaving the page. One snippet of code, on your own Stripe account."},y=[{question:"What is a checkout pop-up?",answer:(0,a.jsx)("p",{children:"A checkout pop-up (or payment pop-up) is a checkout that opens in an overlay on top of your page when a customer clicks a buy button. The customer pays and returns to your site without ever leaving it."})},{question:"How do I add a checkout pop-up to my website?",answer:(0,a.jsxs)("p",{children:["Add our script and a buy button snippet to your site. Any button, link, or image can trigger the pop-up. See the"," ",(0,a.jsx)("a",{href:"/docs/articles/share-and-embed-your-pages",className:"a",children:"setup guide"})," ","for details."]})},{question:"Does the pop-up work on mobile?",answer:(0,a.jsx)("p",{children:"Yes. On smaller screens the pop-up opens as a full-screen checkout optimized for mobile, with Apple Pay and Google Pay available."})},{question:"Can I use the pop-up on any website builder?",answer:(0,a.jsxs)("p",{children:["Yes. It works anywhere you can add custom code, including"," ",(0,a.jsx)(l(),{href:"/platforms/framer",className:"a",children:"Framer"}),","," ",(0,a.jsx)(l(),{href:"/platforms/webflow",className:"a",children:"Webflow"}),", WordPress, and custom sites."]})},{question:"What can I sell through a pop-up checkout?",answer:(0,a.jsx)("p",{children:"Everything Checkout Page supports: one-time payments, subscriptions, digital products with file delivery, event tickets, and donations."})}],f=()=>(0,a.jsx)("div",{"data-nosnippet":"",className:"mock-scope flex justify-center w-full",children:(0,a.jsxs)("div",{className:"mock-browser w-full max-w-md",children:[(0,a.jsxs)("div",{className:"mock-browser-bar",children:[(0,a.jsx)("span",{className:"mock-browser-dot"}),(0,a.jsx)("span",{className:"mock-browser-dot"}),(0,a.jsx)("span",{className:"mock-browser-dot"}),(0,a.jsx)("div",{className:"mock-browser-url",children:"yourstore.com"})]}),(0,a.jsxs)("div",{className:"mock-browser-page",children:[(0,a.jsx)("div",{className:"mock-skeleton is-long"}),(0,a.jsx)("div",{className:"mock-skeleton"}),(0,a.jsx)("div",{className:"mock-skeleton is-short"}),(0,a.jsx)("div",{className:"mock-mask","aria-hidden":"true"}),(0,a.jsxs)("div",{className:"mock-modal",children:[(0,a.jsxs)("div",{className:"mock-modal-head",children:[(0,a.jsx)("span",{className:"mock-browser-thumb",children:"\uD83D\uDCD8"}),(0,a.jsx)("span",{className:"mock-price is-lg",children:"$29"})]}),(0,a.jsx)("div",{className:"mock-browser-input",children:"[email protected]"}),(0,a.jsx)("span",{className:"mock-pay",children:"Pay $29"})]})]})]})}),b=()=>(0,a.jsx)("div",{className:"rounded-2xl p-3 border bg-gray-50 border-gray-100",children:(0,a.jsx)("div",{"data-nosnippet":"",className:"mock-scope flex justify-center w-full py-8",children:(0,a.jsxs)("div",{className:"mock w-full max-w-md",children:[(0,a.jsx)("div",{className:"mock-header",children:(0,a.jsxs)("div",{className:"mock-stack",children:[(0,a.jsx)("p",{className:"mock-eyebrow",children:"Pop-up triggers"}),(0,a.jsx)("p",{className:"mock-title is-lg",children:"Anything can open it"}),(0,a.jsx)("p",{className:"mock-sub",children:"One attribute on any element"})]})}),(0,a.jsx)("div",{className:"mock-divider"}),(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"A buy button"}

1),(0,a.jsx)("p",{className:"mock-sub",children:'"Buy now" in your hero'})]}),(0,a.jsx)("span",{className:"mock-badge",children:"Trigger"})]}),(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"A text link"}),(0,a.jsx)("p",{className:"mock-sub",children:'"Get the ebook" in your nav or footer'})]}),(0,a.jsx)("span",{className:"mock-badge",children:"Trigger"})]}),(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"A product image"}),(0,a.jsx)("p",{className:"mock-sub",children:"Click the photo, pay in the overlay"})]}),(0,a.jsx)("span",{className:"mock-badge",children:"Trigger"})]})]})})}),j=()=>(0,a.jsx)("div",{"data-nosnippet":"",className:"mock-scope w-full",children:(0,a.jsxs)("div",{className:"mock w-full",children:[(0,a.jsx)("div",{className:"mock-row is-tile",children:(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"Pop-up closed before payment"}),(0,a.jsx)("p",{className:"mock-sub",children:"[email protected] \xb7 $29 in cart"})]})}),(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"Recovery email sent"}),(0,a.jsx)("p",{className:"mock-sub",children:"2 hours later, automatically"})]}),(0,a.jsx)("span",{className:"mock-badge is-success",children:"Sent"})]})]})});function k(){return(0,a.jsxs)(n.A,{children:[(0,a.jsx)(i.A,{meta:g}),(0,a.jsx)(d.A,{title:"Sell with a checkout pop-up on your website",subtitle:"A customer clicks buy, a branded checkout opens on top of your page, and the payment is done. No redirects, no page rebuilds, on your own Stripe account.",children:(0,a.jsxs)("div",{className:"rounded-2xl bg-gray-50 border border-gray-100 p-4 sm:p-6",children:[(0,a.jsx)(f,{}),(0,a.jsxs)("div",{className:"mt-4 text-center",children:[(0,a.jsx)("button",{type:"button",className:"cp-button inline-flex items-center rounded-lg bg-neutral-900 hover:bg-black text-white px-6 py-2.5 text-lg font-semibold transition-all cursor-pointer","data-seller":"templates","data-checkout":"ebook",children:"Open a live pop-up"}),(0,a.jsx)("p",{className:"mt-2 text-xs text-gray-400",children:"Test mode, no real charges."})]})]})}),(0,a.jsx)(m.A,{}),(0,a.jsx)(u.A,{title:"Keep customers on the page that convinced them",intro:"Every redirect loses buyers. The pop-up removes the jump between deciding to buy and paying.",features:[{title:"Any element can trigger it",description:"Attach the pop-up to buttons, links, or images anywhere on your site with one attribute."},{title:"Fully branded",description:"Your logo, colors, custom fields, and product images, consistent with the page behind it."},{title:"Fast by default",description:"The checkout preloads in the background, so it opens instantly when clicked."}],children:(0,a.jsx)(b,{})}),(0,a.jsx)(p.A,{title:"Built to convert",subtitle:"The pop-up carries the full Checkout Page feature set.",items:[{title:"Cart recovery",href:"/cart-abandonment",description:"Email customers who close the pop-up without paying and win the sale back automatically.",visual:(0,a.jsx)(j,{}),wide:!0},{title:"Apple Pay and Google Pay",description:"Express payment methods built in, so mobile buyers pay in seconds."},{title:"Subscriptions",href:"/subscriptions",description:"Sell recurring plans and free trials, not just one-time payments."},{title:"Custom fields",description:"Collect sizes, notes, or any details you need before payment."},{title:"Order bumps and upsells",href:"/order-bumps",description:"Offer add-ons inside the pop-up and one-click upsells after payment.",dark:!0}]}),(0,a.jsx)(o.A,{quote:"Thanks, the service is well made. Exactly what Stripe should do to save time. I love your product, so many options and possibilities. Amazing UX and no bugs that is often rare in web apps.",authorName:"Patrice",authorRole:"",authorCompany:"Xproline.io",authorImage:"/img/examples/xprol

1ine.png"}),(0,a.jsx)(x.A,{frequentlyAskedQuestions:y,subtitle:"Everything you need to know about the checkout pop-up."}),(0,a.jsx)(h.A,{title:"Other ways to take the payment",pages:[{title:"Embedded checkout",href:"/embedded-checkout",description:"Put the checkout inline on the page instead of an overlay."},{title:"Payment links",href:"/payment-links",description:"Sell in emails, DMs and ads with a shareable link."},{title:"Hosted payment page",href:"/hosted-payment-page",description:"A ready-made page we host, branded as yours."},{title:"Sales funnels",href:"/sales-funnels",description:"Chain pop-ups, forms and upsells into one flow."}]}),(0,a.jsx)(c.A,{title:"Add a pop-up checkout to your site",description:"Create a checkout, add the buy button snippet, and sell without sending customers away. Free up to $3K in monthly sales."})]})}},86330:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var a=s(73539);s(42731);var r=s(48792),l=s.n(r),n=s(54550);function i(e){let{title:t="Keep exploring",subtitle:s,pages:r=[]}=e,i=3===r.length?"md:grid-cols-3":"md:grid-cols-2 lg:grid-cols-4";return(0,a.jsx)("section",{className:"py-16 lg:py-24 border-t border-gray-100",children:(0,a.jsxs)(n.A,{children:[(0,a.jsxs)("div",{className:"max-w-2xl",children:[(0,a.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:t}),s&&(0,a.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed",children:s})]}),(0,a.jsx)("div",{className:"mt-10 grid grid-cols-1 gap-4 ".concat(i),children:r.map(e=>(0,a.jsxs)(l(),{href:e.href,className:"group rounded-2xl border border-gray-200/60 bg-white p-6 transition-colors hover:border-gray-900",children:[(0,a.jsxs)("h3",{className:"flex items-center text-lg font-semibold text-gray-900",children:[e.title,(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"ml-1.5 h-4 w-4 opacity-0 -translate-x-1 transition-all group-hover:opacity-100 group-hover:translate-x-0",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]}),(0,a.jsx)("p",{className:"mt-2 text-[15px] text-gray-600 leading-relaxed",children:e.description})]},e.href))})]})})}},91107:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var a=s(73539);s(42731);var r=s(48792),l=s.n(r),n=s(42391),i=s(54550),o=s(79341);function c(e){let{title:t="Start selling in minutes",description:s="Create your first checkout, embed it or share the link, and get paid. Free up to $3K in monthly sales.",buttonText:r="Start selling for free",buttonHref:c="/signup",buttonExternal:d=!1,footnote:u="Free plan available. No credit card needed.",showDemoCta:m=!0,theme:p="light"}=e,h="dark"===p;return(0,a.jsx)("section",{className:"py-20 lg:py-28 ".concat(h?"bg-neutral-950":"bg-gray-50/50 border-t border-b border-gray-100"),children:(0,a.jsx)(i.A,{children:(0,a.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,a.jsx)("h2",{className:"text-3xl sm:text-5xl font-medium tracking-[-0.02em] text-balance ".concat(h?"text-white":"text-gray-900"),children:t}),(0,a.jsx)("p",{className:"mt-4 text-lg leading-relaxed text-balance ".concat(h?"text-gray-300":"text-gray-600"),children:s}),(0,a.jsxs)("div",{className:"mt-8 flex flex-col sm:flex-row items-center justify-center gap-3",children:[(0,a.jsx)(n.Ay,{href:c,variant:h?"light":"dark",cta:!0,...d?{target:"_blank",rel:"noopener noreferrer"}:{},children:r}),m&&(0,a.jsxs)(l(),{href:o.Gw,className:"".concat(o.YB," inline-flex items-center px-6 py-2.5 text-lg font-semibold transition-colors ").concat(h?"text-white hover:text-gray-300":"text-gray-900 hover:text-gray-600"),children:["Book a demo",(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"h-4 w-4 ml-2",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]}),u&&(0,a.jsx)("p",{className:"mt-6 text-sm ".concat(h?"text-gray-400":"text-gray-500"),children:u})]})})})}},93477:(e,t,s)=>{"use strict";s.d(t,{E:()=>S});var a,r=s(42731),l=s(80965),n=s(15230),i=s(38443),o=s(78265),c=s(67821),d=s(66933),u=s(30867),m=s(90857),p=s(59234);let h=null!=(a=r.startTransition)?a:function(e){e()};

1var x=s(97436),g=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(g||{}),y=(e=>(e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.CloseDisclosure=1]="CloseDisclosure",e[e.SetButtonId=2]="SetButtonId",e[e.SetPanelId=3]="SetPanelId",e[e.LinkPanel=4]="LinkPanel",e[e.UnlinkPanel=5]="UnlinkPanel",e))(y||{});let f={0:e=>({...e,disclosureState:(0,u.Y)(e.disclosureState,{0:1,1:0})}),1:e=>1===e.disclosureState?e:{...e,disclosureState:1},4:e=>!0===e.linkedPanel?e:{...e,linkedPanel:!0},5:e=>!1===e.linkedPanel?e:{...e,linkedPanel:!1},2:(e,t)=>e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},3:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}},b=(0,r.createContext)(null);function j(e){let t=(0,r.useContext)(b);if(null===t){let t=Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,j),t}return t}b.displayName="DisclosureContext";let k=(0,r.createContext)(null);k.displayName="DisclosureAPIContext";let v=(0,r.createContext)(null);function w(e,t){return(0,u.Y)(t.type,f,e,t)}v.displayName="DisclosurePanelContext";let N=r.Fragment,P=p.O5.RenderStrategy|p.O5.Static,S=Object.assign((0,p.FX)(function(e,t){let{defaultOpen:s=!1,...a}=e,n=(0,r.useRef)(null),i=(0,o.P)(t,(0,o.a)(e=>{n.current=e},void 0===e.as||e.as===r.Fragment)),d=(0,r.useRef)(null),h=(0,r.useRef)(null),x=(0,r.useReducer)(w,{disclosureState:+!s,linkedPanel:!1,buttonRef:h,panelRef:d,buttonId:null,panelId:null}),[{disclosureState:g,buttonId:y},f]=x,j=(0,l._)(e=>{f({type:1});let t=(0,m.T)(n);if(!t||!y)return;let s=e?e instanceof HTMLElement?e:e.current instanceof HTMLElement?e.current:t.getElementById(y):t.getElementById(y);null==s||s.focus()}),v=(0,r.useMemo)(()=>({close:j}),[j]),P=(0,r.useMemo)(()=>({open:0===g,close:j}),[g,j]);return r.createElement(b.Provider,{value:x},r.createElement(k.Provider,{value:v},r.createElement(c.El,{value:(0,u.Y)(g,{0:c.Uw.Open,1:c.Uw.Closed})},(0,p.XX)({ourProps:{ref:i},theirProps:a,slot:P,defaultTag:N,name:"Disclosure"}))))}),{Button:(0,p.FX)(function(e,t){let s=(0,n.B)(),{id:a=`headlessui-disclosure-button-${s}`,...c}=e,[u,m]=j("Disclosure.Button"),h=(0,r.useContext)(v),g=null!==h&&h===u.panelId,y=(0,r.useRef)(null),f=(0,o.P)(y,t,g?null:u.buttonRef),b=(0,p.cq)();(0,r.useEffect)(()=>{if(!g)return m({type:2,buttonId:a}),()=>{m({type:2,buttonId:null})}},[a,m,g]);let k=(0,l._)(e=>{var t;if(g){if(1===u.disclosureState)return;switch(e.key){case x.D.Space:case x.D.Enter:e.preventDefault(),e.stopPropagation(),m({type:0}),null==(t=u.buttonRef.current)||t.focus()}}else switch(e.key){case x.D.Space:case x.D.Enter:e.preventDefault(),e.stopPropagation(),m({type:0})}}),w=(0,l._)(e=>{e.key===x.D.Space&&e.preventDefault()}),N=(0,l._)(t=>{var s;(0,d.l)(t.currentTarget)||e.disabled||(g?(m({type:0}),null==(s=u.buttonRef.current)||s.focus()):m({type:0}))}),P=(0,r.useMemo)(()=>({open:0===u.disclosureState}),[u]),S=(0,i.c)(e,y),A=g?{ref:f,type:S,onKeyDown:k,onClick:N}:{ref:f,id:a,type:S,"aria-expanded":0===u.disclosureState,"aria-controls":u.linkedPanel?u.panelId:void 0,onKeyDown:k,onKeyUp:w,onClick:N};return(0,p.XX)({mergeRefs:b,ourProps:A,theirProps:c,slot:P,defaultTag:"button",name:"Disclosure.Button"})}),Panel:(0,p.FX)(function(e,t){let s=(0,n.B)(),{id:a=`headlessui-disclosure-panel-${s}`,...l}=e,[i,d]=j("Disclosure.Panel"),{close:u}=function e(t){let s=(0,r.useContext)(k);if(null===s){let s=Error(`<${t} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,e),s}return s}("Disclosure.Panel"),m=(0,p.cq)(),x=(0,o.P)(t,i.panelRef,e=>{h(()=>d({type:e?4:5}))});(0,r.useEffect)(()=>(d({type:3,panelId:a}),()=>{d({type:3,panelId:null})}),[a,d]);let g=(0,c.O_)(),y=null!==g?(g&c.Uw.Open)===c.Uw.Open:0===i.disclosureState,f=(0,r.useMemo)(()=>({open:0===i.disclosureState,close:u}),[i,u]);return r.createElement(v.Provider,{value:i.panelId},(0,p.XX)({mergeRefs:m,ourProps:{ref:x,id:a},theirProps:l,slot:f,defaultTag:"div",features:P,visible:y,name:"Disclosure.Panel"}))})})},93486:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var a=s(73539);s(42731);var r=s(48792),l=s.n(r),n=s(42391),i=s(54550),o=s(89612);function c(e){let{title:t,subtitle:s,primaryCta:r,secondaryCta:c,frame:d,noBorder:u,children:m}=e;return(0,a.jsx)("section",{className:"pt-12 lg:pt-20 pb-12 lg:pb-20 ".concat(u?"":"border-b border-gray-100"),children:(0,a.jsx)(i.A,{children:(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-4xl sm:text-5xl font-semibold tracking-[-0.03em] text-gray-900 text-balance",children:t}),(0,a.jsx)("p",{className:"mt-5 max-w-xl text-lg text-gray-600 leading-relaxed",children:s}),(0,a.jsxs)("div",{className:"mt-8 flex flex-col sm:flex-row items-start sm:items-center gap-3",children:[(0,a.jsx)(n.Ay,{href:(null==r?void 0:r.href)||"/signup",variant:"dark",cta:!0,...(null==r?void 0:r.external)?{target:"_blank",rel:"noopener noreferrer"}:{},children:(null==r?void 0:r.label)||"Start selling for free"}),c&&(0,a.jsxs)(l(),{href:c.href,className:"inline-flex items-center px-4 py-2.5 text-lg font-semibold text-gray-900 hover:text-gray-600 transition-colors ".concat(c.className||""),...c.external?{target:"_blank",rel:"noopener noreferrer"}:{},children:[c.label,(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"h-4 w-4 ml-2",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]}),(0,a.jsx)("div",{className:"mt-10",children:(0,a.jsx)(o.A,{})})]}),(0,a.jsx)("div",{children:d?(0,a.jsx)("div",{className:"rounded-2xl border border-gray-100 bg-gray-50 px-6 py-10 lg:py-14",children:m}):m})]})})})}},98662:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/payment-pop-up",function(){return s(59833)}])}},e=>{var t=t=>e(e.s=t);e.O(0,[6593,6411,5906,2595,8490,6998,3605,636,8792],()=>t(98662)),_N_E=e.O()}]);