https://9x12method.com/_next/static/chunks/app/page-7283eabd6f452d9e.js?dpl=dpl_4fzxJywvc2xxRbenZAbWzAX25aCP

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1931],{9769:function(e,t,a){Promise.resolve().then(a.bind(a,4365)),Promise.resolve().then(a.bind(a,24)),Promise.resolve().then(a.t.bind(a,5878,23)),Promise.resolve().then(a.t.bind(a,2972,23))},4365:function(e,t,a){"use strict";a.d(t,{default:function(){return l}});var n=a(7437),r=a(2265),s=a(1719);let i={"9x12":{label:"9x12 card, 5,000 homes",print:2999,price:500},community:{label:"Community card, 2,500 homes",print:1449,price:250}},c=e=>e.toLocaleString("en-US",{style:"currency",currency:"USD",maximumFractionDigits:0});function l(e){let{tone:t="dark",initialFormat:a="9x12"}=e,[l,o]=(0,r.useState)(a),[d,m]=(0,r.useState)(16),[x,u]=(0,r.useState)(i[a].price),p=i[l].print,h=d*x,g="dark"===t,f=e=>{o(e),u(i[e].price)},b=(e,t,a)=>({"--fill":"".concat((e-t)/(a-t)*100,"%")});return(0,n.jsxs)("div",{className:"rounded-[28px] p-6 sm:p-9 ".concat(g?"bg-forest-950/60 text-cream-50 ring-1 ring-cream-50/10":"bg-white text-ink shadow-card ring-1 ring-ink/5"),children:[(0,n.jsx)("div",{role:"tablist","aria-label":"Card format",className:"inline-flex rounded-xl p-1 ".concat(g?"bg-cream-50/10":"bg-cream-100"),children:Object.keys(i).map(e=>(0,n.jsx)("button",{role:"tab","aria-selected":l===e,onClick:()=>f(e),className:"rounded-lg px-4 py-2 text-[14px] font-semibold transition ".concat(l===e?g?"bg-marigold text-ink":"bg-forest-900 text-cream-50":g?"text-cream-200 hover:text-cream-50":"text-ink-soft hover:text-ink"),children:"9x12"===e?"9x12 card":"Community card"},e))}),(0,n.jsxs)("div",{className:"mt-8 grid gap-8",children:[(0,n.jsxs)("label",{className:"block",children:[(0,n.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,n.jsx)("span",{className:"text-[15px] font-medium ".concat(g?"text-cream-200":"text-ink-soft"),children:"Ads on the card"}),(0,n.jsxs)("span",{className:"text-[26px] font-extrabold tabular-nums tracking-tight",children:[d,16!==d&&(0,n.jsx)("span",{className:"ml-1.5 text-[12.5px] font-semibold ".concat(g?"text-cream-300":"text-ink-muted"),children:d>16?"(some split in half)":"(some bigger ads)"})]})]}),(0,n.jsx)("input",{type:"range",min:1,max:24,value:d,onChange:e=>m(+e.target.value),className:"range mt-3 ".concat(g?"":"range-light"),style:b(d,1,24),"aria-label":"Ads on the card"})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,n.jsx)("span",{className:"text-[15px] font-medium ".concat(g?"text-cream-200":"text-ink-soft"),children:"Average price per ad"}),(0,n.jsx)("span",{className:"text-[26px] font-extrabold tabular-nums tracking-tight",children:c(x)})]}),(0,n.jsx)("input",{type:"range",min:150,max:900,step:25,value:x,onChange:e=>u(+e.target.value),className:"range mt-3 ".concat(g?"":"range-light"),style:b(x,150,900),"aria-label":"Average price per ad"})]})]}),(0,n.jsxs)("dl",{className:"mt-9 grid gap-px overflow-hidden rounded-2xl ".concat(g?"bg-cream-50/10":"bg-ink/10"," sm:grid-cols-3"),children:[(0,n.jsxs)("div",{className:"p-5 ".concat(g?"bg-forest-900":"bg-cream-50"),children:[(0,n.jsx)("dt",{className:"text-[12px] font-bold uppercase tracking-[0.14em] ".concat(g?"text-cream-300":"text-ink-muted"),children:"Collected"}),(0,n.jsx)("dd",{className:"mt-1 text-[28px] font-extrabold tabular-nums tracking-tight",children:c(h)})]}),(0,n.jsxs)("div",{className:"p-5 ".concat(g?"bg-forest-900":"bg-cream-50"),children:[(0,n.jsx)("dt",{className:"text-[12px] font-bold uppercase tracking-[0.14em] ".concat(g?"text-cream-300":"text-ink-muted"),children:"Print and mail"}),(0,n.jsxs)("dd",{className:"mt-1 text-[28px] font-extrabold tabular-nums tracking-tight",children:["−",c(p)]})]}),(0,n.jsxs)("div",{className:"p-5 ".concat(g?"bg-marigold text-ink":"bg-forest-900 text-cream-50"),children:[(0,n.jsx)("dt",{className:"text-[12px] font-bold uppercase tracking-[0.14em] opacity-80",children:"Your profit"}),(0,n.jsx)("dd",{className:"mt-1 text-[32px] font-extrabold tabular-nums tracking-tight","aria-live":"polite",children:c(h-p)})]})]}),(0,n.jsxs)("p",{className:"mt-5 text-[13px] leading-relaxed ".concat(g?"text-cream-300":"text-ink-muted"),children:["Print and mail uses the ",i[l].label," All Inclusive price from"," ",(0,n.jsx)(s.Z,{href:"community"===l?"/community-card-printing/":"/9x12-postcard-printing/",className:"underline underline-offset-2",children:"9x12 Method Printing"}),", postage included. This is math for one card, not a prediction of what you will earn."]})]})}},24:function(e,t,a){"use strict";a.d(t,{default:function(){return s}});var n=a(7437),r=a(2265);function s(e){let{children:t,as:a="div",className:s="",delay:i=0,style:c}=e,l=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=l.current;if(!e)return;let t=new IntersectionObserver(a=>{let[n]=a;n.isIntersecting&&(e.classList.add("is-visible"),t.disconnect())},{rootMargin:"0px 0px -8% 0px",threshold:.08});return t.observe(e),()=>t.disconnect()},[]),(0,n.jsx)(a,{ref:l,className:"reveal ".concat(s),style:{transitionDelay:i?"".concat(i,"ms"):void 0,...c},children:t})}},1719:function(e,t,a){"use strict";a.d(t,{Z:function(){return s}});var n=a(7437),r=a(7648);function s(e){let{href:t,children:a,...s}=e;return/^https?:\/\//i.test(t)&&!/^https?:\/\/(www\.)?9x12method\.com(\/|$)/i.test(t)?(0,n.jsx)("a",{href:t,target:"_blank",rel:"noopener",...s,children:a}):t.startsWith("/")&&!t.startsWith("//")?(0,n.jsx)(r.default,{href:t,...s,children:a}):(0,n.jsx)("a",{href:t,...s,children:a})}},7648:function(e,t,a){"use strict";a.d(t,{default:function(){return r.a}});var n=a(2972),r=a.n(n)}},function(e){e.O(0,[2972,5878,2971,2117,1744],function(){return e(e.s=9769)}),_N_E=e.O()}]);