https://checkoutpage.com/_next/static/chunks/pages/templates/[slug]-b3251300fee5a964.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2315],{42391:(e,t,r)=>{"use strict";r.d(t,{Ay:()=>d,vx:()=>c});var a=r(73539),s=r(48792),o=r.n(s);r(42731);let i="transition-all whitespace-nowrap inline-flex rounded-lg justify-center items-baseline outline-none cursor-pointer text-lg font-semibold";function n(e){let{variant:t}=e;switch(t){case"primary":return"".concat(i," bg-chocolate-1000 hover:bg-chocolate-900 text-white px-6 py-2.5 border border-chocolate-1000 focus:ring-chocolate-900 hover:ring-chocolate-900");case"primary_wide":return"".concat(i," bg-chocolate-1000 hover:bg-chocolate-900 text-white px-20 py-2.5 border border-chocolate-1000 focus:ring-chocolate-900 hover:ring-chocolate-900");case"primary_full":return"".concat(i," bg-chocolate-1000 hover:bg-chocolate-900 text-white w-full py-2.5 border border-chocolate-1000 focus:ring-chocolate-900 hover:ring-chocolate-900");case"dark":return"".concat(i," bg-neutral-900 hover:bg-black text-white focus:ring-neutral-900 hover:ring-neutral-900 px-6 py-2.5");case"dark_full":return"".concat(i," bg-neutral-900 hover:bg-black text-white focus:ring-neutral-900 hover:ring-neutral-900 w-full py-2.5");case"outline":return"".concat(i," bg-white text-chocolate-900 border border-chocolate-900 hover:text-white hover:bg-chocolate-1000 focus:ring-chocolate-1000 hover:ring-chocolate-1000 px-6 py-2.5");case"outline_full":return"".concat(i," bg-white text-chocolate-900 border border-chocolate-900 hover:text-white hover:bg-chocolate-1000 focus:ring-chocolate-1000 hover:ring-chocolate-1000 w-full py-2.5");case"light_full":return"".concat(i," bg-white hover:bg-gray-100 text-gray-900 hover:text-black focus:ring-white hover:ring-white w-full py-2.5");case"light":return"".concat(i," bg-white hover:bg-gray-100 text-gray-900 hover:text-black focus:ring-white hover:ring-white px-6 py-2.5");case"tab-black":return"bg-transparent text-gray-500 font-medium hover:text-gray-900 text-sm rounded-lg px-3.5 py-2 transition-all duration-200 ease-out";case"tab-black-selected":return"text-gray-900 bg-white font-medium text-sm rounded-lg px-3.5 py-2 shadow-[0_0_0_1px_rgba(0,0,0,0.06),0_1px_3px_rgba(0,0,0,0.06)] transition-all duration-200 ease-out";case"tab-orange":return"bg-white text-black font-medium border-black hover:border-orange-100 text-lg border-2 rounded-3xl px-4 py-1.5";case"tab-orange-selected":return"text-black bg-white border-orange-100 font-medium hover:border-orange-100 text-lg border-2 rounded-3xl px-4 py-1.5";default:return"".concat(i," bg-gray-600 hover:bg-gray-700 focus:ring-gray-500 hover:ring-gray-500 px-6 py-2.5")}}let l=e=>{let{onClick:t,variant:r,children:s,className:o,cta:i,...l}=e;return(0,a.jsx)("button",{onClick:t,type:"button","data-cta":i?"":void 0,className:"".concat(n({variant:r})," ").concat(o),...l,children:s})},c=e=>{let{href:t,variant:r,children:s,className:i,cta:l,...c}=e;return(0,a.jsx)(o(),{href:t,"data-cta":l?"":void 0,className:"".concat(n({variant:r})," ").concat(i),...c,children:s})};function d(e){return e.href?(0,a.jsx)(c,{...e}):(0,a.jsx)(l,{...e})}},49970:(e,t,r)=>{e.exports=r(40988)},53270:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(73539);r(42731);var s=r(49970),o=r.n(s),i=r(92673);let n={title:"Checkout Page | Sell event tickets, products & subscriptions",description:"Checkout Page's no-code checkout page builder lets you accept payments on your website and from hosted payment pages without platform fees.",site_name:"Checkout Page",image:"".concat("https://checkoutpage.com","/img/media-card.png"),index:!0},l=function(){let{meta:e={title:n.title,description:n.description,image:n.image,site_name:n.site_name,index:n.index}

1,withSiteName:t=!0,children:r}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{meta:{title:n.title,description:n.description,image:n.image,site_name:n.site_name,index:n.index},withSiteName:!0},s=(0,i.useRouter)(),l=(e.url||"https://checkoutpage.com"+s.asPath).split("?")[0],c=t&&e.title?"".concat(e.title," - ").concat(e.site_name||n.site_name):e.title||"".concat(n.title," - ").concat(e.site_name||n.site_name),d=s.asPath.split("?")[0].split("#")[0],m="/"===d||""===d,g=t=>{if(!t)return t;let r=e.site_name||n.site_name;return t.replace(RegExp("\\s*[-–|]\\s*".concat(r,"\\s*$"),"i"),"")},h=e.image||(()=>{if(m)return"".concat("https://checkoutpage.com","/api/og");let t=e.og||{},r=new URLSearchParams;return r.set("title",t.title||g(e.title)||n.title),t.category&&r.set("category",t.category),t.subtitle&&r.set("subtitle",t.subtitle),"".concat("https://checkoutpage.com","/api/og?").concat(r.toString())})(),x=e.description||n.description,p=void 0===e.index?n.index:e.index;return(0,a.jsxs)(o(),{children:[(0,a.jsx)("meta",{name:"theme-color",content:"#000000"}),(0,a.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/img/apple-touch-icon.png"}),(0,a.jsx)("link",{rel:"icon",sizes:"192x192",href:"/img/logo.png"}),(0,a.jsx)("link",{rel:"mask-icon",href:"/img/logo.svg",color:"black"}),(0,a.jsx)("link",{rel:"icon",href:"/favicon.ico",sizes:"32x32",type:"image/x-icon"}),(0,a.jsx)("link",{rel:"icon",href:"/favicon.svg",sizes:"any",type:"image/svg+xml"}),(0,a.jsx)("link",{rel:"manifest",href:"/img/site.webmanifest"}),(0,a.jsx)("script",{dangerouslySetInnerHTML:{__html:"(function(){if(window.__themeFavicon)return;window.__themeFavicon=true;var m=window.matchMedia('(prefers-color-scheme: dark)');m.addEventListener('change',function(){var l=document.querySelector('link[href^=\"/favicon.svg\"]');if(l)l.href='/favicon.svg?theme='+(m.matches?'dark':'light');});})();"}}),(0,a.jsx)("link",{rel:"canonical",href:l}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),p?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{name:"robots",content:"index,follow"}),(0,a.jsx)("meta",{name:"googlebot",content:"index,follow"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{name:"robots",content:e.follow?"noindex,follow":"noindex,nofollow"}),(0,a.jsx)("meta",{name:"googlebot",content:e.follow?"noindex,follow":"noindex,nofollow"})]}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-status-bar-style",content:"black"}),(0,a.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"IE=edge,chrome=1"}),(0,a.jsx)("title",{children:c}),(0,a.jsx)("meta",{property:"og:title",content:c}),(0,a.jsx)("meta",{name:"twitter:title",content:c}),(0,a.jsx)("meta",{name:"twitter:description",content:x}),(0,a.jsx)("meta",{property:"og:description",content:x}),(0,a.jsx)("meta",{name:"description",content:x}),(0,a.jsx)("meta",{property:"og:url",content:l}),(0,a.jsx)("meta",{name:"twitter:url",content:l}),(0,a.jsx)("meta",{property:"og:image",content:h}),(0,a.jsx)("meta",{property:"og:site_name",content:n.site_name}),(0,a.jsx)("meta",{name:"twitter:site",content:n.site_name}),r]})}},61970:(e,t,r)=>{"use strict";let a;r.r(t),r.d(t,{__N_SSG:()=>b,default:()=>y});var s=r(73539),o=r(42731),i=r(16998),n=r(53270),l=r(48566),c=r(42391),d=r(48792),m=r.n(d),g=r(81731),h=r(54550),x=r(71252);r(23727).env.NEXT_PUBLIC_VERCEL_RELATED_PROJECTS;a=function(e){return e.startsWith("https://")||e.startsWith("http://")?e:"https://".concat(e)}("https://checkoutpage.com");let p=()=>(0,s.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-3.5 w-3.5 shrink-0 text-gray-400",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),u=e=>{let{className:t}=e;return(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:t,children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})};var b=!0;let y=e=>{let{template:t,similarTemplates:r,latestTemplates:d,checkoutSlug:b,sellerSlug:y}=e,[f,v]=(0,o.useState)(!1);(0,o.useEffect)(()=>{l.Ay.local.getItem("auth_token")&&v(l.Ay.local.getItem("auth_token"))},[]),(0,o.useEffect)(()=>{var e,t;(null==(t=window)||null==(e=t.checkoutPage)?void 0:e.initEmbeds)&&window.checkoutPage.initEmbeds()},[]);let j="https://".concat(y,".checkoutpage.com/").concat(b,"?testing=true&upsell=").concat(t.displayAsUpsell),w=f?"".concat(a,"/dashboard/pages/create?template=").concat(t._id,"&title=").concat(t.page.productTitle||t.title,"&type=").concat(t.page.type):"".concat(a,"/signup?template=").concat(t._id,"&title=").concat(t.page.productTitle||t.title),k=t.category.title||t.category.publicTitle,N=t.publicTitle||t.title;return(0,s.jsxs)(i.A,{children:[(0,s.jsx)(n.A,{meta:{title:t.metaTitle,de

1scription:t.metaDescription,og:{category:"Templates",subtitle:t.metaDescription}}}),(0,s.jsx)("section",{className:"pt-10 lg:pt-14 pb-16 lg:pb-24 border-b border-gray-100",children:(0,s.jsxs)(h.A,{children:[(0,s.jsxs)("nav",{"aria-label":"Breadcrumb",className:"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-gray-500",children:[(0,s.jsx)(m(),{href:"/templates",className:"hover:text-gray-900 transition-colors",children:"Templates"}),(0,s.jsx)(p,{}),(0,s.jsx)(m(),{href:"/templates/categories/".concat(t.category.slug),className:"hover:text-gray-900 transition-colors",children:k}),(0,s.jsx)(p,{}),(0,s.jsx)("span",{className:"text-gray-900",children:t.title})]}),(0,s.jsxs)("div",{className:"mt-10 lg:mt-14 grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start",children:[(0,s.jsxs)("div",{className:"lg:col-span-5",children:[(0,s.jsx)("h1",{className:"text-4xl sm:text-5xl font-semibold tracking-[-0.03em] text-gray-900 text-balance",children:N}),t.subtitle&&(0,s.jsx)("p",{className:"mt-5 text-lg text-gray-600 leading-relaxed",children:t.subtitle}),(0,s.jsxs)("div",{className:"mt-8",children:[(0,s.jsx)(c.vx,{href:w,variant:"dark",cta:!0,children:"Use template"}),(0,s.jsx)("p",{className:"mt-4 text-sm text-gray-500",children:"Free up to $3K in monthly sales. No credit card needed."})]}),t.publicDescription&&(0,s.jsx)("div",{className:"mt-10 pt-10 border-t border-gray-100 prose prose-gray",dangerouslySetInnerHTML:{__html:t.publicDescription}})]}),(0,s.jsx)("div",{className:"lg:col-span-7",children:(0,s.jsxs)("div",{className:"rounded-2xl border border-gray-100 bg-gray-50 px-4 sm:px-6 py-8 lg:py-12",children:[(0,s.jsx)("div",{"data-checkout":j,className:"cp-checkout max-w-[480px] m-auto"}),(0,s.jsx)("p",{className:"mt-4 text-center text-sm text-gray-500",children:"Live preview in test mode. Try the checkout, nothing is charged."})]})})]})]})}),(0,s.jsx)(x.A,{title:"From template to first sale in minutes",subtitle:"No code, no developer. Connect Stripe once and every checkout pays out to your own account.",steps:[{title:"Make it yours",description:"Start from this template and adjust the pricing, branding and form fields to fit your product."},{title:"Share or embed it",description:"Embed the checkout on your website, share the hosted page, or show a QR code customers scan to pay."},{title:"Get paid through Stripe",description:"Payments are processed through Stripe and go straight to your own Stripe account."}]}),(null==r?void 0:r.length)>0&&(0,s.jsx)("section",{className:"py-16 lg:py-24 border-t border-gray-100",children:(0,s.jsxs)(h.A,{children:[(0,s.jsxs)("div",{className:"md:flex items-end justify-between gap-8",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:"Related checkout page templates"}),(0,s.jsxs)(m(),{href:"/templates/categories/".concat(t.category.slug),className:"mt-4 md:mt-0 inline-flex items-center gap-1.5 whitespace-nowrap text-lg font-semibold text-gray-900 hover:text-gray-600 transition-colors",children:["View all related templates",(0,s.jsx)(u,{className:"h-4 w-4"})]})]}),(0,s.jsx)("div",{className:"mt-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-10",children:r.map(e=>(0,s.jsx)(g.A,{template:e},e.id))})]})}),(null==d?void 0:d.length)>0&&(0,s.jsx)("section",{className:"py-16 lg:py-24 border-t border-gray-100",children:(0,s.jsxs)(h.A,{children:[(0,s.jsxs)("div",{className:"md:flex items-end justify-between gap-8",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:"Latest checkout page templates"}),(0,s.jsxs)(m(),{href:"/templates",className:"mt-4 md:mt-0 inline-flex items-center gap-1.5 whitespace-nowrap text-lg font-semibold text-gray-900 hover:text-gray-600 transition-colors",children:["View all templates",(0,s.jsx)(u,{className:"h-4 w-4"})]})]}),(0,s.jsx)("div",{className:"mt-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-10",children:d.map(e=>(0,s.jsx)(g.A,{template:e},e.id))})]})}),(0,s.jsx)("section",{className:"py-20 lg:py-28 bg-gray-50/50 border-t border-b border-gray-100",children:(0,s.jsx)(h.A,{children:(0,s.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,s.jsx)("h2",{className:"text-3xl sm:text-5xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:"Start selling with this template"}),(0,s.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed text-balance",children:"Make it yours with your own branding, pricing and fields. Free up to $3K in monthly sales."}),(0,s.jsx)("div",{className:"mt-8 flex justify-center",children:(0,s.jsx)(c.vx,{href:w,variant:"dark",cta:!0,children:"Use template"})}),(0,s.jsx)("p",{className:"mt-6 text-sm text-gray-500",children:"No credit card needed."})]})})})]})}},67150:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/templates/[slug]",function(){return r(61970)}])},71252:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(73539);r(42731);var s=r(42391),o=r(54550);function i(e){let{title:t,subtitle:r,steps:i=[],cta:n}=e,l=4===i.length?"md:grid-cols-4":"md:grid-cols-3";return(0,a.jsx)("section",{className:"py-16 lg:py-24",children:(0,a.jsxs)(o.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}),r&&(0,a.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed",children:r})]}),(0,a.jsx)("ol",{className:"mt-12 grid grid-cols-1 gap-10 md:gap-8 ".concat(l),children:i.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))}),n&&(0,a.jsx)("div",{className:"mt-12",children:(0,a.jsx)(s.Ay,{href:n.href||"/signup",variant:"dark",cta:!0,className:n.className,children:n.label})})]})})}},81731:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(73539),s=r(86229),o=r.n(s),i=r(48792),n=r.n(i);r(42731);let l=e=>{var t;let{template:r}=e,s=r.publicTitle||r.title;return(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)(n(),{href:"/templates/".concat(r.slug),className:"group block rounded-2xl border border-gray-200/60 bg-gray-50 overflow-hidden transition-all duration-200 hover:border-gray-300 hover:shadow-[0_8px_24px_rgba(0,0,0,0.06)]",children:(0,a.jsx)("div",{className:"relative overflow-hidden",style:{aspectRatio:"4 / 3"},children:r.image&&(0,a.jsx)(o(),{src:r.image,alt:r.imageAlt||s,fill:!0,sizes:"(min-width: 1024px) 40vw, (min-width: 640px) 50vw, 100vw",className:"object-cover object-top p-4 transition-transform duration-300 ease-out group-hover:scale-[1.01]"})})}),(0,a.jsxs)("div",{className:"mt-4 flex items-start justify-between gap-x-4",children:[(0,a.jsx)(n(),{href:"/templates/".concat(r.slug),className:"group",children:(0,a.jsxs)("h3",{className:"flex items-center text-lg font-semibold text-gray-900",children:[s,(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 shrink-0 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"})})]})}),(null==(t=r.category)?void 0:t.slug)&&(0,a.jsx)(n(),{href:"/templates/categories/".concat(r.category.slug),className:"shrink-0 rounded-full border border-gray-200/60 px-3 py-1 text-sm font-medium text-gray-600 whitespace-nowrap transition-colors hover:border-gray-900 hover:text-gray-900",children:r.category.title||r.category.publicTitle})]})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[6411,5906,2595,8490,6998,636,6593,8792],()=>

1t(67150)),_N_E=e.O()}]);