1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,427671,e=>{"use strict";var t=e.i(807196),r=e.i(53229),i=e.i(311422),s=e.i(9797),a=e.i(900806),o=e.i(801206),n=e.i(124464),l=e.i(699417),c=e.i(34060),d=e.i(630130);function u({accountsTarget:e,decisionMakersPerAccount:i,writerHoursPerPage:p,writerHourlyRate:m,currency:h,exchangeRate:g,onAccountsTargetChange:x,onDecisionMakersChange:f,onWriterHoursPerPageChange:y,onWriterHourlyRateChange:v}){let[b,w]=(0,n.useNumberInput)(e,x),[j,k]=(0,n.useNumberInput)(i,f),N=(0,r.useCallback)(e=>(0,l.formatCurrency)(e,h),[h]),C=(0,r.useMemo)(()=>(0,l.convertAndRoundCurrency)(30,g),[g]),T=(0,r.useMemo)(()=>(0,l.convertAndRoundCurrency)(200,g),[g]);return(0,t.jsx)("div",{children:(0,t.jsxs)("div",{className:"flex flex-col gap-4 mt-6",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsxs)(s.Label,{htmlFor:"simple-abm-dm",className:"flex-1 !mb-0 flex items-center gap-2",children:["Number of decision makers",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:"Most of the time you are dealing with more than one decision maker. Since each might have different metrics to look out for, we recommend one page version per decision maker."})]})]}),(0,t.jsx)(o.Input,{type:"number",min:1,id:"simple-abm-dm",value:j,onChange:e=>k(e.target.value)})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsxs)(s.Label,{htmlFor:"simple-abm-accounts",className:"flex-1 !mb-0 flex items-center gap-2",children:["Number of accounts",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:"Please insert the total number of accounts you are planning to reach. In case you do not have the same amount of decision makers per account, you can use 1 account only and sum up the total of decision makers."})]})]}),(0,t.jsx)(o.Input,{type:"number",min:1,id:"simple-abm-accounts",value:b,onChange:e=>w(e.target.value)})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2 bg-gray-F7 rounded-lg py-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-3 px-4",children:[(0,t.jsxs)(s.Label,{className:"flex-1 !mb-0 flex items-center gap-2",children:["Total hours spent per page",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:"This should be the total number of hours spent by your writer or sales person to have the approved version ready for publication, including account based research and data compilation."})]})]}),(0,t.jsx)(a.Slider,{min:2.5,max:10,value:[p],onValueChange:e=>y(e[0]),theme:"light",background:!1,numberWidth:"w-12",numberSuffix:"h",trackBg:"bg-quaternary-purple",rangeBg:"bg-gradient-to-r from-tertiary-purple to-primary-purple",step:.5})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-3 mt-2 pt-4 border-t border-gray-EE px-4",children:[(0,t.jsxs)(s.Label,{className:"flex-1 !mb-0 flex items-center gap-2",children:["Hourly cost for the writer",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:"If you have more than one person contributing use the sum of the hourly fees of all of them. Otherwise simply put the hourly fee of the copywriter."})]})]}),(0,t.jsx)(a.Slider,{min:C,max:T,value:[m],onValueChange:e=>v(e[0]),theme:"light",background:!1,numberWidth:"w-12",formatValue:N,step:5,rangeBg:"bg-gradient-to-r from-tertiary-purple to-primary-purple",trackBg:"bg-quaternary-purple"})]})]})]})})}var p=e.i(251167),m=e.i(604384);function h({savingsPerPage:e,totalSavings:r,totalPages:i,currency:s}){return(0,t.jsxs)("div",{className:"flex flex-col gap-10 justify-top lg:rounded-tl-xl border-t-2 lg:border-l-2 border-gray-15 bg-gradient-to-r from-gray-F7 to-gray-EE p-6 xl:p-12 text-white mt-6 lg:mt-0",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("span",{className:"text-primary-purple font-bold text-base",children:"Total savings with AI supported production:"}),(0,t.jsx)(m.AnimatedNumber,{value:r,format:"currency",currency:s,className:"text-6xl sm:text-8xl lg:text-6xl xl:text-8xl leading-none font-black text-gray-15"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("span",{className:"text-primary-purple font-bold text-base",children:"Total number of pages you want to create:"}),(0,t.jsx)(m.AnimatedNumber,{value:i,format:"number",className:"text-6xl sm:text-8xl lg:text-6xl xl:text-8xl leading-none font-black text-gray-15"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("span",{className:"text-primary-purple font-bold text-base",children:"Savings per page:"}),(0,t.jsx)(m.AnimatedNumber,{value:e,format:"currency",currency:s,className:"text-6xl sm:text-8xl lg:text-6xl xl:text-8xl leading-none font-black text-gray-15"})]})]})}var g=e.i(159385),x=e.i(43243),f=e.i(982016),y=e.i(722314);e.s(["SimpleAbmRoiCalculator",0,function({className:e,cardHeading:s,cardSubheading:a}){let{state:o,calculations:n,currency:l,exchangeRate:c,setters:d}=function(){let{currency:e,setCurrency:t,convertFromUSD:s,convertBetweenCurrencies:a,exchangeRate:o}=(0,i.useCurrency)(),n=(0,r.useRef)(!1),l=(0,r.useRef)(e),c=(0,r.useRef)(!0),[d,u]=(0,r.useState)(100),[p,m]=(0,r.useState)(5),[h,g]=(0,r.useState)(4),[x,f]=(0,r.useState)(100);(0,r.useEffect)(()=>{c.current&&"USD"!==e&&1!==o?(f(Math.round(100*s(100))/100),c.current=!1):c.current&&"USD"===e&&(c.current=!1)},[e,o,s]),(0,r.useEffect)(()=>{e===l.current||c.current||(n.current?f(e=>Math.round(100*a(e))/100):("USD"===e||1!==o)&&f(Math.round(100*s(100))/100),("USD"===e||1!==o)&&(l.current=e))},[e,o,s,a]);let y=(0,r.useMemo)(()=>s(20),[s]),v=(0,r.useMemo)(()=>Math.max(0,d*p),[d,p]),b=(0,r.useMemo)(()=>
1h*x,[h,x]),w=(0,r.useMemo)(()=>v*b,[v,b]),j=(0,r.useMemo)(()=>v*y,[v,y]),k=(0,r.useMemo)(()=>Number((v*h*.19999999999999996).toFixed(2)),[v,h]),N=(0,r.useMemo)(()=>k*x,[k,x]),C=(0,r.useMemo)(()=>0===v?0:N/v,[N,v]),T=(0,r.useMemo)(()=>C+y,[C,y]),S=(0,r.useMemo)(()=>T*v,[T,v]),P=(0,r.useMemo)(()=>b-T,[b,T]),M=(0,r.useMemo)(()=>w-S,[w,S]);return{state:{accountsTarget:d,decisionMakersPerAccount:p,writerHoursPerPage:h,writerHourlyRate:x},calculations:{pages:v,manualCostPerPage:b,totalManualCost:w,automatedCostPerPage:y,totalAutomatedCost:j,manualHoursLeft:k,manualCostLeft:N,manualCostPerPageLeft:C,totalCostPerPage:T,totalCost:S,savingsPerPage:P,totalSavings:M},currency:e,exchangeRate:o,setters:{setAccountsTarget:u,setDecisionMakersPerAccount:m,setWriterHoursPerPage:g,setWriterHourlyRate:e=>{n.current=!0,f(e)},setCurrency:t}}}();return(0,t.jsx)("div",{className:"container mt-12",children:(0,t.jsxs)("div",{className:(0,g.default)("flex flex-col lg:grid lg:grid-cols-2 gap-2 lg:gap-12 bg-white rounded-xl pt-6 lg:pt-12 lg:pl-12 border-2 border-gray-15 overflow-hidden",e),children:[(0,t.jsxs)("div",{className:"relative px-6 lg:px-0 lg:pb-12",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsxs)("div",{className:"flex items-top justify-between",children:[y.isFilled.richText(s)?(0,t.jsx)(f.Heading,{size:"lg",className:"mt-1",field:s}):(0,t.jsx)(f.Heading,{size:"lg",as:"h3",children:"Account based page variations"}),(0,t.jsx)(p.CurrencySelector,{currency:l,onCurrencyChange:d.setCurrency,hasBg:!1})]}),y.isFilled.richText(a)?(0,t.jsx)(x.Copy,{muted:!0,size:"sm",className:"mt-2 max-w-lg",field:a}):(0,t.jsx)(x.Copy,{muted:!0,size:"sm",className:"mt-2 max-w-lg",children:(0,t.jsx)("p",{children:"Simply add the number for your accounts and how many decision makers you are planning to reach. We do the rest."})})]}),(0,t.jsx)(u,{accountsTarget:o.accountsTarget,decisionMakersPerAccount:o.decisionMakersPerAccount,writerHoursPerPage:o.writerHoursPerPage,writerHourlyRate:o.writerHourlyRate,currency:l,exchangeRate:c,onAccountsTargetChange:d.setAccountsTarget,onDecisionMakersChange:d.setDecisionMakersPerAccount,onWriterHoursPerPageChange:d.setWriterHoursPerPage,onWriterHourlyRateChange:d.setWriterHourlyRate})]}),(0,t.jsx)(h,{savingsPerPage:n.savingsPerPage,totalSavings:n.totalSavings,totalPages:n.pages,currency:l})]})})}],427671)},882782,e=>{"use strict";var t=e.i(807196),r=e.i(53229),i=e.i(311422),s=e.i(9797),a=e.i(900806),o=e.i(801206),n=e.i(124464),l=e.i(699417),c=e.i(34060),d=e.i(630130);function u({numberOfNewPages:e,writerHoursPerPage:i,writerHourlyRate:p,currency:m,exchangeRate:h,onNumberOfNewPagesChange:g,onWriterHoursPerPageChange:x,onWriterHourlyRateChange:f}){let[y,v]=(0,n.useNumberInput)(e,g),b=(0,r.useCallback)(e=>(0,l.formatCurrency)(e,m),[m]),w=(0,r.useMemo)(()=>(0,l.convertAndRoundCurrency)(30,h),[h]),j=(0,r.useMemo)(()=>(0,l.convertAndRoundCurrency)(200,h),[h]);return(0,t.jsx)("div",{children:(0,t.jsxs)("div",{className:"flex flex-col gap-4 mt-6",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsxs)(s.Label,{htmlFor:"number-of-new-pages",className:"flex-1 !mb-0 flex items-center gap-2",children:["Estimated volume in pages",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:(0,t.jsx)("p",{children:"We assume that you have an overall cost associated per page produced. The main cost we focus on is the actual production of the content. You simply add how many new pages you think you will launch."})})]})]}),(0,t.jsx)(o.Input,{type:"number",min:1,placeholder:"Enter number of new pages",id:"number-of-new-pages",value:y,onChange:e=>v(e.target.value)})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsxs)(s.Label,{htmlFor:"writer-hours-per-page",className:"flex-1 !mb-0 flex items-center gap-2",children:["Total hours spent per page",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:"This can include SEO research, competitor research and the actual writing of the content. It should be the total number of hours spent by your writer to have the approved version ready for publication."})]})]}),(0,t.jsx)(a.Slider,{id:"writer-hours-per-page",min:2.5,max:10,value:[i],onValueChange:e=>x(e[0]),theme:"light",background:!1,numberWidth:"w-12",numberSuffix:"h",trackBg:"bg-quaternary-purple",rangeBg:"bg-gradient-to-r from-tertiary-purple to-primary-purple",step:.5})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsxs)(s.Label,{htmlFor:"writer-hourly-rate",className:"flex-1 !mb-0 flex items-center gap-2",children:["Hourly cost for the researcher or writer",(0,t.jsxs)(c.Tooltip,{children:[(0,t.jsx)(c.TooltipTrigger,{children:(0,t.jsx)(d.InfoIcon,{className:"w-4 h-4"})}),(0,t.jsx)(c.TooltipContent,{children:"If you have more than one person contributing use the sum of the hourly fees of all of them. Otherwise simply put the hourly fee of the copywriter."})]})]}),(0,t.jsx)(a.Slider,{id:"writer-hourly-rate",min:w,max:j,value:[p],onValueChange:e=>f(e[0]),theme:"light",background:!1,numberWidth:"w-12",formatValue:b,step:5,rangeBg:"bg-gradient-to-r from-tertiary-purple to-primary-purple",trackBg:"bg-quaternary-purple"})]})]})})}var p=e.i(251167),m=e.i(604384);function h({savingsPerPage:e,totalSavings:r,currency:i}){return(0,t.jsxs)("div",{className:"flex flex-col gap-10 justify-top lg:rounded-tl-xl border-t-2 lg:border-l-2 border-gray-15 bg-gradient-to-r from-gray-F7 to-gray-EE p-6 xl:p-12 text-white mt-6 lg:mt-0",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("span",{className:"text-primary-purple font-bold text-base",children:"Total Savings with AI supported production:"}),(0,t.jsx)(m.AnimatedNumber,{value:r,format:"currency",currency:i,className:"text-6xl sm:text-8xl lg:text-6xl xl:text-8xl leading-none font-black text-gray-15"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("span",{className:"text-primary-purple font-bold text-base",children:"That means per page you save:"}),(0,t.jsx)(m.AnimatedNumber,{value:e,format:"currency",currency:i,className:"text-6xl sm:text-8xl lg:text-6xl xl:text-8xl leading-none font-black text-gray-15"})]})]})}var g=e.i(159385),x=e.i(43243),f=e.i(982016),y=e.i(722314);e.s(["SimpleRoiCalculator",0,function({className:e,cardHeading:s,cardSubheading:a}){let{state:o,calculations:n,currency:l,exchangeRate:c,setters:d}=function(){let{currency:e,setCurrency:t,convertFromUSD:s,convertBetweenCurrencies:a,exchangeRate:o}=(0,i.useCurrency)(),n=(0,r.useRef)(!1),l=(0,r.useRef)(e),c=(0,r.useRef)(!0),[d,u]=(0,r.useState)(500),[p,m]=(0,r.useState)(4),[h,g]=(0,r.useState)(100);(0,r.useEffect)(()=>{c.current&&"USD"!==e&&1!==o?(g(Math.round(100*s(100))/100),c.current=!1):c.current&&"USD"===e&&(c.current=!1)},[e,o,s]),(0,r.useEffect)(()=>{e===l.current||c.current||(n.current?g(e=>Math.round(100*a(e))/100):("USD"===e||1!==o)&&g(Math.round(100*s(100))/100),("USD"===e||1!==o)&&(l.current=e))},[e,o,s,a]);let x=(0,r.useMemo)(()=>s(48),[s]),f=(0,r.useMemo)(()=>p*h,[p,h]),y=(0,r.useMemo)(()=>d*f,[d,f]),v=(0,r.useMemo)(()=>d*x,[d,x]),b=(0,r.useMemo)(()=>Number((d*p*.19999999999999996).toFixed(2)),[d,p]),w=(0,r.useMemo)(()=>b*h,[b,h]),j=(0,r.useMemo)(()=>
10===d?0:w/d,[w,d]),k=(0,r.useMemo)(()=>j+x,[j,x]),N=(0,r.useMemo)(()=>k*d,[k,d]),C=(0,r.useMemo)(()=>f-k,[f,k]),T=(0,r.useMemo)(()=>y-N,[y,N]);return{state:{numberOfNewPages:d,writerHoursPerPage:p,writerHourlyRate:h},calculations:{manualCostPerPage:f,totalManualCost:y,automatedCostPerPage:x,totalAutomatedCost:v,manualHoursLeft:b,manualCostLeft:w,manualCostPerPageLeft:j,totalCostPerPage:k,totalCost:N,savingsPerPage:C,totalSavings:T},currency:e,exchangeRate:o,setters:{setNumberOfNewPages:u,setWriterHoursPerPage:m,setWriterHourlyRate:e=>{n.current=!0,g(e)},setCurrency:t}}}();return(0,t.jsx)("div",{className:"container mt-12",children:(0,t.jsxs)("div",{className:(0,g.default)("flex flex-col lg:grid lg:grid-cols-2 gap-2 lg:gap-12 bg-white rounded-xl pt-6 lg:pt-12 lg:pl-12 border-2 border-gray-15 overflow-hidden",e),children:[(0,t.jsxs)("div",{className:"relative px-6 lg:px-0 lg:pb-12",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsxs)("div",{className:"flex items-top justify-between",children:[y.isFilled.richText(s)?(0,t.jsx)(f.Heading,{size:"lg",className:"mt-1",field:s}):(0,t.jsx)(f.Heading,{size:"lg",as:"h3",children:"For website content"}),(0,t.jsx)(p.CurrencySelector,{currency:l,onCurrencyChange:d.setCurrency,hasBg:!1})]}),y.isFilled.richText(a)?(0,t.jsx)(x.Copy,{muted:!0,size:"sm",className:"mt-2 max-w-lg",field:a}):(0,t.jsx)(x.Copy,{muted:!0,size:"sm",className:"mt-2 max-w-lg",children:(0,t.jsx)("p",{children:"Based on your volume estimates."})})]}),(0,t.jsx)(u,{numberOfNewPages:o.numberOfNewPages,writerHoursPerPage:o.writerHoursPerPage,writerHourlyRate:o.writerHourlyRate,currency:l,exchangeRate:c,onNumberOfNewPagesChange:d.setNumberOfNewPages,onWriterHoursPerPageChange:d.setWriterHoursPerPage,onWriterHourlyRateChange:d.setWriterHourlyRate})]}),(0,t.jsx)(h,{savingsPerPage:n.savingsPerPage,totalSavings:n.totalSavings,currency:l})]})})}],882782)},443803,e=>{"use strict";var t=e.i(807196),r=e.i(53229),i=e.i(722314),s=e.i(584647),a=e.i(676525),o=e.i(51436);let n=(0,o.createServerReference)("7049c6386fe80f192996b08772df282e66b21f8836",o.callServer,void 0,o.findSourceMapURL,"getRecommendationForRole");var l=e.i(159385),c=e.i(379696),d=e.i(763085),u=e.i(318700);let p=({color:e,className:i,loading:s=!1})=>{let a=(0,r.useRef)(null),[o,n]=(0,r.useState)({x:0,y:0,width:0,height:0}),p=(0,d.useMotionValue)(0),m=(0,d.useMotionValue)(0),h=(0,d.useMotionValue)(1);(0,r.useEffect)(()=>{if(s)return;let e=setInterval(()=>{h.set(.2),setTimeout(()=>{h.set(1)},100)},3e3);return()=>clearInterval(e)},[s]);let g=(0,u.useTransform)(p,[-(1.5*o.width),3*o.width],["-18%","18%"]),x=(0,u.useTransform)(m,[-(1.5*o.height),3*o.height],["-20%","10%"]),f=(0,u.useTransform)(m,[-(1.5*o.height),3*o.height],["0","10%"]),y=(0,u.useTransform)(m,[-(1.5*o.height),3*o.height],["0","-10%"]),v=e=>{if(!a.current||s)return;let t=a.current.getBoundingClientRect(),r=t.left+t.width/2,i=t.top+t.height/2,o=e.clientX-r,n=e.clientY-i;p.set(o),m.set(n)},b=()=>{if(!a.current)return;let e=a.current.getBoundingClientRect();n({x:e.left,y:e.top,width:e.width,height:e.height})};return(0,r.useEffect)(()=>(b(),window.addEventListener("mousemove",v),window.addEventListener("resize",b),()=>{window.removeEventListener("mousemove",v),window.removeEventListener("resize",b)}),[s]),(0,t.jsxs)("svg",{ref:a,className:(0,l.default)(i,{"text-primary-purple":"purple"===e,"text-primary-green":"green"===e,"text-primary-blue":"blue"===e,"text-primary-orange":"orange"===e,"text-primary-pink":"pink"===e}),viewBox:"0 0 45 49",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("defs",{children:(0,t.jsx)(c.motion.clipPath,{id:"cut",style:{y:s?0:y},children:(0,t.jsx)("ellipse",{cx:"22.6621",cy:"22.662",rx:"21.6621",ry:"21.662"})})}),(0,t.jsx)("path",{opacity:"0.2",d:"M32.6197 46.6434C27.121 49.7855 18.2058 49.7855 12.707 46.6434C7.20833 43.5013 7.20833 38.4069 12.707 35.2648C18.2058 32.1227 27.121 32.1227 32.6197 35.2648C38.1184 38.4069 38.1184 43.5013 32.6197 46.6434Z",fill:"#151515"}),(0,t.jsx)("ellipse",{cx:"22.6621",cy:"22.662",rx:"21.6621",ry:"21.662",fill:"
1currentColor",stroke:"#151515",strokeWidth:"1"}),(0,t.jsx)(c.motion.g,{style:{y:s?0:f},children:(0,t.jsx)("path",{clipPath:"url(#cut)",d:"M22.6621 44.324C34.6257 44.324 44.3242 34.6256 44.3242 22.662C44.3242 22.0257 44.2967 21.3958 44.243 20.7734C43.2861 29.9516 33.9894 37.154 22.6621 37.154C11.3347 37.154 2.03806 29.9516 1.08119 20.7734C1.02743 21.3958 1 22.0257 1 22.662C1 34.6256 10.6984 44.324 22.6621 44.324Z",fill:"#151515"})}),(0,t.jsxs)(c.motion.g,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:s?[1,1.4,1]:1},transition:{opacity:{duration:.3},scale:s?{duration:.8,repeat:1/0,ease:"easeInOut"}:{duration:.3}},style:{x:s?0:g,y:s?0:x,scaleY:h},children:[(0,t.jsx)("rect",{x:"18",y:"19",width:"3",height:"11",rx:"1.5",fill:"#151515"}),(0,t.jsx)("rect",{x:"25",y:"19",width:"3",height:"11",rx:"1.5",fill:"#151515"})]})]})};var m=e.i(982016),h=e.i(43243),g=e.i(34060),x=e.i(183672),f=e.i(52127),y=e.i(260113);let v=(e,t=10,i=100)=>{let[s,a]=(0,r.useState)(""),[o,n]=(0,r.useState)(!1),[l,c]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!e)return;let t=setTimeout(()=>{c(!0)},i);return()=>clearTimeout(t)},[e,i]),(0,r.useEffect)(()=>{if(!l||!e)return;let r=0;a(""),n(!1);let i=setInterval(()=>{r<e.length?(a(e.slice(0,r+1)),r++):(n(!0),clearInterval(i))},t);return()=>clearInterval(i)},[e,t,l]),{displayText:s,isComplete:o,isStarted:l}};e.s(["default",0,({slice:e})=>{let[o,l]=(0,r.useState)(null),[d,u]=(0,r.useState)(""),[b,w]=(0,r.useState)(!1),[j,k]=(0,r.useState)(!0),[N,C]=(0,r.useState)(!1),[T,S]=(0,r.useState)(!1),[P,M]=(0,r.useState)(!1),[I,R]=(0,r.useState)(null),[A,z]=(0,r.useState)(!1),[B,E]=(0,r.useState)(""),[F,H]=(0,r.useState)(""),O=(0,r.useRef)(null),[W,D]=(0,r.useState)(0),[U,L]=(0,r.useState)(""),_=e.primary.response_placeholders?.filter(e=>"developer"===e.role||"both"===e.role)?.map(e=>e.placeholder)||[],q=e.primary.response_placeholders?.filter(e=>"marketer"===e.role||"both"===e.role)?.map(e=>e.placeholder)||[],V=e.primary.agent_greeting||"Hello, I'm Prismic, your website growth partner. I am built to help you navigate your way to the most relevant content based on your role and goals. But first, what is your role?",Y=e.primary.agent_follow_up?e.primary.agent_follow_up.replace("{role}",o||""):`Great! Prismic is built for both developers and marketers working together. As a ${o}, what are you looking to achieve right now?`,K=e.primary.agent_loading||"Awesome. I'm matching you with the right resources...",J=e.primary.agent_loaded||"Perfect, now I'll create a fully personalized slice that can guide you to your next step",{displayText:G,isComplete:Z}=v(j?V:"",15,750),{displayText:X,isComplete:$}=v(b?Y:"",15,300),{displayText:Q,isComplete:ee}=v(N?K:"",15,300),{displayText:et,isComplete:er}=v(P?J:"",15,300),{displayText:ei,isComplete:es}=v(U,30,500);(0,r.useEffect)(()=>{if(!o)return void L("");let e="developer"===o?_:q;if(L(e[W]),es){let t=setTimeout(()=>{D(t=>(t+1)%e.length)},2e3);return()=>clearTimeout(t)}},[o,W,es]),(0,r.useEffect)(()=>{o&&D(0)},[o]),(0,r.useEffect)(()=>{$&&!A&&!I&&O.current&&O.current.focus()},[$,A,I]);let ea=e=>{l(e),k(!1),w(!0),R(null),E(""),u("")},eo=async()=>{if(o){E(""),w(!1),C(!0),M(!1),z(!0),setTimeout(()=>{let t;H((t=e.primary.did_you_know_facts?.filter(e=>e.role===o||"both"===e.role)?.map(e=>e.fact),t?.[Math.floor(Math.random()*t.length)]||"")),S(!0)},1500);try{let t=new Promise(e=>setTimeout(e,5e3)),r=(0,f.asText)(e.primary.system_prompt)||` 2 ## Role and context 3 4You are a growth partner and helpful assistant representing Prismic on their website. Your goal is to help visitors determine if Prismic is the right fit for their needs by understanding their situation and directing them to the most relevant resources. 5 6## About Prismic 7 8Prismic evolved from a headless CMS into a headless page builderâa platform purpose-built for modern websites and the teams who run them. Unlike traditional headless CMSs that focus on abstract content modeling for omnichannel delivery, Prismic is rooted in how B2B marketing websites are actually built, maintained, and grown. 9 10**Our platform empowers both developers and marketers with specialized tools that work seamlessly together:** 11 12**For marketers**: Our visual page builder enables complete independence in page creation and optimization. Key features include built-in localization workflow with AI-powered translation and glossary support for on-brand messaging across global markets. Spaces and custom roles provide clear ownership of different website sections, while collaboration features ensure teams can move quickly without bottlenecks. Marketers can compose pages, test strategies, and drive conversion without waiting for developer resources. 13 14**For developers**: Our development toolkit includes Slice Machine
14(visual content modeling), deep integrations with Next, Nuxt, and SvelteKit, and built-in TypeScript support. Prismic MCP provides context to AI code editors for rapid development, while image-to-slice converts designs directly into content models. These tools create the building blocks that power the marketing team's page builder while maintaining technical excellence and framework compatibility. 15 16**The result**: Marketing teams achieve the independence and speed they need to drive growth, while developers maintain control over code quality and technical architecture. Both teams work collaboratively yet independently for maximum efficiency. 17 18## User personas 19 20### Developers 21 22- Champions in their companies evaluating solutions 23- Need tech stack compatibility and great developer experience 24- Want to enable their marketing teams to move fast 25- Care about code quality and technical architecture 26 27### Marketers 28 29- Want independence from developers when creating pages 30- Focus on conversion, traffic, and growth metrics 31- Need brand consistency and ability to test strategies quickly 32- Want to create unique, on-brand websites 33 34## Brand voice guidelines 35 36- **Curious and empathetic**: Ask thoughtful questions to understand their specific situation 37- **Confident and clear**: Don't beat around the bush, be direct about value 38- **Conversational**: Use "you" and "we", contractions, sound like talking to a colleague 39- **Honest**: No overselling, focus on what's genuinely relevant 40- **Growth partner mindset**: You're invested in their success, not just selling a product 41 42## Writing style guidelines 43 44- **Point of view**: Use "we/us/our" when referring to Prismic, "you/your" when addressing the reader 45- **Plain English**: Write in easily understandable words, avoid jargon and technical complexity 46- **Friendly tone**: Use contractions (can't, won't, don't), be conversational but professional 47- **Numbers**: Spell out one through ten, use numerals for 11 and above 48- **Punctuation**: Use Oxford commas, put punctuation inside quotation marks 49- **Em dashes**: Always use spaces on both sides â like this â not like thisâor this 50- **Emojis**: Use sparingly, mainly in casual communication contexts 51- **Abbreviations**: Spell out first time if not obvious to all readers 52 53## Capitalization rules 54 55- **Capitalize**: Prismic product names (Slice Machine, Page Builder), brand names (Prismic), programming languages (JavaScript), proper nouns 56- **Don't capitalize**: Common concepts (content modeling, page builder when used generically), data types (rich text field, slice), basic features (field, tag, type) 57- **Page Builder**: Capitalize when using "the Page Builder", lowercase when using "a page builder" or plural 58- **Tech terms**: JavaScript (capitalize S), npm (lowercase), Next.js, Nuxt.js, SvelteKit, API, HTML 59 60## Content resources available 61 62### Overview and getting started 63 64- https://prismic.io/marketers - Overview for marketers 65- https://prismic.io/developers - Developer overview 66 67### Core product evaluation 68 69- https://prismic.io/page-builder - Page builder features 70- https://prismic.io/slice-machine - Visual content modeling 71- https://prismic.io/lp/ai-landing-page-builder - AI-powered page building 72- https://prismic.io/features/slices - Component architecture 73- https://prismic.io/features/spaces - Team collaboration 74- https://prismic.io/features/user-roles - Access control 75- https://prismic.io/features/localization - Multi-language support 76- https://prismic.io/features/migration - Migration support 77 78### Hands-on experience 79 80- https://prismic.io/try - Interactive page builder demo 81- https://prismic.io/dashboard/signup - Free signup 82- https://prismic.io/demo - Request personalized demo 83 84### Use case solutions 85 86- https://prismic.io/solutions/marketing-website - Marketing website solution 87- https://prismic.io/solutions/blog - Blog/content solution 88 89### Comparison and social proof 90 91- https://prismic.io/comparison/prismic-vs-contentful - vs Contentful 92- https://prismic.io/comparison/prismic-vs-webflow - vs Webflow 93- https://prismic.io/comparison/prismic-vs-storyblok - vs Storyblok 94- https://prismic.io/case-studies - Customer stories, case studies, and website examples 95 96### Learning resources 97 98- https://prismic.io/courses - Developer courses 99- https://prismic.io/blog - Developer blog 100- https://prismic.io/playbooks - Marketing playbooks 101- https://prismic.io/docs - Technical documentation 102 103### Pricing and business 104 105- https://prismic.io/pricing - Plans and pricing 106 107## Instructions 108 109### User understanding 110 111Remember that Prismic users come from all over the world, from all industries, with different jobs and varying technical understanding (from none to expert). They're looking for help with their website and content challenges. Don't assume they know JavaScript, APIs, or complex technical concepts. 112 113### Input processing 114 115You'll receive user input after they've selected either "Developer" or "Marketer" path. The input will be their open-ended response about their goals, challenges, or situation. 116 117### Response structure 118 1191. **Acknowledge** their input with empathetic validation
1202. **Provide personalized explanation** of why specific resources match their situation 1213. **Present 2-3 most relevant resources** with brief descriptions 1224. **Include next steps** and call-to-action 123 124### Routing logic 125 126**For marketers**, look for signals like: 127 128- "independence from developers" â page-builder, marketers 129- "faster page creation" â page-builder, ai-landing-page-builder 130- "conversion/testing" â marketers, solutions/marketing-website 131- "global/international" â localization 132- "team collaboration" â spaces, user-roles 133- "comparing tools" â comparison/* pages 134- "blog/content" â solutions/blog 135- "proof/examples" â customers 136- "see how it works" â try (interactive demo) 137- "pricing/cost" â pricing 138- "get started" â dashboard/signup 139- "demo/walkthrough" â demo 140 141**For developers**, look for signals like: 142 143- "evaluating headless CMS" â developers, comparison/* pages 144- "developer experience" â developers, slice-machine 145- "enable marketing team" â developers, features/slices 146- "tech stack/framework" â developers, docs 147- "migration" â features/migration 148- "proof/examples" â customers 149- "learning/getting started" â courses, docs 150- "see how it works" â try (interactive demo) 151- "pricing/cost" â pricing 152- "get started" â dashboard/signup 153- "demo/walkthrough" â demo 154 155### Resource priority guidelines 156 157- **Always prioritize hands-on experience**: try, dashboard/signup, demo 158- **For evaluation**: Start with persona overview (marketers/developers), then specific features 159- **For comparison**: Use comparison/* pages, then customers for social proof 160- **For implementation**: docs, courses, migration 161- **For business decisions**: pricing, demo, customers 162 163### Response examples 164 165**For vague responses** like "just exploring": 166Route to overview resources (marketers or developers page) plus one specific feature that matches their persona. 167 168**For specific challenges**: 169Directly address their pain point and route to most relevant solutions. 170 171### Call-to-action options 172 173- "Ready to get started? Sign up for free to explore Prismic yourself." â dashboard/signup 174- "Want to see how this works for your specific use case? Request a demo with our team." â demo 175- "Try our interactive page builder demo to see Prismic in action." â try 176- "Check out our pricing to see which plan fits your needs." â pricing 177- "Start with [specific resource] and then check out [related resource] when you're ready." 178 179### Tone guidelines 180 181- Start responses with validation: "That makes total sense" / "I completely understand" / "That's a common challenge" 182- Use conversational language: "you're looking for" / "what you're trying to achieve" / "that'll help you" 183- Be confident about recommendations: "Based on what you shared, here are the resources that'll be most helpful" 184- End with helpful, service-oriented language 185- **Meet users where they are**: Be open to possibilities, use friendly non-discriminatory language 186- **Make users feel comfortable**: Explain what they need to know without being condescending 187- **Avoid**: Jargon, over-explaining, assuming technical knowledge 188 189### Technical constraints 190 191- Keep responses concise but comprehensive 192- Focus on one exchange (user input â AI recommendation) 193- Always include 2-3 specific resource links 194- Prioritize most relevant resources over comprehensive lists 195- Adapt Prismic differentiators based on their specific situation 196 197## Forbidden words and phrases 198 199Never use these corporate buzzwords in any response: 200Conventional solutions, Disruptive innovation, Harness the power, Digital landscape, Holistic approach, Mission-critical, Diverse sources, Paradigm shift, Ever-evolving, Best-in-class, Laser-focused, Revolutionize, Unprecedented, Ever-changing, Orchestrating, Cutting-edge, Game-changer, Supercharge, Streamline, Meticulous, Underscore, Disruptive, Next-level, Reimagined, Fast-paced, Dive into, Landscape, Manifests, Intricate, Deep dive, Redefine, Seamless, Leverage, Reinvent, Holistic, Navigate, Tailored, Embrace, Utilize, Enhance, Unleash, Elevate, Empower, Synergy, Bespoke, Enable, Embark, Unlock, Ensure, Unveil 201 202## Additional words to avoid 203
204- "here" or "this" in links (make anchor text self-explanatory) 205- Jargon without explanation 206- Over-complex technical terms when simpler words work 207- Condescending language or over-explaining basics 208 209## Loading state content: Random facts about Prismic 210 211### For developers 212 213- "Slice Machine lets you build a system of composable slices that marketers use to create pages â no more maintaining individual website pages." 214- "Developers can focus on building a smooth setup that is highly performant and, thanks to the headless architecture, integrates perfectly with the company's tech stack." 215- âPrismic automatically generates TypeScript types for your content models.â 216- âOur image-to-slice feature converts designs directly into content models.â 217- âPrismic MCP gives your AI code editor context about your content structure â so you can code slices faster than ever.â 218 219### For marketers 220 221- "Building pages in Prismic is like building a slide deck â you can rearrange slices and copy and paste entire slices for speedy work.â 222- "You can launch and update content independently, focusing on traffic and conversion.â 223- "Our Page Builder requires zero technical knowledge â just use pre-built custom slices." 224 225### For both audiences 226 227- "We're 100% focused on websites while other headless CMS platforms build for multiple channels." 228- "Prismic delivers the perfect balance between flexibility and brand safety.â 229- "We believe the best websites are built with collaboration between marketers and developers.â 230 `,i=((0,f.asText)(e.primary.user_prompt)||"I'm a {role} and I want to learn more about Prismic. My specific goal/purpose is: {purpose}. Generate a personalized recommendation.").replace("{role}",o).replace("{purpose}",d),s=n(i,r,e.primary.ai_model||"gpt-4o-mini"),[a]=await Promise.all([s,t]);a.success&&a.data?(C(!1),S(!1),M(!0),setTimeout(()=>{a.data&&R(a.data),z(!1)},3e3)):(E(a.error||"Failed to get recommendation"),z(!1))}catch(e){E("Something went wrong. Please try again."),z(!1)}}},en=()=>{eo()};return(0,t.jsx)("section",{"data-slice-type":e.slice_type,"data-slice-variation":e.variation,className:"relative overflow-hidden min-h-[700px]",children:(0,t.jsxs)(s.SliceLayout,{className:"relative",children:[(0,t.jsx)(c.motion.div,{initial:{opacity:0}
230,animate:{opacity:.8},transition:{duration:1,ease:"easeInOut"},className:"w-full h-[700px] absolute top-0 left-0",style:{background:"radial-gradient(ellipse 100% 80% at 50% 20%, #474747 0%, #151515 70%)"}}),(0,t.jsxs)("div",{className:"container flex flex-col relative z-10",children:[(0,t.jsx)(c.motion.div,{initial:{marginBottom:"48px",opacity:0,y:80,scale:.9},animate:{marginBottom:o?0:"48px",opacity:+!o,height:o?0:"auto",y:0,scale:1},transition:{duration:.5,ease:"easeInOut"},children:(0,t.jsx)(m.Heading,{as:"h2",size:"3xl",className:"text-center",children:(0,f.asText)(e.primary.heading)})}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(c.motion.svg,{initial:{opacity:0},animate:{opacity:1},transition:{duration:1,ease:"easeInOut"},width:"400",height:"400",viewBox:"0 0 400 400",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none scale-[3] -z-10",children:(0,t.jsxs)("g",{opacity:"0.6",children:[(0,t.jsx)(c.motion.g,{animate:{opacity:[.4,1,.4]},transition:{duration:2.5,repeat:1/0,ease:"easeOut",delay:0},children:(0,t.jsx)("rect",{x:"151",y:"151",width:"98",height:"98",rx:"49",stroke:"#151515",strokeWidth:"0.33"})}),(0,t.jsx)(c.motion.g,{animate:{opacity:[.3,.9,.3]},transition:{duration:2.5,repeat:1/0,ease:"easeOut",delay:.2},children:(0,t.jsx)("rect",{x:"111",y:"111",width:"178",height:"178",rx:"89",stroke:"#151515",strokeWidth:"0.33"})}),(0,t.jsx)(c.motion.g,{animate:{opacity:[.2,.8,.2]},transition:{duration:2.5,repeat:1/0,ease:"easeOut",delay:.4},children:(0,t.jsx)("rect",{x:"71",y:"71",width:"258",height:"258",rx:"129",stroke:"#151515",strokeWidth:"0.33"})}),(0,t.jsx)(c.motion.g,{animate:{opacity:[.15,.7,.15]},transition:{duration:2.5,repeat:1/0,ease:"easeOut",delay:.6},children:(0,t.jsx)("rect",{x:"31",y:"31",width:"338",height:"338",rx:"169",stroke:"#151515",strokeWidth:"0.33"})}),(0,t.jsx)(c.motion.g,{animate:{opacity:[.1,.6,.1]},transition:{duration:2.5,repeat:1/0,ease:"easeOut",delay:.8},children:(0,t.jsx)("rect",{x:"-9",y:"-9",width:"418",height:"418",rx:"209",stroke:"#151515",strokeWidth:"0.33"})})]})}),(0,t.jsxs)(c.motion.div,{className:"max-w-3xl mx-auto gap-y-6 bg-gray-30 p-4 rounded-lg shadow-xl relative flex flex-col border border-white border-opacity-15",initial:{scale:.9,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.5,ease:"easeInOut"},children:[(0,t.jsxs)("div",{className:"space-y-4 overflow-y-auto pr-2 flex-1",children:[(0,t.jsxs)("div",{className:"flex items-start gap-4",children:[(0,t.jsx)(p,{color:"purple",className:"flex-shrink-0 w-16 h-16",loading:A}),(0,t.jsx)("div",{className:"flex-1 my-[18px]",children:(0,t.jsxs)("div",{children:[j&&(0,t.jsx)("p",{children:G}),b&&(0,t.jsx)("p",{children:X}),N&&(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:Q}),T&&F&&(0,t.jsxs)(c.motion.div,{className:"bg-gray-50 border border-white border-opacity-15 rounded-md p-4 mt-4 shadow-md max-w-lg",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.25,ease:"easeInOut"},children:[(0,t.jsx)("p",{className:"text-primary-green font-bold mb-2 uppercase",children:"Did you know?"}),(0,t.jsx)("p",{children:F})]})]}),P&&(0,t.jsx)("p",{children:et})]})})]}),Z&&j&&!o&&(0,t.jsxs)(c.motion.div,{className:"inline-flex gap-2 justify-start ml-20 pb-4",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.25,ease:"easeInOut"},children:[(0,t.jsx)(a.Button,{onClick:()=>ea("marketer"),style:"primary",size:"xs",theme:"dark",disabled:A,children:(0,t.jsx)("span",{children:"I'm a marketer"})}),(0,t.jsx)(a.Button,{onClick:()=>ea("developer"),style:"primary",size:"xs",theme:"dark",disabled:A,children:(0,t.jsx)("span",{children:"I'm a developer"})})]})]}),$&&!A&&!I&&(0,t.jsxs)(c.motion.div,{className:"flex gap-1 items-center -mx-2",initial:{opacity:0,y:8},animate:{opacity:1,y:8},exit:{opacity:0,y:8},transition:{duration:.25,ease:"easeInOut"},children:[(0,t.jsx)("input",{ref:O,value:d,onChange:e=>u(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!A&&d.trim().length>=3&&en()},placeholder:ei,maxLength:200,disabled:A,className:"flex-1 resize-none h-[42px] px-4 border border-white border-opacity-15 rounded-md bg-gray-15 focus:outline-none focus:border-opacity-30 placeholder:text-gray-50"}),(0,t.jsx)(a.Button,{as:"button",onClick:en,style:"primary",theme:"light",disabled:A||d.trim().length<3,size:"xs",children:"Send"})]})]})]}),I&&(0,t.jsxs)(c.motion.div,{className:"space-y-6 mt-16",initial:{opacity:0,y:80}
230,animate:{opacity:1,y:0},transition:{duration:.5,ease:"easeInOut"},children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(m.Heading,{size:"2xl",as:"h2",className:"max-w-2xl",children:I.title}),(0,t.jsx)(h.Copy,{size:"lg",theme:"dark",className:"mt-4 max-w-4xl",muted:!0,children:I.pitch})]}),(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 pt-4",children:I.recommendedPages.map((e,r)=>(0,t.jsxs)("div",{className:"p-8 rounded-xl bg-gray-15 border border-white border-opacity-10 flex flex-col",children:[(0,t.jsx)(m.Heading,{as:"h3",size:"sm",children:e.title}),(0,t.jsx)(h.Copy,{size:"sm",muted:!0,className:"grow mt-4",theme:"dark",children:e.description}),(0,t.jsx)(a.Button,{style:"tertiary",as:x.default,href:e.url,rel:"noopener noreferrer",className:"mt-4",children:"Read more"})]},r))})})]}),!I&&i.isFilled.richText(e.primary.disclaimer)&&(0,t.jsx)(c.motion.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.5,ease:"easeInOut",delay:1},className:"text-gray-A4 mx-auto text-sm mt-8 text-center flex flex-col items-center gap-2 justify-center gap-y-4",children:(0,t.jsx)("div",{className:"flex flex-col gap-y-1",children:(0,t.jsx)(y.PrismicRichText,{field:e.primary.disclaimer,components:{paragraph:({children:r})=>{let i=e=>"string"==typeof e?e:Array.isArray(e)?e.map(i).join(""):e?.props?.children?i(e.props.children):e?.toString()||"",s=i(r);if(s.includes("{terms}")){let r=s.split("{terms}");return(0,t.jsx)("p",{className:"text-gray-A4",children:r.map((i,s)=>(0,t.jsxs)("span",{children:[i,s<r.length-1&&(0,t.jsxs)(g.Tooltip,{children:[(0,t.jsx)(g.TooltipTrigger,{className:"underline underline-offset-2 decoration-dotted hover:decoration-solid cursor-help",children:"terms"}),(0,t.jsx)(g.TooltipContent,{children:(0,t.jsx)("div",{className:"space-y-2",children:(0,t.jsx)(y.PrismicRichText,{field:e.primary.disclaimer_tooltip})})})]})]},s))})}return(0,t.jsx)("p",{className:"text-gray-A4",children:r})}}})})})]})]})})}],443803)}]);
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.