1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8756],{17306:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var a=s(73539),r=s(86229),n=s.n(r);s(42731);let l=()=>(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)(l,{},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)(n(),{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),n=s.n(r),l=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":"",l=t.href?n():"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"})}),m=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)(l,{...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:m})}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)(l.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))})]})})}},49546:(e,t,s)=>{"use strict";s.d(t,{A:()=>m});var a=s(73539);function r(){return(0,a.jsx)("div",{className:"flex w-[300px] flex-none",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-3 rounded-2xl border border-[#e8e0cd] bg-[#faf6ec] p-5 font-serif text-[#17130b] shadow-[0_12px_32px_rgba(11,18,32,0.10)]",children:[(0,a.jsx)("div",{className:"text-center text-xl font-bold italic",children:"The Daily Ledger"}),(0,a.jsx)("div",{className:"h-0.5 bg-[#17130b]"}),(0,a.jsx)("p",{className:"text-current text-base font-semibold",children:"All-access digital"}),(0,a.jsx)("p",{className:"text-current -mt-2 text-xs opacity-70",children:"Unlimited reading on web and app"}),(0,a.jsxs)("div",{className:"text-[22px] font-bold",children:["$8 ",(0,a.jsx)("span",{className:"text-xs font-medium opacity-60",children:"/month"})]}),(0,a.jsx)("div",{className:"rounded-sm border border-[#17130b]/30 bg-[#fffdf7] px-3 py-2.5 text-xs opacity-75",children:"Email address"}),(0,a.jsx)("div",{className:"mt-auto rounded-sm bg-[#17130b] px-3 py-3 text-center text-[13px] font-semibold text-[#faf6ec]",children:"Subscribe"}),(0,a.jsx)("div",{className:"text-center text-[11px] opacity-60",children:"Cancel anytime"})]})})}function n(){return(0,a.jsx)("div",{className:"flex w-[300px] flex-none",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-3 rounded-2xl bg-[#0f1117] p-5 text-[#f4f6fb] shadow-[0_12px_32px_rgba(11,18,32,0.10)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[13px] font-semibold",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"
1currentColor",className:"h-3.5 w-3.5",children:(0,a.jsx)("path",{d:"M8 6.5v11l9-5.5z"})}),"Draftly.ai"]}),(0,a.jsx)("p",{className:"text-current text-base font-semibold",children:"Creator plan"}),(0,a.jsxs)("div",{className:"flex gap-1.5",children:[(0,a.jsxs)("div",{className:"flex-1 rounded-lg border border-[#f4f6fb]/15 px-1 py-2 text-center text-[11px] leading-snug",children:["Starter",(0,a.jsx)("span",{className:"block text-[13px] font-bold",children:"$19"})]}),(0,a.jsxs)("div",{className:"flex-1 rounded-lg border border-[#c8f169] bg-[#c8f169]/10 px-1 py-2 text-center text-[11px] leading-snug",children:["Pro",(0,a.jsx)("span",{className:"block text-[13px] font-bold",children:"$29"})]}),(0,a.jsxs)("div",{className:"flex-1 rounded-lg border border-[#f4f6fb]/15 px-1 py-2 text-center text-[11px] leading-snug",children:["Team",(0,a.jsx)("span",{className:"block text-[13px] font-bold",children:"$59"})]})]}),(0,a.jsx)("div",{className:"rounded-lg border border-[#f4f6fb]/20 px-3 py-2.5 text-xs opacity-75",children:"Email address"}),(0,a.jsx)("div",{className:"mt-auto rounded-lg bg-[#c8f169] px-3 py-3 text-center text-[13px] font-semibold text-[#10130a]",children:"Start 7-day free trial"}),(0,a.jsx)("div",{className:"text-center text-[11px] opacity-60",children:"Then $29/mo. Cancel anytime."})]})})}function l(){return(0,a.jsx)("div",{className:"flex w-[600px] flex-none",children:(0,a.jsxs)("div",{className:"flex w-full overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-[0_12px_32px_rgba(11,18,32,0.10)]",children:[(0,a.jsx)("div",{className:"flex w-[46%] flex-none items-center justify-center bg-[#6d28d9]",children:(0,a.jsx)("span",{className:"font-serif text-7xl leading-none text-white",children:"Aa"})}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col gap-2.5 p-5 text-[#16121f]",children:[(0,a.jsx)("div",{className:"text-[11px] font-semibold tracking-[0.22em]",children:"FORMA"}),(0,a.jsx)("p",{className:"text-current text-base font-semibold",children:"Brand Identity Kit"}),(0,a.jsx)("p",{className:"text-current -mt-1.5 text-xs opacity-70",children:"Logo files, type scale, and color tokens"}),(0,a.jsx)("div",{className:"text-[22px] font-bold",children:"$48"}),(0,a.jsx)("div",{className:"rounded-lg border border-[#16121f]/15 px-3 py-2.5 text-xs opacity-75",children:"Email address"}),(0,a.jsx)("div",{className:"mt-auto rounded-lg bg-[#6d28d9] px-3 py-3 text-center text-[13px] font-semibold text-white",children:"Buy now"})]})]})})}function i(){return(0,a.jsx)("div",{className:"flex w-[600px] flex-none",children:(0,a.jsxs)("div",{className:"flex w-full overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-[0_12px_32px_rgba(11,18,32,0.10)]",children:[(0,a.jsxs)("div",{className:"flex w-[46%] flex-none flex-col gap-2.5 bg-[#1e4fd8] p-5 text-white",children:[(0,a.jsxs)("div",{className:"w-[46px] overflow-hidden rounded-lg bg-white text-center font-bold text-[#101828]",children:[(0,a.jsx)("span",{className:"block bg-[#16204a] py-0.5 text-[9px] tracking-widest text-white",children:"SEP"}),(0,a.jsx)("span",{className:"block py-1 text-lg",children:"18"})]}),(0,a.jsx)("p",{className:"text-current text-lg font-semibold",children:"Beacon Summit 2026"}),(0,a.jsx)("p",{className:"text-current -mt-1.5 text-xs opacity-85",children:"Pier 27, San Francisco"}),(0,a.jsxs)("div",{className:"mt-auto text-[22px] font-bold",children:["$99 ",(0,a.jsx)("span",{className:"text-xs font-medium opacity-80",children:"General admission"})]})]}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col gap-2 p-5 text-[#101828]",children:[(0,a.jsx)("div",{className:"text-xs font-semibold",children:"Email"}),(0,a.jsx)("div",{className:"rounded-lg border border-[#101828]/15 px-3 py-2.5 text-xs opacity-75",children:"[email protected]"}),(0,a.jsx)("div",{className:"text-xs font-semibold",children:"Card"}),(0,a.jsx)("div",{className:"rounded-lg border border-[#101828]/15 px-3 py-2.5 text-xs opacity-75",children:"1234 1234 1234 1234"}),(0,a.jsx)("div",{className:"mt-auto rounded-lg bg-[#1e4fd8] px-3 py-3 text-center text-[13px] font-semibold text-white",children:"Get tickets"})]})]})})}function o(){return(0,a.jsx)("div",{className:"flex w-[300px] flex-none",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-3 rounded-2xl bg-[#22382e] p-5 text-[#efe9dc] shadow-[0_12px_32px_rgba(11,18,32,0.10)]",children:[(0,a.jsx)("div",{className:"text-[13px] font-semibold",children:"Meridian & Co."}),(0,a.jsx)("p",{className:"text-current font-serif text-lg font-semibold",children:"Private itinerary consult"}),(0,a.jsx)("p",{className:"text-current -mt-2 text-xs opacity-70",children:"60 minutes, one on one"}),(0,a.jsx)("div",{className:"text-[22px] font-bold",children:"$150"}),(0,a.jsx)("div",{className:"rounded-lg border border-[#efe9dc]/30 px-3 py-2.5 text-xs opacity-75",children:"Pick a date"}),(0,a.jsx)("div",{className:"mt-auto rounded-lg bg-[#efe9dc] px-3 py-3 text-center text-[13px] font-semibold text-[#22382e]",children:"Book session"})]})})}function c(){return(0,a.jsx)("div",{className:"flex w-[300px] flex-none",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-3 rounded-2xl border border-[#f0ddd0] bg-[#fbeee6] p-5 text-[#241a14] shadow-[0_12px_32px_rgba(11,18,32,0.10)]",children:[(0,a.jsx)("div",{className:"text-[13px] font-semibold",children:"Qu
1ire Press"}),(0,a.jsx)("div",{className:"flex h-[110px] items-center justify-center rounded-xl bg-[#241a14] px-6 text-center",children:(0,a.jsx)("span",{className:"font-serif text-base italic leading-snug text-[#fbeee6]",children:"Notes on Typography"})}),(0,a.jsx)("p",{className:"text-current text-base font-semibold",children:"Notes on Typography"}),(0,a.jsx)("p",{className:"text-current -mt-2 text-xs opacity-70",children:"EPUB and PDF, 214 pages"}),(0,a.jsx)("div",{className:"text-[22px] font-bold",children:"$19"}),(0,a.jsx)("div",{className:"mt-auto rounded-full bg-[#241a14] px-3 py-3 text-center text-[13px] font-semibold text-[#fbeee6]",children:"Download"})]})})}function d(){return(0,a.jsxs)("div",{className:"flex items-stretch gap-7 pr-7",children:[(0,a.jsx)(l,{}),(0,a.jsx)(r,{}),(0,a.jsx)(n,{}),(0,a.jsx)(i,{}),(0,a.jsx)(o,{}),(0,a.jsx)(c,{})]})}function m(){return(0,a.jsx)("section",{"aria-label":"Examples of themed checkouts built with Checkout Page",className:"group overflow-hidden py-12 motion-reduce:overflow-x-auto",children:(0,a.jsxs)("div",{"aria-hidden":"true",className:"animate-checkout-belt flex w-max group-hover:[animation-play-state:paused] motion-reduce:animate-none",children:[(0,a.jsx)(d,{}),(0,a.jsx)(d,{})]})})}s(42731)},49970:(e,t,s)=>{e.exports=s(40988)},55254:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});var a=s(73539);s(42731);var r=s(54550);let n=[{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 l(e){let{logos:t=n,noBorder:s,large:l}=e;return(0,a.jsx)("section",{className:"".concat(l?"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=>(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(l?"h-10 opacity-70 sm:h-12 lg:h-14":"h-8 opacity-60 lg:h-10")})},e.name))})})})}},71252:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});var a=s(73539);s(42731);var r=s(42391),n=s(54550);function l(e){let{title:t,subtitle:s,steps:l=[],cta:i}=e,o=4===l.length?"md:grid-cols-4":"md:grid-cols-3";return(0,a.jsx)("section",{className:"py-16 lg:py-24",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)("ol",{className:"mt-12 grid grid-cols-1 gap-10 md:gap-8 ".concat(o),children:l.map((e,t)=>(0,a.jsxs)("li",{className:"border-t-2 border-gray-900 pt-5",children:[(0,a.jsx)("span",{className:"text-sm font-semibold text-gray-400 tabular-nums",children:t+1}),e.visual&&(0,a.jsx)("div",{className:"mt-4 flex min-h-[7rem] items-center rounded-xl border border-gray-100 bg-gray-50 px-4 py-4",children:e.visual}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-gray-900",children:e.title}),(0,a.jsx)("p",{className:"mt-1.5 text-[15px] text-gray-600 leading-relaxed",children:e.description})]},e.title))}),i&&(0,a.jsx)("div",{className:"mt-12",children:(0,a.jsx)(r.Ay,{href:i.href||"/signup",variant:"dark",cta:!0,className:i.className,children:i.label})})]})})}},78299:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>A});var a=s(73539);s(42731);var r=s(49970),n=s.n(r),l=s(48792),i=s.n(l),o=s(16998),c=s(53270),d=s(17306),m=s(49546),u=s(91107),x=s(93486),p=s(55254),h=s(71252),g=s(15517),f=s(36953),y=s(86330),j=s(39680);let b="https://www.framer.com/community/marketplace/plugins/checkout-page/",k={og:{category:"Platforms"},title:"The best Stripe payment integration for Framer | Checkout Page",description:"Add checkout pages to your Framer site in minutes. Sell digital products, subscriptions, and event tickets through your own Stripe account."},v=[{question:"How do I add Checkout Page to my Framer site?",answer:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("p",{children:["Install the"," ",(0,a.jsx)("a",{href:b,target:"_blank",rel:"noopener noreferrer",className:"a",children:"Checkout Page plugin"})," ","from the Framer marketplace. Open it inside Framer, connect your account, pick a checkout, and insert it on your canvas as a component. No code involved. Publish your site and you're selling."]}),(0,a.jsx)("p",{children:(0,a.jsx)(i(),{href:"/docs/articles/add-checkout-page-to-framer",className:"a",children:"Read the full setup guide"})})]})},{question:"Does Framer have a native Stripe integration?",answer:(0,a.jsxs)("p",{children:["No, Framer has no built-in Stripe integration. The Checkout Page plugin adds the payment integration: connect your existing Stripe account and sell one-time products, subscriptions, and event tickets straight from your Framer site. For the full picture of selling on Framer, read our"," ",(0,a.jsx)(i(),{href:"/blog/framer-ecommerce",className:"a",children:"Framer ecommerce guide"}),"."]})},{question:"What payment methods can I accept on my Framer site?",answer:(0,a.jsx)("p",{children:"Credit and debit cards, Apple Pay, and Google Pay work out of the box. Payments run through your own Stripe account, so other payment methods you enable in Stripe show up at checkout too."})},{question:"Do I need a separate payment gateway for Framer?",answer:(0,a.jsx)("p",{children:"No. Checkout Page connects your Framer site to Stripe, and Stripe processes the payment. There is no separate payment gateway to set up."})},{question:"Does Checkout Page work with Framer's free plan?",answer:(0,a.jsx)("p",{children:"You can link to hosted checkouts from any Framer site, including free plans, with or without the plugin. To place a checkout on the page itself, whether through the plugin or a plain embed, you'll need a Framer plan that supports embeds."})},{question:"How much does it cost to start?",answer:(0,a.jsxs)("p",{children:["Checkout Page has a free plan that covers up to $3K in monthly sales, and you don't need a credit card to start. Paid plans cover higher sales volumes and add premium features. See"," ",(0,a.jsx)(i(),{href:"/pricing",className:"a",children:"pricing"})," ","for details."]})},{question:"Can I sell Framer templates with Checkout Page?",answer:(0,a.jsxs)("p",{children:["Yes. Framer never handles the payment, so a paid listing sends buyers to whatever checkout link you supply. Make that link y
1ours: styled like your work, paid into your own Stripe account. See"," ",(0,a.jsx)(i(),{href:"/sell-framer-templates",className:"a",children:"selling Framer templates"})," ","for what you keep on each platform."]})},{question:"Can I customize the checkout to match my Framer site?",answer:(0,a.jsxs)("p",{children:["Yes. You can customize colors, fonts, layouts, add your logo, and use a"," ",(0,a.jsx)(i(),{href:"/docs/articles/custom-domain",className:"a",children:"custom domain"}),". For pixel-perfect control, you can also add"," ",(0,a.jsx)(i(),{href:"/docs/articles/adding-custom-css-to-your-checkout",className:"a",children:"custom CSS"}),". Your checkout can look exactly like you designed it."]})},{question:"Can I see an example of Checkout Page on a Framer site?",answer:(0,a.jsxs)("p",{children:["Yes! We have a free Framer template you can clone to see exactly how it works:"," ",(0,a.jsx)("a",{href:"https://checkoutpage.framer.website/",target:"_blank",rel:"noopener noreferrer",className:"a",children:"checkoutpage.framer.website"}),". It shows embeds, pop-ups, and linked checkouts in a real site."]})}],N={"@context":"https://schema.org","@type":"WebApplication",name:"Checkout Page for Framer",description:"Native Framer plugin for selling with Stripe. Insert checkouts on your Framer canvas and sell digital products, subscriptions, and event tickets through your own Stripe account.",url:"https://checkoutpage.com/platforms/framer",applicationCategory:"BusinessApplication",operatingSystem:"Any",featureList:["Native Framer plugin","Insert checkouts on the Framer canvas","Embed and pop-up checkouts","Hosted payment links","Custom branding and domains","Digital product delivery","Subscription billing and payment plans","Apple Pay and Google Pay","Event ticket sales","Order bumps and upsells"]},w={"@context":"https://schema.org","@type":"HowTo",name:"How to add a checkout to Framer with the Checkout Page plugin",description:"Step-by-step guide to selling from your Framer site with the native plugin",step:[{"@type":"HowToStep",name:"Install the plugin",text:"Open the Framer marketplace, find Checkout Page, and add the plugin to your workspace."},{"@type":"HowToStep",name:"Connect your account",text:"Open the plugin inside Framer and sign in to Checkout Page, or create a free account. Your checkouts appear in the panel."},{"@type":"HowToStep",name:"Insert your checkout",text:"Pick a checkout and insert it on your canvas as a component. Publish your site and payments go straight to your Stripe account."}]},S={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://checkoutpage.com"},{"@type":"ListItem",position:2,name:"Platforms",item:"https://checkoutpage.com/platforms"},{"@type":"ListItem",position:3,name:"Framer",item:"https://checkoutpage.com/platforms/framer"}]},C=()=>(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:"framer.com/projects/yourbrand"})]}),(0,a.jsxs)("div",{className:"mock-browser-split is-wide-left",children:[(0,a.jsxs)("div",{className:"mock-browser-col is-divider",children:[(0,a.jsx)("span",{className:"mock-bracket is-tl"}),(0,a.jsx)("span",{className:"mock-bracket is-tr"}),(0,a.jsx)("span",{className:"mock-bracket is-bl"}),(0,a.jsx)("span",{className:"mock-bracket is-br"}),(0,a.jsx)("span",{className:"mock-browser-thumb",children:"\uD83C\uDFA8"}),(0,a.jsx)("span",{className:"mock-price is-lg",children:"$49"}),(0,a.jsx)("div",{className:"mock-browser-input",children:"[email protected]"}),(0,a.jsx)("span",{className:"mock-pay",children:"Pay $49"})]}),(0,a.jsxs)("div",{className:"mock-browser-col is-soft",children:[(0,a.jsx)("div",{className:"mock-browser-label",children:"Checkout Page"}),(0,a.jsxs)("div",{className:"mock-row",children:[(0,a.jsx)("div",{className:"mock-row-meta",children:(0,a.jsx)("p",{className:"mock-title",children:"Template pack"})}),(0,a.jsx)("span",{className:"mock-price",children:"$49"})]}),(0,a.jsxs)("div",{className:"mock-row",children:[(0,a.jsx)("div",{className:"mock-row-meta",children:(0,a.jsx)("p",{className:"mock-title",children:"Membership"})}),(0,a.jsxs)("span",{className:"mock-price",children:["$19",(0,a.jsx)("small",{children:"/mo"})]})]}),(0,a.jsx)("span",{className:"mock-pay",children:"Insert checkout"})]})]})]})}),P=()=>(0,a.jsx)("div",{className:"rounded-2xl p-3 border bg-gray-50 border-gray-100",children:(0,a.jsx)("div",{"data-nosnippet"
1:"",className:"mock-scope flex justify-center w-full py-8",children:(0,a.jsxs)("div",{className:"mock w-full max-w-sm",children:[(0,a.jsxs)("div",{className:"mock-header",children:[(0,a.jsxs)("div",{className:"mock-row",children:[(0,a.jsx)("span",{className:"mock-row-icon is-soft is-thumb",style:{fontSize:32},children:"\uD83C\uDFA8"}),(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title is-lg",children:"Framer template pack"}),(0,a.jsxs)("span",{className:"mock-price is-lg",children:["$49",(0,a.jsx)("small",{children:"USD"})]})]})]}),(0,a.jsx)("span",{className:"mock-badge",children:"Your brand"})]}),(0,a.jsx)("div",{className:"mock-divider"}),(0,a.jsxs)("div",{className:"mock-row",children:[(0,a.jsx)("div",{className:"mock-row-meta",children:(0,a.jsx)("p",{className:"mock-sub",children:"Total due today"})}),(0,a.jsx)("span",{className:"mock-price is-brand",children:"$49"})]}),(0,a.jsx)("div",{className:"mock-browser-input",children:"[email protected]"}),(0,a.jsx)("span",{className:"mock-pay",children:"Pay $49"})]})})}),F=()=>(0,a.jsx)("div",{"data-nosnippet":"",className:"mock-scope w-full",children:(0,a.jsxs)("div",{className:"mock w-full",children:[(0,a.jsxs)("div",{className:"mock-row",children:[(0,a.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDCD5"}),(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"Design ebook.pdf"}),(0,a.jsx)("p",{className:"mock-sub",children:"Delivered after payment"})]}),(0,a.jsx)("span",{className:"mock-badge is-success",children:"Sent"})]}),(0,a.jsxs)("div",{className:"mock-row",children:[(0,a.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDD11"}),(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"License key"}),(0,a.jsx)("p",{className:"mock-sub",style:{fontFamily:"ui-monospace, monospace"},children:"CP-8F2K-9Q4M"})]})]})]})}),D=()=>(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 px-4",children:(0,a.jsxs)("div",{className:"mock w-full max-w-sm",children:[(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDCE6"}),(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"Template pack"}),(0,a.jsx)("p",{className:"mock-sub",children:"Digital download"})]}),(0,a.jsx)("span",{className:"mock-price",children:"$49"})]}),(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDC65"}),(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"Design community"}),(0,a.jsx)("p",{className:"mock-sub",children:"Monthly subscription"})]}),(0,a.jsxs)("span",{className:"mock-price",children:["$19",(0,a.jsx)("small",{children:"/mo"})]})]}),(0,a.jsxs)("div",{className:"mock-row is-tile",children:[(0,a.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83C\uDF9Fï¸"}),(0,a.jsxs)("div",{className:"mock-row-meta",children:[(0,a.jsx)("p",{className:"mock-title",children:"Design workshop"}),(0,a.jsx)("p",{className:"mock-sub",children:"Event ticket"})]}),(0,a.jsx)("span",{className:"mock-price",children:"$129"})]})]})})});function A(){return(0,a.jsxs)(o.A,{children:[(0,a.jsxs)(n(),{children:[(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(N)}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(w)}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(S)}})]}),(0,a.jsx)(c.A,{meta:k,withSiteName:!1}),(0,a.jsx)(x.A,{title:"The Framer Stripe integration that blends into your site",subtitle:"Accept payments on your Framer site and sell digital products, subscriptions, and event tickets through your own Stripe account.",secondaryCta:{label:"Get the Framer plugin",href:b,external:!0},frame:!0,noBorder:!0,children:(0,a.jsx)(C,{})}),(0,a.jsx)(p.A,{noBorder:!0}),(0,a.jsx)(m.A,{}),(0,a.jsx)(g.A,{title:"Start selling from your Framer site",intro:"Your Framer site brings people in. Checkout Page lets them buy digital products, subscriptions, and event tickets without leaving your site.",features:[{title:"Digital products",href:"/sell-digital-products",description:"Sell templates, courses, and downloads. Files are delivered instantly, with license keys if you need them."},{title:"Memberships and subscriptions",href:"/subscriptions",description:"Bill weekly, monthly, or yearly, or offer payment plans. Members manage everything in a customer portal."},{title:"Event tickets",href:"/sell-event-tickets",description:"Sell tickets to workshops and meetups. Attendees get their tickets by email, and you get the attendee list."}],children:(0,a.jsx)(D,{})}),(0,a.jsx)(h.A,{title:"Add a checkout to Framer in three steps",subtitle:"Everything happens inside Framer. Your first checkout is live in minutes.",steps:[{title:"Install the plugin",description:(0,a.jsxs)(a.Fragment,{children:["Find the"," ",(0,a.jsx)("a",{href:b,target:"_blank",rel:"noopener noreferrer",className:"text-gray-900 underline underline-offset-2 hover:text-gray-600",children:"Checkout Page plugin"}
1)," ","in the Framer marketplace and add it to your workspace."]})},{title:"Connect your account",description:"Open the plugin and sign in, or create a free account. Your checkouts appear in the panel."},{title:"Insert your checkout",description:"Pick a checkout and it lands on your canvas as a component. Publish, and payments go straight to your Stripe account."}]}),(0,a.jsx)(g.A,{title:"An embedded checkout that looks like you designed it in Framer",intro:(0,a.jsx)(a.Fragment,{children:"Customers never feel like they left your site. Set your fonts, colors, and logo once and every checkout you insert stays on brand."}),reverse:!0,features:[{title:"Your brand, not ours",href:"/docs/articles/custom-domain",description:"Add your logo, colors, and fonts. Host the checkout on a custom domain like pay.yourbrand.com."},{title:"Custom CSS when you want it",description:"Need finer control than the built-in options? Add custom CSS and match your design exactly."},{title:"Changes go live instantly",description:"Edit prices, copy, or fields and your published Framer site picks them up. No republish needed."}],children:(0,a.jsx)(P,{})}),(0,a.jsx)(f.A,{title:"Everything you need to sell on Framer",subtitle:"Framer has no built-in ecommerce. Checkout Page adds it.",items:[{title:"Custom domains",href:"/docs/articles/custom-domain",description:"Host checkouts on your own domain like pay.yourbrand.com, so customers never see a third-party URL."},{title:"Order bumps and upsells",href:"/order-bumps",description:"Add one-click add-ons and post-purchase offers to raise your average order value."},{title:"Discount codes",href:"/discount-codes",description:"Create percentage or fixed discounts with usage limits and expiration dates."},{title:"Instant file delivery",href:"/license-keys",description:"Files up to 5GB, delivered the moment payment clears. Software orders come with a license key.",visual:(0,a.jsx)(F,{}),wide:!0},{title:"Your own Stripe account",href:"/stripe-partner",description:"Payments go straight to your Stripe account. Your money, your customer data, your payout schedule.",dark:!0}]}),(0,a.jsx)(d.A,{quote:"Thanks again for all your help this past week with embedding my checkouts on Framer. We went ahead and upgraded to the Funnel Builder plan! Looking forward to utilizing more features and seeing you guys implement new features along the road!",authorName:"Ninja",authorRole:"",authorCompany:"Implantninja.com",authorImage:"/img/examples/implantninja.png"}),(0,a.jsx)(j.A,{frequentlyAskedQuestions:v,subtitle:"Everything you need to know about the plugin and selling from your Framer site."}),(0,a.jsx)(y.A,{title:"Go deeper on how you'll sell",subtitle:"The embed and pop-up in detail, plus what selling your kind of product looks like on Checkout Page.",pages:[{title:"Embedded checkout",href:"/embedded-checkout",description:"How the embed works on any website, with a live demo you can try."},{title:"Checkout pop-up",href:"/payment-pop-up",description:"Open the checkout in an overlay from any button, link, or image."},{title:"Sell Framer templates",href:"/sell-framer-templates",description:"Design your own checkout for template sales, paid to your own Stripe account."},{title:"Sell subscriptions",href:"/subscriptions",description:"Recurring billing, payment plans, and a customer portal for your members."}]}),(0,a.jsx)(u.A,{title:"Start selling on your Framer site",description:"Create a checkout, insert it with the plugin, and get paid. Free up to $3K in monthly sales.",buttonText:"Start selling for free"})]})}},79322:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/platforms/framer",function(){return s(78299)}])},86330:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var a=s(73539);s(42731);var r=s(48792),n=s.n(r),l=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)(l.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)(n(),{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),n=s.n(r),l=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:m="Free plan available. No credit card needed.",showDemoCta:u=!0,theme:x="light"}=e,p="dark"===x;return(0,a.jsx)("section",{className:"py-20 lg:py-28 ".concat(p?"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(p?"text-white":"text-gray-900"),children:t}),(0,a.jsx)("p",{className:"mt-4 text-lg leading-relaxed text-balance ".concat(p?"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)(l.Ay,{href:c,variant:p?"light":"dark",cta:!0,...d?{target:"_blank",rel:"noopener noreferrer"}:{},children:r}),u&&(0,a.jsxs)(n(),{href:o.Gw,className:"".concat(o.YB," inline-flex items-center px-6 py-2.5 text-lg font-semibold transition-colors ").concat(p?"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"})})]})]}),m&&(0,a.jsx)("p",{className:"mt-6 text-sm ".concat(p?"text-gray-400":"text-gray-500"),children:m})]})})})}},93477:(e,t,s)=>{"use strict";s.d(t,{E:()=>C});var a,r=s(42731),n=s(80965),l=s(15230),i=s(38443),o=s(78265),c=s(67821),d=s(66933),m=s(30867),u=s(90857),x=s(59234);let p=null!=(a=r.startTransition)?a:function(e){e()};
1var h=s(97436),g=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(g||{}),f=(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))(f||{});let y={0:e=>({...e,disclosureState:(0,m.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}},j=(0,r.createContext)(null);function b(e){let t=(0,r.useContext)(j);if(null===t){let t=Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,b),t}return t}j.displayName="DisclosureContext";let k=(0,r.createContext)(null);k.displayName="DisclosureAPIContext";let v=(0,r.createContext)(null);function N(e,t){return(0,m.Y)(t.type,y,e,t)}v.displayName="DisclosurePanelContext";let w=r.Fragment,S=x.O5.RenderStrategy|x.O5.Static,C=Object.assign((0,x.FX)(function(e,t){let{defaultOpen:s=!1,...a}=e,l=(0,r.useRef)(null),i=(0,o.P)(t,(0,o.a)(e=>{l.current=e},void 0===e.as||e.as===r.Fragment)),d=(0,r.useRef)(null),p=(0,r.useRef)(null),h=(0,r.useReducer)(N,{disclosureState:+!s,linkedPanel:!1,buttonRef:p,panelRef:d,buttonId:null,panelId:null}),[{disclosureState:g,buttonId:f},y]=h,b=(0,n._)(e=>{y({type:1});let t=(0,u.T)(l);if(!t||!f)return;let s=e?e instanceof HTMLElement?e:e.current instanceof HTMLElement?e.current:t.getElementById(f):t.getElementById(f);null==s||s.focus()}),v=(0,r.useMemo)(()=>({close:b}),[b]),S=(0,r.useMemo)(()=>({open:0===g,close:b}),[g,b]);return r.createElement(j.Provider,{value:h},r.createElement(k.Provider,{value:v},r.createElement(c.El,{value:(0,m.Y)(g,{0:c.Uw.Open,1:c.Uw.Closed})},(0,x.XX)({ourProps:{ref:i},theirProps:a,slot:S,defaultTag:w,name:"Disclosure"}))))}),{Button:(0,x.FX)(function(e,t){let s=(0,l.B)(),{id:a=`headlessui-disclosure-button-${s}`,...c}=e,[m,u]=b("Disclosure.Button"),p=(0,r.useContext)(v),g=null!==p&&p===m.panelId,f=(0,r.useRef)(null),y=(0,o.P)(f,t,g?null:m.buttonRef),j=(0,x.cq)();(0,r.useEffect)(()=>{if(!g)return u({type:2,buttonId:a}),()=>{u({type:2,buttonId:null})}},[a,u,g]);let k=(0,n._)(e=>{var t;if(g){if(1===m.disclosureState)return;switch(e.key){case h.D.Space:case h.D.Enter:e.preventDefault(),e.stopPropagation(),u({type:0}),null==(t=m.buttonRef.current)||t.focus()}}else switch(e.key){case h.D.Space:case h.D.Enter:e.preventDefault(),e.stopPropagation(),u({type:0})}}),N=(0,n._)(e=>{e.key===h.D.Space&&e.preventDefault()}),w=(0,n._)(t=>{var s;(0,d.l)(t.currentTarget)||e.disabled||(g?(u({type:0}),null==(s=m.buttonRef.current)||s.focus()):u({type:0}))}),S=(0,r.useMemo)(()=>({open:0===m.disclosureState}),[m]),C=(0,i.c)(e,f),P=g?{ref:y,type:C,onKeyDown:k,onClick:w}:{ref:y,id:a,type:C,"aria-expanded":0===m.disclosureState,"aria-controls":m.linkedPanel?m.panelId:void 0,onKeyDown:k,onKeyUp:N,onClick:w};return(0,x.XX)({mergeRefs:j,ourProps:P,theirProps:c,slot:S,defaultTag:"button",name:"Disclosure.Button"})}),Panel:(0,x.FX)(function(e,t){let s=(0,l.B)(),{id:a=`headlessui-disclosure-panel-${s}`,...n}=e,[i,d]=b("Disclosure.Panel"),{close:m}=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"),u=(0,x.cq)(),h=(0,o.P)(t,i.panelRef,e=>{p(()=>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_)(),f=null!==g?(g&c.Uw.Open)===c.Uw.Open:0===i.disclosureState,y=(0,r.useMemo)(()=>({open:0===i.disclosureState,close:m}),[i,m]);return r.createElement(v.Provider,{value:i.panelId},(0,x.XX)({mergeRefs:u,ourProps:{ref:h,id:a},theirProps:n,slot:y,defaultTag:"div",features:S,visible:f,name:"Disclosure.Panel"}))})})},93486:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var a=s(73539);s(42731);var r=s(48792),n=s.n(r),l=s(42391),i=s(54550),o=s(89612);function c(e){let{title:t,subtitle:s,primaryCta:r,secondaryCta:c,frame:d,noBorder:m,children:u}=e;return(0,a.jsx)("section",{className:"pt-12 lg:pt-20 pb-12 lg:pb-20 ".concat(m?"":"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)(l.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)(n(),{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:u}):u})]})})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[6593,6411,5906,2595,8490,6998,3605,636,8792],()=>t(79322)),_N_E=e.O()}]);
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.