1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[330],{1702:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[...slug]",function(){return t(1433)}])},2287:function(e,s,t){"use strict";t.d(s,{A:function(){return i}});var r=t(2322);let i=e=>{let{src:s}=e;return(0,r.jsx)("div",{className:"w-full rounded-md shadow-md",children:(0,r.jsx)("div",{className:"aspect-h-9 aspect-w-16",children:(0,r.jsx)("iframe",{className:"rounded-md",src:s,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; fullscreen; picture-in-picture",allowFullScreen:!0})})})}},3181:function(e,s,t){"use strict";t.d(s,{i:function(){return C}});var r=t(2322),i=t(2784),a=t(1596),n=t(5198),l=t(9442),c=t(2779),o=t.n(c),d=t(5116);function g(e){return(0,r.jsx)(l.u,{appear:!0,show:e.open,as:i.Fragment,children:(0,r.jsxs)(n.V,{as:"div",className:"relative z-10",onClose:e.onClose,children:[(0,r.jsx)(l.u.Child,{as:i.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,r.jsx)("div",{className:"fixed inset-0 bg-neutral-12 bg-opacity-25"})}),(0,r.jsx)("div",{className:"fixed inset-0 overflow-y-auto",children:(0,r.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,r.jsxs)(l.u.Child,{as:"div",enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:[(0,r.jsx)("div",{className:"absolute top-2 right-2 z-10",children:(0,r.jsxs)("button",{type:"button",className:"flex items-center justify-center h-10 w-10 focus:outline-none",onClick:()=>{e.onClose()},children:[(0,r.jsx)("span",{className:"sr-only",children:"Close dialog"}),(0,r.jsx)(d.Z,{className:"h-6 w-6 text-default","aria-hidden":"true"})]})}),(0,r.jsx)(n.V.Panel,{className:o()("w-full transform overflow-hidden rounded-xl bg-main p-6","text-left align-middle shadow-xl transition-all",e.className),children:e.children})]})})})]})})}var m=t(6310),u=t(3103),h=t(3602);let p=e=>{let s=m.Z_().url("Please enter a valid URL here").required("Please enter a valid URL here"),t=m.Ry({link:s}),i=new Date().toISOString().replace(/[-.:Z]/g,"").substring(0,15),a=e.medium.substring(0,2).toUpperCase(),l=e.source.substring(0,2).toUpperCase(),c=`${a}${l}${i}`,o={link:`${e.url}?utm_term=${c}&utm_medium=${encodeURIComponent(e.medium)}&utm_source=${encodeURIComponent(e.source)}`};return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(g,{open:e.open,onClose:e.onClose,className:"max-w-3xl text-default",children:[(0,r.jsx)(n.V.Title,{className:"text-2xl font-bold",children:"Copy this link and share it"}),(0,r.jsxs)(n.V.Description,{className:"pt-8 text-base text-light",children:["Copy this link to the clipboard and share it on ",e.medium,"."]}),(0,r.jsx)(h.J9,{initialValues:o,validationSchema:t,onSubmit:async(s,t)=>{await navigator.clipboard.writeText(s.link),e.onClose(),t.setSubmitting(!1)},children:s=>{let{isValid:t,isSubmitting:i,handleSubmit:a}=s;return(0,r.jsxs)("form",{className:"mt-12",onSubmit:a,children:[(0,r.jsx)(u.Z,{labelText:"Shareable Link",type:"text",fieldName:"link",placeholder:`Link to share on ${e.medium}`,autoFocus:!0,props:{}}),(0,r.jsx)("div",{className:"flex pt-8",children:(0,r.jsx)("button",{type:"submit",className:"btn-primary",disabled:!t||i,children:i?"Please wait...":"Copy to clipboard"})})]})}})]})})};var j=t(5632);let x=e=>{let{asPath:s}=(0,j.useRouter)(),t=s.indexOf("#"),a=t>0?s.substring(0,t):s,[n,l]=(0,i.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("button",{className:"inline-flex space-x-2 px-4 py-2 w-40",onClick:()=>{l(!0)},children:[(0,r.jsx)(e.icon,{}),(0,r.jsx)("span",{className:"text-sm mt-1",children:e.source})]}),(0,r.jsx)(p,{url:`https://customerping.ai${a}`,source:e.source.toLowerCase(),medium:e.medium,open:n,onClose:()=>{l(!1)}})]})},f=()=>(0,r.jsx)(x,{icon:a.Zm,medium:"social",source:"Twitter"}),b=()=>(0,r.jsx)(x,{icon:a.wc,medium:"social",source:"Mastodon"}),v=()=>
1(0,r.jsx)(x,{icon:a.zz,medium:"newsletter",source:"ConvertKit"}),y=()=>(0,r.jsx)(x,{icon:a.OW,medium:"social",source:"Medium"}),w=()=>(0,r.jsx)(x,{icon:a.tR,medium:"newsletter",source:"Substack"}),k=()=>(0,r.jsx)(x,{icon:a.PJ,medium:"social",source:"IndieHackers"}),N=()=>(0,r.jsx)(x,{icon:a.sW,medium:"social",source:"ProductHunt"}),S=()=>(0,r.jsx)(x,{icon:a.MP,medium:"social",source:"Reddit"});function C(){return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("section",{id:"social-sharing",children:[(0,r.jsx)("hr",{}),(0,r.jsx)("p",{className:"text-sm",children:"Share this:"}),(0,r.jsxs)("div",{className:"flex flex-wrap",children:[(0,r.jsx)(v,{}),(0,r.jsx)(k,{}),(0,r.jsx)(b,{}),(0,r.jsx)(y,{}),(0,r.jsx)(N,{}),(0,r.jsx)(S,{}),(0,r.jsx)(w,{}),(0,r.jsx)(f,{})]})]})})}},3103:function(e,s,t){"use strict";t.d(s,{Z:function(){return n}});var r=t(2322),i=t(2784),a=t(3602);function n(e){let s=(0,i.useCallback)(e=>{e&&setTimeout(()=>{e.focus()},50)},[]),t=e.invisible?{className:"humpfenhagen","aria-hidden":!0}:{};return(0,r.jsxs)("div",{...t,children:[(0,r.jsx)("label",{htmlFor:e.fieldName,className:"block text-sm font-medium text-label",children:e.labelText}),(0,r.jsx)(a.gN,{id:e.fieldName,name:e.fieldName,children:t=>{let{field:i,meta:a}=t;return(0,r.jsxs)("div",{className:"mt-1",children:[(0,r.jsx)("input",{type:e.type,className:"input-primary",placeholder:e.placeholder,...e.props,...i,...e.autoFocus?{ref:s}:{}}),a.touched&&a.error&&(0,r.jsx)("p",{className:"mt-1 text-red-9",children:a.error})]})}})]})}},7754:function(e,s){"use strict";s.Z=new Map([["images/screenshots/customer-pings-on-phone-screen.jpg",{src:"/relative-images/images/screenshots/customer-pings-on-phone-screen-100.jpg",srcSet:"/relative-images/images/screenshots/customer-pings-on-phone-screen-25.jpg 207w, /relative-images/images/screenshots/customer-pings-on-phone-screen-50.jpg 414w, /relative-images/images/screenshots/customer-pings-on-phone-screen-67.jpg 552w, /relative-images/images/screenshots/customer-pings-on-phone-screen-100.jpg"}],["images/screenshots/dialogue-with-luca-restagno.png",{src:"/relative-images/images/screenshots/dialogue-with-luca-restagno-100.jpg",srcSet:"/relative-images/images/screenshots/dialogue-with-luca-restagno-25.jpg 231w, /relative-images/images/screenshots/dialogue-with-luca-restagno-50.jpg 462w, /relative-images/images/screenshots/dialogue-with-luca-restagno-67.jpg 616w, /relative-images/images/screenshots/dialogue-with-luca-restagno-100.jpg"}],["images/screenshots/instruct-the-ai.png",{src:"/relative-images/images/screenshots/instruct-the-ai-100.jpg",srcSet:"/relative-images/images/screenshots/instruct-the-ai-25.jpg 729w, /relative-images/images/screenshots/instruct-the-ai-50.jpg 1458w, /relative-images/images/screenshots/instruct-the-ai-67.jpg 1944w, /relative-images/images/screenshots/instruct-the-ai-100.jpg"}],["images/screenshots/jump-in-to-the-conversation.png",{src:"/relative-images/images/screenshots/jump-in-to-the-conversation-100.jpg",srcSet:"/relative-images/images/screenshots/jump-in-to-the-conversation-25.jpg 728w, /relative-images/images/screenshots/jump-in-to-the-conversation-50.jpg 1455w, /relative-images/images/screenshots/jump-in-to-the-conversation-67.jpg 1940w, /relative-images/images/screenshots/jump-in-to-the-conversation-100.jpg"}],["images/screenshots/rss-reader.png",{src:"/relative-images/images/screenshots/rss-reader-100.jpg",srcSet:"/relative-images/images/screenshots/rss-reader-25.jpg 626w, /relative-images/images/screenshots/rss-reader-50.jpg 1252w, /relative-images/images/screenshots/rss-reader-67.jpg 1669w, /relative-images/images/screenshots/rss-reader-100.jpg"}],["pages/blog/creating-is-easy-marketing-seems-hard/chatgpt-generated-announcement.png",{src:"/relative-images/pages/blog/creating-is-easy-marketing-seems-hard/chatgpt-generated-announcement-100.jpg",srcSet:"/relative-images/pages/blog/creating-is-easy-marketing-seems-hard/chatgpt-generated-announcement-25.jpg 409w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/chatgpt-generated-announcement-50.jpg 818w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/chatgpt-generated-announcement-67.jpg 1091w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/chatgpt-generated-announcement-100.jpg"}],["pages/blog/creating-is-easy-marketing-seems-hard/creating-is-easy-marketing-hard.jpg",{src:"/relative-images/pages/blog/creating-is-easy-marketing-seems-hard/creating-is-easy-marketing-hard-100.jpg",srcSet:"/relative-images/pages/blog/creating-is-easy-marketing-seems-hard/creating-is-easy-marketing-hard-25.jpg 480w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/creating-is-easy-marketing-hard-50.jpg 960w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/creating-is-easy-marketing-hard-67.jpg 1280w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/creating-is-easy-marketing-hard-100.jpg"}],["pages/blog/creating-is-easy-marketing-seems-hard/leah-hetteberg-IbXbOVd0wEM-unsplash.jpg",{src:"/relative-images/pages/blog/creating-is-easy-marketing-seems-hard/leah-hetteberg-IbXbOVd0wEM-unsplash-100.jpg",srcSet:"/relative-images/pages/blog/creating-is-easy-marketing-seems-hard/leah-hetteberg-IbXbOVd0wEM-unsplash-25.jpg 3064w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/leah-hetteberg-IbXbOVd0wEM-unsplash-50.jpg 6128w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/leah-hetteberg-IbXbOVd0wEM-unsplash-67.jpg 8171w, /relative-images/pages/blog/creating-is-easy-marketing-seems-hard/leah-hetteberg-IbXbOVd0wEM-unsplash-100.jpg"}],["pages/blog/identify-a-hungry-audience/identify-a-hungry-audience.jpg",{src:"/relative-images/pages/blog/identify-a-hungry-audience/identify-a-hungry-audience-100.jpg",srcSet:"/relative-images/pages/blog/identify-a-hungry-audience/identify-a-hungry-audience-25.jpg 668w, /relative-images/pages/blog/identify-a-hungry-audience/identify-a-hungry-audience-50.jpg 1335w, /relative-images/pages/blog/identify-a-hungry-audience/identify-a-hungry-audience-67.jpg 1780w, /relative-images/pages/blog/identify-a-hungry-audience/identify-a-hungry-audience-100.jpg"}],["pages/blog/identify-a-hungry-audience/tatjana-cakemaster-persona.png",{src:"/relative-images/pages/blog/identify-a-hungry-audience/tatjana-cakemaster-persona-100.jpg",srcSet:"/relative-images/pages/blog/identify-a-hungry-audience/tatjana-cakemaster-persona-25.jpg 480w, /relative-images/pages/blog/identify-a-hungry-audience/tatjana-cakemaster-persona-50.jpg 960w, /relative-images/pages/blog/identify-a-hungry-audience/tatjana-cakemaster-persona-67.jpg 1280w, /relative-images/pages/blog/identify-a-hungry-audience/tatjana-cakemaster-persona-100.jpg"}],["pages/blog/minimize-marketing-work-by-divide-and-conquer/4-marketing-buckets.svg",{src:"/relative-images/pages/blog/minimize-marketing-work-by-divide-and-conquer/4-marketing-buckets.svg",srcSet:void 0}],["pages/blog/minimize-marketing-work-by-divide-and-conquer/minimize-marketing-work-by-divide-and-conquer.png",{src:"/relative-images/pages/blog/minimize-marketing-work-by-divide-and-conquer/minimize-marketing-work-by-divide-and-conquer-100.jpg",srcSet:"/relative-images/pages/blog/minimize-marketing-work-by-divide-and-conquer/minimize-marketing-work-by-divide-and-conquer-25.jpg 480w, /relative-images/pages/blog/minimize-marketing-work-by-divide-and-conquer/minimize-marketing-work-by-divide-and-conquer-50.jpg 960w, /relative-images/pages/blog/minimize-marketing-work-by-divide-and-conquer/minimize-marketing-work-by-divide-and-conquer-67.jpg 1280w, /relative-images/pages/blog/minimize-marketing-work-by-divide-and-conquer/minimize-marketing-work-by-divide-and-conquer-100.jpg"}]])},1433:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSG:function(){return O},default:function(){return R}});var r=t(2784),i=t(2322),a=t(5632),n=t(3305),l=t(1320),c=t(5427),o=t(9899),d=t(9097),g=t.n(d),m=t(2779),u=t.n(m);function h(e){let{markdocContent:s,className:t}=e,{asPath:r}=(0,a.useRouter)(),l=function e(s){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];
1if(s&&n.Vp.isTag(s)){if(s.attributes.isHeading){let e=s.children[0];"string"==typeof e&&t.push({id:s.attributes.id,level:s.attributes.level,title:e})}if(s.children)for(let r of s.children)e(r,t)}return t}(s),c=l.filter(e=>e.id&&(2===e.level||3===e.level));if(c.length<=1)return null;let o=r.includes("#")?r.split("#")[1]:"";return(0,i.jsx)("nav",{className:t,children:(0,i.jsx)("ul",{className:"sticky top-4 max-w-xs space-y-4 border-l pl-4",children:c.map(e=>(0,i.jsx)("li",{className:u()("text-sm",{underline:o===e.id},{"pl-4":3===e.level}),children:(0,i.jsx)(g(),{href:`#${e.id}`,children:e.title})},e.title))})})}let p=[{title:"Get started",links:[{href:"/docs/",children:"Overview"},{href:"/docs/strategy/",children:"Strategy"},{href:"/docs/positioning/",children:"Positioning"},{href:"/docs/messaging/",children:"Messaging"},{href:"/docs/collaboration/",children:"Collaboration"},{href:"/docs/experimentation/",children:"Experimentation"}]},{title:"Concepts",links:[{href:"/docs/concepts/benefit/",children:"Benefit"},{href:"/docs/concepts/board/",children:"Board"},{href:"/docs/concepts/bookmark/",children:"Bookmark"},{href:"/docs/concepts/channel/",children:"Channel"},{href:"/docs/concepts/experiment/",children:"Experiment"},{href:"/docs/concepts/feature/",children:"Feature"},{href:"/docs/concepts/job-to-be-done/",children:"Job to be done"},{href:"/docs/concepts/material/",children:"Material"},{href:"/docs/concepts/merge-tags/",children:"Merge Tags"},{href:"/docs/concepts/persona/",children:"Persona"},{href:"/docs/concepts/place/",children:"Place"},{href:"/docs/concepts/product/",children:"Product"},{href:"/docs/concepts/project/",children:"Project"},{href:"/docs/concepts/quality/",children:"Quality"},{href:"/docs/concepts/resource/",children:"Resource"},{href:"/docs/concepts/role/",children:"Role"},{href:"/docs/concepts/story/",children:"Story"},{href:"/docs/concepts/tag/",children:"Tag"},{href:"/docs/concepts/tool/",children:"Tool"}]},{title:"Step by step",links:[{href:"/docs/use-cases/workflow/",children:"Marketing workflow"},{href:"/docs/use-cases/jtbd/",children:"JTBD Analysis"},{href:"/docs/use-cases/strategy/",children:"Strategy"},{href:"/docs/use-cases/positioning/",children:"Positioning"},{href:"/docs/use-cases/messaging/",children:"Messaging"},{href:"/docs/use-cases/collaboration/",children:"Collaboration"},{href:"/docs/use-cases/experimentation/",children:"Experimentation"}]}];function j(e){let s=(0,a.useRouter)();return(0,i.jsx)("nav",{className:u()(e.className,"sticky top-4"),children:(0,i.jsx)("div",{className:"space-y-4",children:p.map(e=>(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{className:"text-lg font-medium",children:e.title}),(0,i.jsx)("ul",{className:"space-y-1",children:e.links.map(e=>{let t=e.href===function(e){let s=e.indexOf("#");return s<0?e:e.substring(0,s)}(s.asPath);return(0,i.jsx)("li",{className:u()("text-sm pl-4",{underline:t}),children:(0,i.jsx)(g(),{...e})},e.href)})})]},e.title))})})}let x=(e,s,t)=>{if(!window)return null;let r=window.document.createElement("script");return r.async=!0,r.src=e,r.id=s,t.appendChild(r),r},f=(e,s)=>{if(window){let t=window.document.getElementById(e);t&&s.removeChild(t)}},b=()=>((0,r.useEffect)(()=>{if(!window)return;let{document:e}=window;return e.getElementById("commento")&&x("https://blog-comments.mbohlen.de/js/commento.js","commento-script",e.body),()=>{f("commento-script",e.body)}},[]),(0,i.jsx)("div",{className:"p-1",children:(0,i.jsx)("div",{id:"commento"})}));var v=t(8476),y=t.n(v);let w={render:function(e){let{children:s,"data-language":t}=e,a=(0,r.useRef)(null);return(0,r.useEffect)(()=>{a.current&&y().highlightElement(a.current,!1)},[s]),(0,i.jsx)("div",{className:"code","aria-live":"polite",children:(0,i.jsx)("pre",{ref:a,className:`language-${t}`,children:s})})},attributes:n.td.fence.attributes};var k=t(7754);function N(e){let{src:s,alt:t,title:r}=e,a=k.Z.get("pages"+s);return((void 0===t||""===t)&&(t=r),a)?(0,i.jsxs)("figure",{children:[a.srcSet?(0,i.jsx)("img",{className:"rounded-lg shadow-md",srcSet:a.srcSet,alt:t,title:r}):(0,i.jsx)("img",{className:"rounded-lg shadow-md",src:a.src,alt:t,title:r}),r&&(0,i.jsx)("figcaption",{children:r})]}):(0,i.jsx)("img",{srcSet:"notfound-"+s,alt:"Image not found: "+s})}let S={render:N,attributes:n.td.image.attributes},C=e=>{let{id:s,href:t,title:i,className:a,role:n,children:l}=e;return r.createElement(g(),{id:s,href:t,title:i,className:a,role:n},l)},P={render:C,attributes:n.td.link.attributes},E={render:function(e){let{children:s}=e;return"object"==typeof s&&s.type===N?s:r.createElement("p",{},s)},attributes:n.td.paragraph.attributes},T={fence:w,heading:{render:function(e){let{id:s="",level:t=1,children:i,className:a}=e;return r.createElement(`h${t}
1`,{id:s,className:["heading",a].filter(Boolean).join(" ")},i)},children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1},className:{type:String}},transform(e,s){let t=e.transformAttributes(s),r=e.transformChildren(s),i=t.id&&"string"==typeof t.id?t.id:r.filter(e=>"string"==typeof e).join(" ").replace(/[?]/g,"").replace(/\s+/g,"-").toLowerCase();return new n.Vp(this.render,{...t,id:i,isHeading:!0},r)}},image:S,link:P,paragraph:E},$={year:"numeric",month:"long",day:"numeric"};var _=t(6771),z=t(2287);let q={render:z.A,children:[],attributes:{src:{type:String}}},I={date:{render:e=>{let{date:s}=e;return(0,i.jsx)("time",{dateTime:s,children:new Date(s).toLocaleString("en-us",$)})},children:[],attributes:{date:{type:String}}},callout:{render:function(e){let{title:s,children:t}=e;return(0,i.jsxs)("div",{className:"flex flex-col mt-8 px-4 pt-4 rounded-md bg-neutral-3",children:[(0,i.jsxs)("strong",{children:["\uD83D\uDC49 ",s]}),(0,i.jsx)(i.Fragment,{children:t})]})},children:["paragraph","tag","list"],attributes:{title:{type:String}}},note:{render:e=>{let{id:s,children:t}=e;return t?(0,i.jsxs)("span",{className:"flex flex-row text-base mb-2",children:[(0,i.jsx)("a",{id:`note-${s}`,className:"inline mr-1 w-6",role:"doc-footnote",children:s}),(0,i.jsxs)("span",{className:"flex-1",children:[t,(0,i.jsx)(C,{href:`#note-ref-${s}`,className:"inline-flex items-center ml-1",children:(0,i.jsx)(_.Z,{className:"w-5 h-5"})})]})]}):(0,i.jsx)(C,{id:`note-ref-${s}`,href:`#note-${s}`,className:"px-1.5",role:"doc-noteref",children:(0,i.jsx)("sup",{children:s})})},attributes:{id:{type:String}},transform(e,s){let t=e.transformAttributes(s),r=e.transformChildren(s);return r[0]&&n.Vp.isTag(r[0])&&(r=r[0].children),new n.ZP.Tag(this.render,t,r)}},floatRight:{render:e=>(0,i.jsx)("div",{className:"not-prose",children:(0,i.jsx)("div",{className:"float-right max-w-[30%] pt-4 pl-4",children:e.children})}),attributes:{}},podcast:{render:e=>{let{src:s}=e;return(0,i.jsx)("div",{className:"w-full mt-8 rounded-md shadow-md",children:(0,i.jsx)("iframe",{className:"rounded-md",width:"100%",height:"180",frameBorder:"no",scrolling:"no",seamless:!0,src:s})})},children:[],attributes:{src:{type:String}}},tweet:{render:e=>{let{children:s}=e;return(0,i.jsx)("blockquote",{className:"twitter-tweet",dangerouslySetInnerHTML:{__html:s}})},attributes:{},transform(e,s){let{content:t}=e.children[0].children[0].children[0].attributes;return new n.Vp(this.render,{},[t])}},video:q,sideBySide:{render:e=>{let[s,...t]=r.Children.toArray(e.children);return(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,i.jsx)("div",{className:"flex flex-col",children:s}),(0,i.jsx)("div",{className:"flex flex-col",children:t})]})},attributes:{}},clickThruDemo:{render:e=>{let{className:s,title:t,demoId:r}=e;return(0,i.jsxs)("div",{className:u()(s,"focus:outline-none"),children:[(0,i.jsxs)("p",{className:"text-lg my-4",children:["Click-thru demo: ",(0,i.jsx)("span",{className:"font-bold",children:t})]}),(0,i.jsx)("div",{style:{position:"relative",paddingBottom:"calc(66.66666666666666% + 40px)",height:0},children:(0,i.jsx)("iframe",{src:`https://demo.arcade.software/${r}?embed`,frameBorder:"0",loading:"lazy",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}})})]})},children:[],attributes:{title:{type:String},className:{type:String},demoId:{type:String}}}},F={upper:{transform(e){let s=e[0];return"string"==typeof s?s.toUpperCase():s}},includes:{transform(e){let[s,t]=Object.values(e);return!!Array.isArray(s)&&s.includes(t)}}};var M=t(3181);function V(e){let s=e.adjacentPosts?.previous,t=e.adjacentPosts?.next;return(0,i.jsxs)("section",{className:"blog-post-navigation prose dark:prose-invert prose-sm lg:prose-lg max-w-prose mx-auto",children:[(0,i.jsx)("hr",{className:"my-8"}),(0,i.jsxs)("nav",{className:"post-navigation",role:"navigation","aria-label":"Posts",children:[(0,i.jsx)("h2",{className:"sr-only",children:"Post navigation"}),(0,i.jsxs)("div",{className:"grid sm:grid-cols-1 md:grid-cols-2 gap-6",children:[(0,i.jsx)("div",{className:"nav-previous not-prose",children:s&&(0,i.jsxs)(g(),{href:`/${s.slug.join("/")}/`,className:"flex flex-col text-left font-semibold",rel:"prev",children:[(0,i.jsx)("span",{className:"text-base text-default mb-2",children:"Previous: "}),(0,i.jsx)("span",{className:"sr-only",children:"Previous post:"}),(0,i.jsx)("span",{className:"text-primary-9 leading-6",children:s.title})]})}),(0,i.jsx)("div",{className:"nav-next not-prose",children:t&&(0,i.jsxs)(g(),{href:`/${t.slug.join("/")}/`,className:"flex flex-col text-right font-semibold",rel:"next",children:[(0,i.jsx)("span",{className:"text-base text-default mb-2",children:"Next: "}),(0,i.jsx)("span",{className:"sr-only",children:"Next post:"}),(0,i.jsx)("span",{className:"text-primary-9 leading-6",children:t.title})]})})]})]})]})}var O=!0,R=function(e){let{post:s}=e,t=(0,a.useRouter)(),d=t.asPath.startsWith("/docs"),g=n.ZP.parse(s.content),m=n.ZP.transform(g,{tags:I,nodes:T,functions:F,variables:{markdoc:{frontmatter:s.frontmatter}}});return!function e(s,t){if(s&&n.Vp.isTag(s)&&(s.name.toString().indexOf("Image")>0&&(s.attributes.src=`${t}
1${String(s.attributes.src)}`),s.children))for(let r of s.children)e(r,t)}(m,`/${s.slug.join("/")}/`),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{title:s.frontmatter.title,image:s.frontmatter.socialImage&&function(e,s){let t=["pages",...e,s].join("/"),r=k.Z.get(t);return r?.src}(s.slug,s.frontmatter.socialImage),description:s.frontmatter.description}),(0,i.jsxs)("div",{className:"bg-main text-default pb-8",children:[(0,i.jsx)(c.h,{}),(0,i.jsx)("div",{className:"mx-auto max-w-7xl p-4 sm:px-6 lg:px-8",children:(0,i.jsxs)("div",{className:"w-full flex flex-row",children:[(0,i.jsx)("div",{className:"hidden sm:block flex-nowrap w-48 pr-8",children:d&&(0,i.jsx)(j,{})}),(0,i.jsx)("main",{className:"w-full",children:(0,i.jsxs)("div",{className:"mx-auto prose dark:prose-invert prose-sm lg:prose-lg",children:[(0,i.jsx)("section",{id:"main-content",children:n.ZP.renderers.react(m,r)}),!d&&(0,i.jsx)(M.i,{}),(0,i.jsxs)("section",{id:"comments",children:[(0,i.jsx)("h2",{children:"Comments welcome:"}),(0,i.jsx)(b,{})]}),!d&&(0,i.jsx)(V,{adjacentPosts:e.adjacentPosts})]})}),(0,i.jsx)(h,{className:"hidden lg:block w-48 pl-8",markdocContent:m})]})})]}),(0,i.jsx)(o.$,{})]})}}},function(e){e.O(0,[566,636,477,669,227,596,774,888,179],function(){return e(e.s=1702)}),_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.