(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47017],{23898:(t,e,s)=>{"use strict";function a(t){let{src:e,width:s,quality:a}=t,r=new URL("".concat("/"===e[0]?e.slice(1):e)),n=r.searchParams;return n.set("w",n.get("w")||s.toString()),n.set("fit",n.get("fit")||"max"),a&&n.set("q",a.toString()),r.href}s.r(e),s.d(e,{default:()=>a})},43715:(t,e,s)=>{"use strict";s.d(e,{j:()=>o,J:()=>c});var a=s(85893),r=(s(50391),s(78961)),n=(s(31853),s(45306),s(29399),s(54283),s(84858)),l=s(64988);let i={utm_content:"banner",utm_source:"kit",utm_medium:"kit",utm_campaign:"kit-oct"},o=()=>(0,a.jsx)(l.Z,{href:{pathname:"/resources/blog/convertkit-is-now-kit",query:i},dataCtaName:"announcement-bar-".concat(i.utm_campaign),dataPageLocation:"announcement-bar",children:(0,a.jsx)("div",{className:"w-full bg-kit-blue px-2 py-2.5 text-center transition-colors duration-300 hover:bg-kit-blue-light sm:px-4",children:(0,a.jsxs)(r.xv,{className:"inline items-center justify-center gap-1 font-semibold text-soft-black",fontSize:"text-3.5",children:[(0,a.jsx)("span",{className:"hidden sm:inline",children:"ConvertKit is now Kit. Learn more"}),(0,a.jsx)("span",{className:"inline sm:hidden",children:"ConvertKit is now Kit. Learn more"}),(0,a.jsx)(n.Z,{name:"LongArrowRight",size:16,style:{transform:"translateY(4px)",marginLeft:4}})]})})}),c=()=>null},51513:(t,e,s)=>{"use strict";s.d(e,{Z:()=>o});var a=s(85893),r=s(94184),n=s.n(r),l=s(80161),i=s.n(l);let o=t=>{let{children:e,className:s,content:r=!1,fullWidth:l=!1,props:o}=t;return(0,a.jsx)("div",{...o,className:n()(s,i().Container,!l&&"px-3 xs:px-4"),children:r?(0,a.jsx)("div",{className:"mx-3 xs:mx-4",children:e}):e})}},85706:(t,e,s)=>{"use strict";s.d(e,{Z:()=>i});var a=s(85893),r=s(40257),n=s(94184),l=s.n(n);let i=Object.assign(t=>{let{children:e,bgColor:s,spacing:n="loose",...i}=t,{bgColors:o}=r.default,c=o[s]?o[s]:s;return(0,a.jsx)("div",{className:l()("Hero",i.className,c,{"pt-32 sm:pt-40":"loose"===n,"pt-24":"tight"===n}),children:e})},{Aside:t=>{let{children:e,...s}=t;return(0,a.jsx)("div",{children:e})},Content:t=>{let{children:e,...s}=t;return(0,a.jsx)("div",{children:e})}})},68320:(t,e,s)=>{"use strict";s.d(e,{Z:()=>l});var a=s(85893),r=s(94184),n=s.n(r);let l=Object.assign(t=>{let{children:e,...s}=t,r=n()("Section",null==s?void 0:s.className);return(0,a.jsx)("section",{className:r,...s,children:e})},{Mask:t=>{let{children:e}=t;return(0,a.jsx)("div",{className:"overflow-hidden",children:e})}})},56529:(t,e,s)=>{"use strict";s.d(e,{Z:()=>l});var a=s(85893),r=s(83862),n=s.n(r);let l=t=>{let{size:e=4,sizes:s}=t;if(!e&&!(null==s?void 0:s.base))throw Error("Spacer: size or sizes.base must be provided");if(e||(e=s.base),s)for(let[t,e]of Object.entries(s))0===e&&(s[t]="0");let r=t=>"0"===t?t:"".concat(t/4,"rem"),l={"--base-height":r((null==s?void 0:s.base)||e),"--xs-height":(null==s?void 0:s.xs)?r(s.xs):"","--sm-height":(null==s?void 0:s.sm)?r(s.sm):"","--md-height":(null==s?void 0:s.md)?r(s.md):"","--lg-height":(null==s?void 0:s.lg)?r(s.lg):"","--xl-height":(null==s?void 0:s.xl)?r(s.xl):""};return(0,a.jsx)("div",{style:{...l},className:n().Spacer})}},96582:(t,e,s)=>{"use strict";s.d(e,{Z:()=>o});var a=s(85893),r=s(94184),n=s.n(r),l=s(40257),i=s(29399);let o=Object.assign(t=>{let{children:e}=t,s=n()("stackedContent",i.K,{});return(0,a.jsx)("div",{className:s,children:e})},{Image:t=>{let{children:e,position:s,align:r}=t,l=n()("stackedContentImage col-span-12 md:col-span-6",{"md:order-1":"left"===s,"md:order-2":"right"===s,"grid items-center":"center"===r});return(0,a.jsx)("div",{className:l,children:e})},Content:t=>{let{children:e,position:s}=t,r=n()("stackedContentContent col-span-12 md:col-span-6 grid",l.default.grid.gap,{"md:order-1":"left"===s,"md:order-2":"right"===s});return(0,a.jsx)("div",{className:r,children:e})}})},50391:(t,e,s)=>{"use strict";s.d(e,{xu:()=>b,W2:()=>a.Z,VM:()=>r.Z,$0:()=>n.Z,LZ:()=>l.Z,bn:()=>f,Iz:()=>d.Z});var a=s(51513),r=s(85706),n=s(68320),l=s(56529),i=s(85893),o=s(94184),c=s.n(o);s(86453);var d=s(96582),m=s(45306),x=s(84858),u=s(56402),g=s(67294);let p={kit:{button:{prev:"text-gray-400 hover:text-gray-300 focus:text-gray-300",next:"text-warm-white hover:text-gray-300 focus:text-gray-300"},border:"border-gray-300"}};var h=s(87280),v=s.n(h);let f=Object.assign(t=>{let{color:e,children:s}=t,a=p[e],r=g.Children.count(s),[n,l]=(0,g.useState)({active:0,prev:r-1,next:1}),o=t=>{let e,s;e=0===t?r-1:t-1,s=t===r-1?0:t+1,l({active:t,prev:e,next:s})},d="p-3 transition-colors duration-300 sm:px-4";return(0,i.jsxs)("div",{className:c()("grid grid-cols-2 gap-5",v().Carousel),children:[(0,i.jsxs)("div",{className:c()("relative z-20 mx-auto h-full w-full rounded-tl-2xl rounded-tr-2xl sm:rounded-none",v().ImageContainer),children:[(0,i.jsxs)("div",{className:"carouselControls absolute bottom-0 left-0 z-40 transition-all duration-200 sm:block sm:px-5",children:[(0,i.jsx)("button",{id:"controlsPrev",className:c()(d,a.button.prev),onClick:()=>o(n.prev),children:(0,i.jsx)(x.Z,{name:"Left",size:32})}),(0,i.jsx)("button",{id:"controlsNext",className:c()(d,a.button.next),onClick:()=>o(n.next),children:(0,i.jsx)(x.Z,{name:"Right",size:32})})]}),s.map((t,s)=>(0,i.jsx)("div",{className:c()(s===n.active&&v().active,s===n.next&&v().next,s===n.prev&&v().prev,a.border,v().SlideImage,"h-full overflow-hidden rounded-lg sm:border"),onClick:()=>o(s),style:{"--bg-from":"var(--".concat(e,"-100)"),"--bg-to":"var(--".concat(e,"-200)")},children:(0,i.jsx)(m.Z,{src:(0,u.Bq)(t.props.image,{w:468,fm:"webp",q:60}),fill:!0,alt:"",className:"object-cover"},s)},s))]}),(0,i.jsx)("div",{className:c()("md:mt-5",v().NavContainer),children:(0,i.jsx)("div",{className:"mx-auto flex w-full gap-6 border-t-2 sm:w-10/12 md:inline-flex md:w-auto",children:s.map((t,e)=>(0,i.jsx)("div",{className:"flex-grow",children:(0,i.jsx)("div",{style:{transform:"translateY(-2px)"},className:c()(e===n.active&&v().active,{"border-soft-black text-soft-black hover:text-soft-black":e===n.active,"text-gray-500 hover:text-soft-black focus:text-soft-black":e!==n.active},"inline-block transform cursor-pointer border-t-2 pt-5 text-3 font-bold uppercase tracking-wider transition-colors duration-300 hover:text-soft-black focus:text-soft-black"),tabIndex:0,onClick:()=>o(e),children:t.props.name})},e))})}),(0,i.jsx)("div",{className:c()("relative",v().TextContainer),children:s.map((t,e)=>(0,i.jsx)(g.Fragment,{children:e===n.active&&(0,i.jsx)("div",{className:c()(v().active,v().SlideText),children:t})},e))})]})},{Item:t=>{let{image:e,name:s,children:a}=t;return(0,i.jsx)(i.Fragment,{children:a})}}),b=t=>{let{className:e,children:s,as:a="div",...r}=t;return(0,i.jsx)(a,{className:e,...r,children:s})}},32438:(t,e,s)=>{"use strict";s.d(e,{Z:()=>i});var a=s(85893),r=s(56402),n=s(25675),l=s.n(n);let i=t=>{let e,{src:s,alt:n,srcSet:i,sizes:o="(min-width:800px) 800px, calc(100vw - 48px)",widths:c={min:200,max:null,steps:10},width:d,height:m,fill:x,imageOptions:u,...g}=t;if(s.includes(".svg"))return(0,a.jsx)(l(),{src:s,alt:n,width:Number(d),height:Number(m),...g});u={...s?Object.fromEntries(new URLSearchParams(s.split("?")[1])):{},...u};let p=(0,r.HO)(c.min,c.max||2*Number(d)||1600,c.steps||10);if(x)e=p.map(t=>"".concat((0,r.Bq)(s,{w:t,...u})," ").concat(t,"w")).join(",");else{let t=(0,r.EE)(Number(d),Number(m),p);e=i||p.map((e,a)=>"".concat((0,r.Bq)(s,{...u,w:e,h:t[a]||"auto",dpr:2})," ").concat(e,"w")).join(",")}return(0,a.jsxs)("picture",{children:[(0,a.jsx)("source",{srcSet:e,sizes:o}),x?(0,a.jsx)(l(),{src:(0,r.Bq)(s,u),alt:n,fill:!0,...g}):(0,a.jsx)(l(),{src:(0,r.Bq)(s,u),alt:n,width:Number(d),height:Number(m),...g})]})}},45306:(t,e,s)=>{"use strict";s.d(e,{Z:()=>a});let a=s(32438).Z},49405:(t,e,s)=>{"use strict";s.d(e,{Z:()=>n});var a=s(85893),r=s(43715);let n=t=>{let{children:e,showAnnouncement:s=!0,...n}=t;return(0,a.jsxs)(a.Fragment,{children:[s&&(0,a.jsx)(r.j,{}),(0,a.jsx)("div",{className:"relative min-h-screen bg-white font-normal text-soft-black antialiased",children:e})]})}},40257:(t,e,s)=>{"use strict";s.d(e,{default:()=>a});let a={screens:{xs:480,sm:768,md:992,lg:1200,xl:1400},bgColors:{yellow:"bg-warm-white",red:"bg-red-50",green:"bg-green-50",blue:"bg-blue-50","blue-900":"bg-blue-900","off-white":"bg-warm-white",black:"bg-soft-black"},textStyles:{heading:{h1:{className:"font-kit-sans"},h2:{className:"font-kit-sans"},h3:{className:"font-kit-sans"},h4:{className:"font-kit-sans"},h5:{className:"font-semibold"},h6:{className:"font-semibold"}},p:{color:"",fontSize:{default:"text-4 sm:text-4.5",xl:"text-5 sm:text-6",lg:"text-4.5 sm:text-5",sm:"text-3.5 sm:text-4",xs:"text-3 sm:text-3.5","2xs":"text-2.5 sm:text-3"}},newTypography:{heading:{massive:"_hdg text-16 sm:text-24 md:text-32 leading-95","2xl":"_hdg text-16 xs:text-20 leading-95",xl:"_hdg text-14 xs:text-16 leading-100",lg:"_hdg text-12 xs:text-14 leading-100",md:"_hdg text-10 xs:text-12 leading-125",sm:"_hdg text-8 xs:text-10 leading-125",xs:"_hdg text-6 xs:text-8 leading-125","2xs":"_hdg text-5 xs:text-6 leading-125 -letter-spacing-1","3xs":"_hdg text-4 xs:text-5 leading-125 -letter-spacing-1","4xs":"_hdg text-3.5 xs:text-4 leading-125 -letter-spacing-1","5xs":"_hdg text-3 leading-125 -letter-spacing-1"},text:{tiny:"text-3",sm:"text-3.5",regular:"text-4",md:"text-4.5",lg:"text-5"}}},grid:{default:"grid grid-cols-4 xs:grid-cols-8 md:grid-cols-12",gap:"gap-4 xs:gap-5 sm:gap-6 md:gap-7 lg:gap-7 xl:gap-8",gapStyles:{base:4,xs:5,sm:6,md:7,xl:8}},cardStyles:{default:"rounded-lg shadow-lg px-4 sm:px-5 py-3 sm:py-4 bg-white",alert:"rounded-br-lg border border-red-200 bg-red-50 px-4 sm:px-5 py-3 sm:py-4",success:"rounded-br-lg border border-green-200 bg-green-50 px-4 sm:px-5 py-3 sm:py-4"}}},29399:(t,e,s)=>{"use strict";s.d(e,{J:()=>l,K:()=>n});var a=s(40257),r=s(94184);let n=s.n(r)()(a.default.grid.default,a.default.grid.gap),l=t=>a.default.textStyles.p.fontSize[t]},54283:(t,e,s)=>{"use strict";s.d(e,{Z:()=>l});var a=s(85893),r=s(94184),n=s.n(r);let l=t=>{let{spacing:e=4,children:s,...r}=t;return(0,a.jsx)("div",{className:n()("flex flex-col",r.className),style:{"--block-gap":e/4+"rem",gap:"var(--block-gap)"},children:s})}},78961:(t,e,s)=>{"use strict";s.d(e,{X6:()=>c,cD:()=>x,Sg:()=>p,xv:()=>h});var a=s(85893),r=s(40257),n=s(94184),l=s.n(n),i=s(73911);let o=r.default.textStyles.heading,c=t=>{let{children:e,...s}=t,{className:n,color:c,size:d,...m}=(0,i.nQ)(s),x=s.as?s.as:"h2",u=r.default.textStyles.newTypography.heading,g={h1:u.lg,h2:u.md,h3:u.sm,h4:u.xs,h5:u["2xs"],h6:u["3xs"]},p=o[x],h=l()(d?u[d]:g[x],p.className,n);return(0,a.jsx)(x,{id:s.id,className:h,...m,children:e})};var d=s(84858);let m={h1:{root:"-translate-y-1.5 sm:translate-y-2.5",top:"-translate-y-1.5"},h2:{root:"-translate-y-1.5 sm:translate-y-1.5",top:"sm:-translate-y-1.5"},h3:{root:"translate-y-.5",top:"-translate-y-1.5 sm:-translate-y-2 mt-1.5 sm:mt-2"},h4:{root:"sm:translate-y-1",top:"sm:-translate-y-1"},h5:{root:"sm:translate-y-1",top:"sm:-translate-y-1"},h6:{root:"",top:""}},x=t=>{let{children:e,...s}=t,{icon:r,iconColor:n,iconPosition:i="left",iconProps:o,className:x,...u}=s,g=l()(x,{"flex gap-x-3 transform flex-col":r,"sm:flex-row":r&&"left"===i}),p=l()("transform","top"===i?m[u.as].top:m[u.as].root);return(0,a.jsxs)(c,{...u,className:g,children:[r&&(0,a.jsx)(d.Z,{name:r,className:l()(n,p),...o}),e]})};var u=s(54283),g=s(67294);let p=t=>{let{heading:e,text:s,spacing:r=4,headingProps:n={},textProps:l={}}=t,i=Array.isArray(s)?s:[s];return(0,a.jsxs)(u.Z,{spacing:r,children:[(0,a.jsx)(c,{...n,children:e}),i.map((t,e)=>(0,a.jsx)(g.Fragment,{children:"string"==typeof t?(0,a.jsx)(h,{...l,children:t}):t},e))]})},h=t=>{let{children:e,...s}=t,{p:n}=r.default.textStyles,{fontSize:i,color:o,id:c,as:d,className:m,icon:x,...u}=s,g=l()(o?"".concat(o):n.color,i&&n.fontSize[i]?n.fontSize[i]:i,x&&"flex items-center gap-2",m);return(0,a.jsxs)(d||"p",{id:c,className:g,...u,children:[x,e]})}},31853:(t,e,s)=>{"use strict";s.d(e,{FX:()=>r,Ls:()=>x,Mv:()=>u,UT:()=>p,Ui:()=>m,XH:()=>i,eM:()=>g,fd:()=>c,j_:()=>l,li:()=>n,q0:()=>d,tc:()=>a,tk:()=>o});let a="https://media.kit.com",r="https://app.kit.com",n="".concat(r,"/upgrade"),l="".concat("".concat(r,"/users/signup?plan="),"1k"),i="https://x.com/kit",o="https://www.facebook.com/convertkit",c="https://www.instagram.com/kit",d="https://www.linkedin.com/company/kit.com",m="https://www.youtube.com/@kit-hq",x="https://kit-studios.booqable.store",u="/experts",g="https://dash.partnerstack.com",p="https://dash.partnerstack.com/application?company=kit&group=kitaffiliates"},56402:(t,e,s)=>{"use strict";s.d(e,{Bq:()=>a,EE:()=>r,HO:()=>n});let a=(t,e)=>{if(t){let s=new URL(t);return Object.keys(e).forEach(t=>{s.searchParams.set(t,e[t].toString())}),s.toString()}return t},r=(t,e,s)=>{if(0===t)return s.map(()=>0);let a=e/t;return s.map(t=>Math.round(t*a))},n=(t,e,s)=>{if(t%1!=0||e%1!=0||s%1!=0)throw Error("Only whole numbers are allowed for start, end, and steps");if(t===e)return[t];let a=(e-t)/(s+1);return Array.from({length:s+2},(e,s)=>Math.round(t+a*s))}},82780:(t,e,s)=>{"use strict";s.d(e,{z:()=>n,y:()=>l.Z});var a=s(25935);let r=(t,e)=>{let s;t.includes('rel="canonical"')||(t="".concat(t,'<link rel="canonical" href="').concat(e,'" />'));let r=(0,a.ZP)(t,{replace:t=>{if(t.attribs){if("robots"===t.attribs.name){let e=t.attribs.content.split(", ").join(", ");return t.attribs.content=e}if("canonical"===t.attribs.rel)return"https://kit.com/index"===t.attribs.href?t.attribs.href="https://kit.com":t.attribs.href=e;if("og:url"===t.attribs.property)return t.attribs.content=e}}});return Object.keys(r).forEach(t=>{var e,a;(null===(e=r[t].props)||void 0===e?void 0:e.property)==="og:title"&&(s=null===(a=r[t].props)||void 0===a?void 0:a.content)}),{title:s,fullHead:r}};function n(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{canonical:"",seo:{fullHead:"",jsonLd:{raw:""},meta:{}}},s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{router:{},site_url:""},{router:a,site_url:n}=s,{asPath:l}=a||{},i=new URL("".concat(n).concat(l)).pathname,o=t=>t.replace(/convertkitdevo.wpengine.com|convertkitstg.wpengine.com|cms.kit.com/g,"kit.com"),c=e.canonical?o(e.canonical):"".concat(n).concat(i);c==="".concat(n,"/index")&&(c=n);let d={canonical:c,twitter:{},seo:{},rawSeo:e.seo};if(e.seo){var m,x,u,g;let t;t="string"!=typeof e.seo?null===(m=e.seo)||void 0===m?void 0:m.fullHead:e.seo,"string"!=typeof e.seo&&(null==e?void 0:null===(x=e.seo)||void 0===x?void 0:x.jsonLd)&&(t="".concat(t).concat(null==e?void 0:null===(g=e.seo)||void 0===g?void 0:g.jsonLd.raw));let s=o(t);if(e.title){let a=/<title[^>]*>.*?<\/title>/i;t=a.test(s)?s.replace(a,"<title>".concat(e.title,"</title>")):"".concat(s,"<title>").concat(e.title,"</title>")}if(null===(u=e.seo.meta)||void 0===u?void 0:u.robots){let a=/<meta[^>]*name=["']robots["'][^>]*content=["'][^"']*["'][^>]*>/i,r='<meta name="robots" content="'.concat(e.seo.meta.robots,'">');t=a.test(s)?s.replace(a,r):"".concat(s).concat(r)}else t=s;let a=r(t,c);d.seo=a}return["description","language","title"].forEach(s=>{let a=void 0!==e[s]?e[s]:t[s];void 0!==a&&(d[s]=a)}),d}var l=s(30166)},30166:(t,e,s)=>{"use strict";s.d(e,{Z:()=>i});var a=s(84842),r=s(11163),n=s(67294),l=s(82780);function i(t){let{metadata:e}=t,{site_url:s,metadata:i}=(0,n.useContext)(a.DN),o=(0,r.useRouter)();return{metadata:(0,l.z)(i,e,{site_url:s,router:o})}}},80161:t=>{t.exports={Container:"Container_Container__Ak6Oe"}},86453:t=>{t.exports={SectionCap:"SectionCap_SectionCap__0UdqK"}},83862:t=>{t.exports={Spacer:"Spacer_Spacer__ARQ_m"}},87280:t=>{t.exports={Carousel:"styles_Carousel__CoGEe",ImageContainer:"styles_ImageContainer__FIgYK",TextContainer:"styles_TextContainer__NnvqM",SlideImage:"styles_SlideImage__EaBki",mymove:"styles_mymove__RFD8b",active:"styles_active__Sj_P0",initial:"styles_initial__8mzBW",prev:"styles_prev__lxEd_",next:"styles_next__PqjOX",NavContainer:"styles_NavContainer__tnka8"}}}]);