https://spoki.com/_next/static/chunks/70024.05d2415a2979e487.js?dpl=dpl_2phUiUu1PG2JgAvk2r6z1NMLS9wT

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70024],{20063:(e,a,t)=>{var s=t(47260);t.o(s,"useParams")&&t.d(a,{useParams:function(){return s.useParams}}),t.o(s,"usePathname")&&t.d(a,{usePathname:function(){return s.usePathname}}),t.o(s,"useRouter")&&t.d(a,{useRouter:function(){return s.useRouter}}),t.o(s,"useSearchParams")&&t.d(a,{useSearchParams:function(){return s.useSearchParams}}),t.o(s,"useServerInsertedHTML")&&t.d(a,{useServerInsertedHTML:function(){return s.useServerInsertedHTML}})},67154:(e,a,t)=>{t.d(a,{eP:()=>d});var s=t(12115),i=t(76815),r=t(92073),n=t(60688),l=t(91454),o=t(62509);function c(e){let a=Object.keys(e).length>0;return{hasParams:a,getParam:a=>e[a],hasParam:a=>void 0!==e[a],buildURL:t=>{if(!a)return t;let s=(0,n.IM)(),i={};return s.forEach(a=>{e[a]&&(i[a]=e[a])}),(0,n.K1)(t,i)},buildURLWithParams:(a,t)=>{let s={};return t.forEach(a=>{e[a]&&(s[a]=e[a])}),(0,n.K1)(a,s)},getQueryString:()=>(0,n.Wg)(e),getContentParams:()=>({industry:e.industry,department:e.department,buyer_persona:e.buyer_persona,use_case:e.use_case,company_size:e.company_size,company_type:e.company_type}

1),getFeatureParams:()=>({feature:e.feature,integration:e.integration,channel:e.channel}),getCampaignParams:()=>({season:e.season,sales_motion:e.sales_motion,sales_stage:e.sales_stage}),getICPParams:()=>({icp:e.icp,hook:e.hook,cta:e.cta,pain_point:e.pain_point}),getUserParams:()=>({spoki_id:e.spoki_id,name:e.name,surname:e.surname,company_name:e.company_name,email:e.email,phone_prefix:e.phone_prefix,tel:e.tel}),getValidContentParams:()=>(0,n.pp)(e)}}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=(0,s.useContext)(r.Mg),t=null!==a,d=(0,s.useMemo)(()=>a?c(a.params):null,[a?.params]),u=function(e,a){let{enableUTMEnrichment:t=!0}=e,r=(0,i.X)(),[d,u]=(0,s.useState)(!1),p=(0,s.useMemo)(()=>a?{}:(0,n.cn)(r),[r,a]),m=(0,s.useMemo)(()=>a?{}:(0,o._q)(r),[r,a]),h=(0,s.useMemo)(()=>a?null:Object.values(m).some(e=>!!e)?(0,o.C7)(m):null,[m,a]),x=(0,s.useMemo)(()=>{if(a||""===r.toString()&&window.location.search.length>1)return p;let e=Object.keys(p).length>0,s=Object.values(m).some(e=>!!e),i={};t&&s&&(i=(0,o.Wl)((0,o.C7)(m),{}));let n={...s?(0,l.td)()||{}:(0,l.K4)()||{},...i,...e?p:{}};return Object.keys(n).forEach(e=>{void 0===n[e]&&delete n[e]}),n},[p,m,t,a,r]);(0,s.useEffect)(()=>{a||u(!0)},[a]);let b=c(x);return{params:x,isLoaded:d,utmParams:m,utmDerivedData:h,...b}}(e,t);return a&&d?{params:a.params,isLoaded:a.isLoaded,utmParams:a.utmParams,utmDerivedData:a.utmDerivedData,...d}:u}},96214:(e,a,t)=>{t.r(a),t.d(a,{default:()=>v});var s=t(95155),i=t(12115),r=t(59909),n=t(7255),l=t(70773),o=t(67154),c=t(60688);let d=[{id:"service",price:19},{id:"marketing",price:39,badge:"Top"},{id:"sales",price:55}],u={cart:["sales"],lead:["service","marketing","sales"],care:["service","marketing","sales"],broadcast:["marketing","sales"]},p={service:.4,marketing:.9,sales:1.4},m={cart:"\uD83D\uDED2",lead:"\uD83C\uDFAF",care:"\uD83D\uDCAC",broadcast:"\uD83D\uDCE3"},h={cart:"fashion",lead:"financial",care:"food",broadcast:"beauty"},x={cart:[{id:"fashion",caseStudyLabel:"Sublime Clothing — €50k revenue, ROAS x125",caseStudySlugs:{en:"50ke-sales-with-400e-invested-on-spoki-the-case-of-the-sublime-clothing-ecommerce-and-the-secret-key-agency",it:"50milae-di-vendite-con-400e-investiti-su-spoki-il-caso-dellecommerce-di-abbigliamento-sublime-e-dellagenzia-secret-key"},data:{abandoned:400,aov:55,recovery:16,margin:45}},{id:"premium-fashion",caseStudyLabel:"The Doppelg\xe4nger — +30% AOV, ROAS x30",caseStudySlugs:{en:"doppelganger-case-study",it:"il-caso-studio-doppelganger-con-spoki-30-scontrino-medio-e-roas-x305"},data:{abandoned:250,aov:80,recovery:14,margin:40}},{id:"beauty",caseStudyLabel:"Mine Perfume Lab — 730 orders, €43k, ROAS x11",caseStudySlugs:{en:"mine-perfume-lab-revolutionizes-perfume-sales-thanks-to-spoki-730-orders-and-e43000-with-roas-x11-during-singles-day-and-black-week",it:"mine-perfume-lab-rivoluziona-la-vendita-della-profumeria-grazie-a-spoki-730-ordini-e-43-000-e-con-roas-x11-durante-singles-day-e-black-week"},data:{abandoned:600,aov:50,recovery:14,margin:45}},{id:"electronics",caseStudyLabel:"I.C.O.N. D2 — boosted online sales",caseStudySlugs:{en:"icon-d2-whatsapp-sales-success",it:"come-aumentare-le-vendite-con-il-whatsapp-marketing-caso-i-c-o-n-d2",es:"eccomerce-belleza-eligio-spoki-para-activar-whatsapp-de-forma-profesional-escalable-y-segura",fr:"comment-i-c-o-n-d2-a-augmente-ses-ventes-en-ligne-grace-au-whatsapp-marketing-avec-spoki",de:"wie-i-c-o-n-d2-seinen-online-umsatz-mit-whatsapp-marketing-dank-spoki-gesteigert-hat",pt:"como-aumentar-vendas-ecommerce-whatsapp"},data:{abandoned:300,aov:45,recovery:12,margin:35}},{id:"general",caseStudyLabel:"Bauzaar — +15% conversions",caseStudySlugs:{en:"bauzaar-case-study-15-conversions-with-spoki-and-increased-customer-loyalty",it:"bauzaar-case-study-15-conversions-with-spoki-and-increased-customer-loyalty"},data:{abandoned:350,aov:55,recovery:13,margin:35}},{id:"home-design",caseStudyLabel:"Caleffi — home-design e-commerce",caseStudySlugs:{en:"caleffi-ecommerce-whatsapp-marketing-case-study-2",it:"caleffi-ecommerce-whatsapp-marketing-spoki-2"},data:{abandoned:200,aov:120,recovery:12,margin:40}}],lead:[{id:"financial",caseStudyLabel:"San Giovanni Srls — 2\xd7 revenue",caseStudySlugs:{en:"how-to-get-2x-your-revenue-with-whatsapp-and-spoki-in-the-financial-consulting-sector-the-san-giovanni-srls-case"},data:{volume:100,crNow:3,crSpoki:4.5,deal:500}},{id:"insurance",caseStudyLabel:"Baboop SPA — +18% turnover",caseStudySlugs:{en:"case-study-from-contacts-to-contracts-how-baboop-spa-has-renewed-the-insurance-sector-with-spoki-and-whatsapp-achieving-a-turnover-of-18",it:"caso-studio-da-contatti-a-contratti-come-baboop-spa-ha-rinnovato-il-settore-assicurativo-con-spoki-e-whatsapp-ottenendo-un-fatturato-del-18"},data:{volume:200,crNow:4,crSpoki:4.8,deal:350}},{id:"automotive",caseStudyLabel:"TuaCar — +30% sales",caseStudySlugs:{en:"tuacar-renews-the-automotive-market-with-spoki-and-whatsapp-30-sales-and-25-recovered-customers",it:"tuacar-rinnova-il-mercato-dellautomotive-con-spoki-e-whatsapp-30-vendite-e-25-clienti-recuperati"},data:{volume:80,crNow:2,crSpoki:3.2,deal:1500}}

1,{id:"hospitality",caseStudyLabel:"Apulia Hotel — +4.5% CR on €30M turnover",caseStudySlugs:{en:"apulia-hotel-increases-conversion-rate-by-4-5-on-30-million-turnover-thanks-to-spoki-and-activecampaign",it:"apulia-hotel-incrementa-il-conversion-rate-del-45-su-30-milioni-di-fatturato-grazie-a-spoki-e-activecampaign"},data:{volume:250,crNow:5,crSpoki:7,deal:280}},{id:"professional-services",caseStudyLabel:"Studio Vassallo — +34% appointments",caseStudySlugs:{en:"more-bookings-with-whatsapp-advertising-studio-professionale-vassallo-achieves-34-appointments-thanks-to-spoki-2",it:"piu-prenotazioni-con-la-pubblicita-su-whatsapp-lo-studio-professionale-vassallo-ottiene-34-di-appuntamenti-grazie-a-spoki-2"},data:{volume:80,crNow:10,crSpoki:13.5,deal:250}},{id:"real-estate",caseStudyLabel:"Promotora Novacasa — real-estate revolution",caseStudySlugs:{en:"promotora-novacasa-case-study",it:"promotora-novacasa-caso-studio"},data:{volume:60,crNow:2,crSpoki:3.5,deal:1500}},{id:"healthcare",caseStudyLabel:"Maria Rosaria clinic — healthcare bookings",caseStudySlugs:{en:"case-study-spoki-and-whatsapp-also-star-in-healthcare-with-the-maria-rosaria-specialized-clinic"},data:{volume:150,crNow:4,crSpoki:6,deal:180}},{id:"camping",caseStudyLabel:"Hotel Camping Amedeo — marketing & care",caseStudySlugs:{en:"how-hotel-camping-amedeo-optimized-marketing-and-customer-care-with-spoki",it:"come-lhotel-camping-amedeo-ha-ottimizzato-marketing-e-customer-care-grazie-a-spoki"},data:{volume:350,crNow:4,crSpoki:5.5,deal:220}}],care:[{id:"food",caseStudyLabel:"Caraci Sicily Food — ultra-efficient care",caseStudySlugs:{en:"how-spoki-and-whatsapp-have-made-caraci-sicily-foods-customer-care-super-efficient",it:"come-spoki-e-whatsapp-hanno-reso-il-customer-care-di-caraci-sicily-food-super-efficiente"},data:{tickets:800,cost:4,deflect:40,retention:2}},{id:"saas",caseStudyLabel:"Banango Solutions — instant reply",caseStudySlugs:{en:"whatsapp-automation-ecommerce-case-study",it:"case-study-banango-whatsapp-ecommerce"},data:{tickets:500,cost:5,deflect:50,retention:2.5}},{id:"mobility",caseStudyLabel:"Yoyomove — AI customer service",caseStudySlugs:{en:"yoyomove-case-study",it:"caso-studio-yoyomove"},data:{tickets:600,cost:4,deflect:55,retention:3}},{id:"services",caseStudyLabel:"UVEMA — service continuity",caseStudySlugs:{en:"how-uvema-improved-service-continuity-with-automations",it:"uvema-ha-migliorato-continuita-del-servizio-con-automazioni"},data:{tickets:250,cost:6,deflect:35,retention:1.5}}],broadcast:[{id:"beauty",caseStudyLabel:"Etna Digital Academy — ROAS x2,600",caseStudySlugs:{en:"etna-digital-academy-case-study",it:"caso-studio-etna-digital-academy"},data:{list:1e3,campaigns:2,cr:2,aov:45}},{id:"food",caseStudyLabel:"Oltresole Food — €14k → €300k",caseStudySlugs:{en:"case-study-investing-e14000-to-obtain-e300000-in-turnover-through-spoki-the-case-of-the-oltresole-food-e-commerce",it:"caso-studio-investire-14mila-e-per-ottenere-300-000-e-di-fatturato-tramite-spoki-il-caso-dellecommerce-food-oltresole"},data:{list:1500,campaigns:1,cr:2.2,aov:40}},{id:"e-learning",caseStudyLabel:"Accademia OMS — 100\xd7 ROI",caseStudySlugs:{en:"accademia-oms-whatsapp-marketing-case-study",it:"accademia-oms-whatsapp-marketing-education"},data:{list:600,campaigns:2,cr:2,aov:50}},{id:"agency",caseStudyLabel:"Digital Mood — +60% ROI (Klaviyo)",caseStudySlugs:{en:"digital-mood-case-study",it:"caso-studio-digital-mood"},data:{list:1e3,campaigns:1,cr:2,aov:55}},{id:"pharma",caseStudyLabel:"Fisiopharm & Cream — ROAS x10",caseStudySlugs:{en:"case-study-fisiopharm-cream",it:"caso-studio-fisiopharm-cream"},data:{list:700,campaigns:1,cr:2,aov:40}},{id:"edtech",caseStudyLabel:"Quiz Patente Guida e Vai — ROAS x25",caseStudySlugs:{en:"quiz-patente-guida-e-vai-how-to-achieve-roas-x25-thanks-to-spoki-activecampaign-and-whatsapp",it:"caso-studio-guida-e-vai-roas-x25"},data:{list:1500,campaigns:2,cr:2,aov:20}},{id:"university",caseStudyLabel:"Unipegaso Online University — e-learning",caseStudySlugs:{en:"unipegaso-whatsapp-elearning-success",it:"unipegaso-e-learning-successo"},data:{list:500,campaigns:2,cr:2,aov:80}},{id:"optics-retail",caseStudyLabel:"Horizon Agency — drive-to-store optics",caseStudySlugs:{en:"horizon-drive-to-store-whatsapp",it:"horizon-potenzia-drive-to-store"},data:{list:700,campaigns:1,cr:2.2,aov:70}},{id:"training",caseStudyLabel:"eForum True One — training & education",caseStudySlugs:{en:"eforum-true-one-whatsapp-case-study",it:"

1case-study-eforum-true-one-whatsapp"},data:{list:600,campaigns:2,cr:2,aov:55}}]},b={"clothing-apparel":{useCase:"cart",industryId:"fashion"},"shopping-retail":{useCase:"cart",industryId:"general"},"beauty-spa-salon":{useCase:"broadcast",industryId:"beauty"},"food-grocery":{useCase:"broadcast",industryId:"food"},restaurant:{useCase:"care",industryId:"food"},"hotel-lodging":{useCase:"lead",industryId:"hospitality"},tourism:{useCase:"lead",industryId:"hospitality"},"travel-transportation":{useCase:"lead",industryId:"hospitality"},automotive:{useCase:"lead",industryId:"automotive"},"finance-banking":{useCase:"lead",industryId:"financial"},"medical-health":{useCase:"lead",industryId:"healthcare"},"professional-services":{useCase:"lead",industryId:"professional-services"},"real-estate":{useCase:"lead",industryId:"real-estate"},education:{useCase:"broadcast",industryId:"e-learning"},"entertainment-media":{useCase:"broadcast",industryId:"e-learning"},"marketing-agency":{useCase:"broadcast",industryId:"agency"},"event-planning":{useCase:"broadcast",industryId:"agency"},telco:{useCase:"care",industryId:"services"},"public-service":{useCase:"care",industryId:"services"},nonprofit:{useCase:"lead",industryId:"professional-services"}},g={en:"en-US",it:"it-IT",es:"es-ES",fr:"fr-FR",de:"de-DE",pt:"pt-PT"};function f(e,a){return!isFinite(e)||isNaN(e)?"€0":`€${Math.round(e).toLocaleString(a)}`}function y(e){let a=x[e].find(a=>a.id===h[e])??x[e][0];return{...a?.data||{}}}function v(e){let{translations:a,locale:t="en"}=e,v=a||{},w=t&&g[t]||"en-US",[j,N]=(0,i.useState)("cart"),[C,E]=(0,i.useState)(h.cart),[A,L]=(0,i.useState)("sales"),[I,D]=(0,i.useState)(()=>y("cart")),[M,_]=(0,i.useState)(!1),{getParam:R,isLoaded:P}=(0,o.eP)(),$=(0,i.useRef)(!1);(0,i.useEffect)(()=>{if(!P||$.current)return;let e=R(c.cB.INDUSTRY);if(!e){$.current=!0;return}let a=b[e];if(!a){$.current=!0;return}let t=x[a.useCase].find(e=>e.id===a.industryId);if(!t){$.current=!0;return}N(a.useCase),E(a.industryId),D({...t.data});let s=u[a.useCase];L(e=>s.includes(e)?e:s[s.length-1]),$.current=!0},[P,R]);let F=d.find(e=>e.id===A)?.price??0,H=p[A]??1,z=x[j].find(e=>e.id===C)??x[j][0],O=function(e,a){let t=a.caseStudySlugs[e];if(!t)return`/en/${l.yn.caseStudies.en||"case-studies"}/${a.caseStudySlugs.en}`;let s=l.yn.caseStudies[e]||"case-studies";return`/${e}/${s}/${t}`}(t,z),B=(0,i.useMemo)(()=>{let e=0;"cart"===j?e=I.abandoned*(I.recovery/100)*I.aov*(I.margin/100):"lead"===j?e=I.volume*Math.max(0,I.crSpoki-I.crNow)/100*I.deal:"care"===j?e=I.tickets*(I.deflect/100)*I.cost+I.tickets*(I.retention/100)*I.cost*5:"broadcast"===j&&(e=I.list*I.campaigns*(I.cr/100)*I.aov);let a=e*H,t=a-F,s=F>0?a/F:0,i=a>0?F/a*30:1/0;return{baseReturn:e,monthlyReturn:a,monthlyCost:F,netMonthly:t,netYearly:12*t,roi:s,paybackDays:i}},[j,I,H,F]),T=0===B.monthlyCost?"∞":B.roi>=100?`${Math.round(B.roi)}\xd7`:`${B.roi.toFixed(1)}\xd7`,U=!isFinite(B.paybackDays)||B.paybackDays>365?v.units?.moreThanYear||"> 1 year":B.paybackDays<1?v.units?.lessThanDay||"< 1 day":`${Math.round(B.paybackDays)} ${v.units?.days||"days"}`,Y={cart:[{key:"abandoned",label:v.fields?.cart?.abandoned||"Abandoned carts / month",suffix:v.units?.perMonth||"/mo",hint:v.fieldHints?.cart?.abandoned},{key:"aov",label:v.fields?.cart?.aov||"Average cart value",suffix:"€",hint:v.fieldHints?.cart?.aov},{key:"recovery",label:v.fields?.cart?.recovery||"WhatsApp recovery rate",suffix:"%",hint:v.fieldHints?.cart?.recovery,step:.5,max:100},{key:"margin",label:v.fields?.cart?.margin||"Margin on revenue",suffix:"%",hint:v.fieldHints?.cart?.margin,step:1,max:100}],lead:[{key:"volume",label:v.fields?.lead?.volume||"Inbound leads / month",suffix:v.units?.perMonth||"/mo",hint:v.fieldHints?.lead?.volume},{key:"crNow",label:v.fields?.lead?.crNow||"Current CR (no Spoki)",suffix:"%",hint:v.fieldHints?.lead?.crNow,step:.5,max:100},{key:"crSpoki",label:v.fields?.lead?.crSpoki||"CR with Spoki",suffix:"%",hint:v.fieldHints?.lead?.crSpoki,step:.5,max:100},{key:"deal",label:v.fields?.lead?.deal||"Avg customer value / deal",suffix:"€",hint:v.fieldHints?.lead?.deal}],care:[{key:"tickets",label:v.fields?.care?.tickets||"Support tickets / month",suffix:v.units?.perMonth||"/mo",hint:v.fieldHints?.care?.tickets},{key:"cost",label:v.fields?.care?.cost||"Average cost per ticket",suffix:"€",hint:v.fieldHints?.care?.cost,step:.5},{key:"deflect",label:v.fields?.care?.deflect||"Deflection rate (FAQ auto)",suffix:"%",hint:v.fieldHints?.care?.deflect,step:1,max:100},{key:"retention",label:v.fields?.care?.retention||"Retention uplift from CX",suffix:"%",hint:v.fieldHints?.care?.retention,step:.5,max:100}],broadcast:[{key:"list",label:v.fields?.broadcast?.list||"WhatsApp opt-in contacts",suffix:v.units?.contacts||"contacts",hint:v.fieldHints?.broadcast?.list},{key:"campaigns",label:v.fields?.broadcast?.campaigns||"Campaigns / month",suffix:v.units?.perMonth||"/mo",hint:v.fieldHints?.broadcast?.campaigns,step:1},{key:"cr",label:v.fields?.broadcast?.cr||"Click-to-conversion rate",suffix:"%",hint:v.fieldHints?.broadcast?.cr,step:.1,max:100},{key:"aov",label:v.fields?.broadcast?.aov||"Average order value",suffix:"€",hint:v.fieldHints?.broadcast?.aov}]}[j],W=x[j],V=v.industries?.lists?.[j]||{},K=v.claim?.eyebrow||"Your potential with Spoki",q=v.claim?.cta||"Try Spoki for free",Q=v.claim?.ctaUrl||"https://app.spoki.com/register?autoregister=1",X=v.plans?.[A]?.label||A;return(0,s.jsx)("section",{className:"py-20 md:py-28 bg-white","data-section":"roi-simulator",children:(0,s.jsxs)("div",{className:"mx-auto max-w-7xl px-6 lg:px-8",children:[(0,s.jsxs)("div",{className:"flex flex-col items-center text-center mb-12",children:[(0,s.jsx)("p",{className:"text-[11px] font-semibold tracking-[2px] uppercase text-[#16D46C] mb-3",children:v.label||"ROI SIMULATOR"}),(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl md:text-[44px] md:leading-[1.2] font-heading font-bold text-[#111827] tracking-[-0.02em] mb-4 max-w-3xl",children:v.title||"How much is Spoki worth for you?"}),(0,s.jsx)("p",{className:"text-[17px] text-[#6b7280] leading-relaxed max-w-2xl",children:v.subt

1itle||"Pick a use case, an industry and a plan: the math is anchored on real Spoki case-study benchmarks."})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_380px] gap-6",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"bg-white border border-[#E1E7EE] rounded-2xl p-5 md:p-6 shadow-[0_10px_28px_rgba(25,25,25,0.07)]",children:[(0,s.jsx)("div",{className:"text-[#16D46C] text-[11px] font-bold tracking-[0.5px] uppercase mb-1",children:v.steps?.useCase||"Step 1 — Use case"}),(0,s.jsx)("p",{className:"text-sm text-[#5A6B82] mb-4",children:v.stepHelp?.useCase||"Which problem do you want to quantify?"}),(0,s.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-2",children:Object.keys(m).map(e=>{let a=e===j;return(0,s.jsxs)("button",{type:"button",onClick:()=>(e=>{N(e),E(h[e]),D(y(e));let a=u[e];a.includes(A)||L(a[a.length-1])})(e),className:`p-3 rounded-xl text-center transition-colors border-2 ${a?"border-[#16D46C] bg-[#E8F8F0]":"border-[#E1E7EE] bg-white hover:border-[#16D46C]"}`,"aria-pressed":a,children:[(0,s.jsx)("div",{className:"text-2xl mb-1","aria-hidden":"true",children:m[e]}),(0,s.jsx)("div",{className:"text-xs font-semibold text-[#0A2540] leading-tight whitespace-pre-line",children:v.useCases?.[e]?.short||v.useCases?.[e]?.label||e})]},e)})})]}),(0,s.jsxs)("div",{className:"bg-white border border-[#E1E7EE] rounded-2xl p-5 md:p-6 shadow-[0_10px_28px_rgba(25,25,25,0.07)]",children:[(0,s.jsx)("div",{className:"text-[#16D46C] text-[11px] font-bold tracking-[0.5px] uppercase mb-1",children:v.steps?.industry||"Step 2 — Industry"}),(0,s.jsx)("p",{className:"text-sm text-[#5A6B82] mb-4",children:v.stepHelp?.industry||v.industries?.help||"Pick your industry — we'll pre-fill the form with benchmarks from a real Spoki case study."}),(0,s.jsx)("select",{value:C,onChange:e=>(e=>{E(e);let a=x[j].find(a=>a.id===e);a&&D({...a.data})})(e.target.value),"aria-label":v.industries?.label||"Industry",className:"w-full px-3 py-2.5 rounded-lg border border-[#D8DFE7] bg-white text-sm text-[#0A2540] focus:outline-none focus:border-[#16D46C] focus:ring-2 focus:ring-[#16D46C]/20",children:W.map(e=>(0,s.jsx)("option",{value:e.id,children:V[e.id]||e.id},e.id))}),z?.caseStudyLabel&&(0,s.jsxs)("p",{className:"text-xs text-[#5A6B82] mt-3",children:[v.industries?.caseStudyLabel||"Reference case study:"," ",(0,s.jsx)(r.default,{href:O,className:"font-semibold text-[#0A2540] hover:text-[#15be61] underline decoration-[#16D46C]/40 underline-offset-2 transition-colors",children:z.caseStudyLabel})]})]}),(0,s.jsxs)("div",{className:"bg-white border border-[#E1E7EE] rounded-2xl p-5 md:p-6 shadow-[0_10px_28px_rgba(25,25,25,0.07)]",children:[(0,s.jsx)("div",{className:"text-[#16D46C] text-[11px] font-bold tracking-[0.5px] uppercase mb-1",children:v.steps?.plan||"Step 3 — Spoki plan"}),(0,s.jsx)("p",{className:"text-sm text-[#5A6B82] mb-4",children:v.stepHelp?.plan||"Higher plans unlock features that compound the return — ROI scales accordingly."}),(0,s.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-2",children:d.map(e=>{let a=u[j].includes(e.id),t=e.id===A&&a,i=v.plans?.[e.id],r=v.plans?.unavailableTitle||"Not available for this use case";return(0,s.jsxs)("button",{type:"button",onClick:()=>{var a;return a=e.id,void(u[j].includes(a)&&L(a))},disabled:!a,title:a?void 0:r,className:`relative p-3 rounded-xl text-center transition-colors border-2 ${!a?"border-[#E1E7EE] bg-[#F5F7FA] cursor-not-allowed opacity-60":t?"border-[#16D46C] bg-[#E8F8F0]":"border-[#E1E7EE] bg-white hover:border-[#16D46C]"}`,"aria-pressed":t,"aria-disabled":!a,children:[e.badge&&a&&(0,s.jsx)("span",{className:"absolute -top-2 right-1 bg-[#16D46C] text-white text-[9px] font-bold uppercase tracking-wide px-1.5 py-0.5 rounded-md",children:i?.badge||e.badge}),(0,s.jsx)("div",{className:`text-sm font-bold ${a?"text-[#0A2540]":"text-[#A8B5C4]"}`,children:i?.label||e.id}),(0,s.jsx)("div",{className:`text-[11px] mt-0.5 ${a?"text-[#5A6B82]":"text-[#A8B5C4] italic"}`,children:a?i?.price||`€${e.price}/mo`:v.plans?.unavailableHint||"Not in this scenario"})]},e.id)})})]}),(0,s.jsx)(S,{useCase:j,values:I,planLabel:X,planMultiplier:H,baseReturn:B.baseReturn,monthlyReturn:B.monthlyReturn,intlLocale:w,t:v,showInputs:M,onToggleInputs:()=>_(e=>!e)}

1),M&&(0,s.jsx)("div",{className:"bg-white border border-[#E1E7EE] rounded-2xl p-5 md:p-6 shadow-[0_10px_28px_rgba(25,25,25,0.07)]",children:(0,s.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:Y.map(e=>(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("label",{htmlFor:`roi-${j}-${e.key}`,className:"text-xs font-semibold text-[#0A2540] mb-1",title:e.hint,children:e.label}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{id:`roi-${j}-${e.key}`,type:"number",inputMode:"decimal",min:0,step:e.step??1,max:e.max,value:I[e.key]??0,onChange:a=>((e,a)=>{let t=function(e){let a="number"==typeof e?e:parseFloat(String(e));return!isFinite(a)||isNaN(a)||a<0?0:a}(a);D(a=>({...a,[e]:t}))})(e.key,a.target.value),className:"w-full pl-3 pr-12 py-2.5 rounded-lg border border-[#D8DFE7] text-sm text-[#0A2540] focus:outline-none focus:border-[#16D46C] focus:ring-2 focus:ring-[#16D46C]/20 transition-colors"}),(0,s.jsx)("span",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-xs text-[#5A6B82] pointer-events-none",children:e.suffix})]})]},e.key))})})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-4 lg:sticky lg:top-6 lg:self-start",children:[(0,s.jsxs)("div",{className:"bg-gradient-to-br from-[#0A2540] to-[#143055] text-white rounded-2xl p-6 shadow-[0_10px_30px_rgba(10,37,64,0.18)]",children:[(0,s.jsx)("h3",{className:"text-xs font-semibold tracking-[1.5px] uppercase opacity-70 mb-4",children:v.results?.title||"Result for your business"}),(0,s.jsx)("div",{className:"text-5xl md:text-6xl font-extrabold leading-none bg-gradient-to-r from-[#25D366] to-[#16D46C] bg-clip-text text-transparent",children:T}),(0,s.jsx)("div",{className:"text-xs opacity-70 mt-2 mb-5",children:v.results?.roiLabel||"Monthly ROI (return / investment)"}),(0,s.jsxs)("dl",{className:"space-y-2 text-sm",children:[(0,s.jsx)(k,{label:v.results?.investment||"Monthly investment",value:f(B.monthlyCost,w),variant:"negative"}),(0,s.jsx)(k,{label:v.results?.monthlyReturn||"Monthly return",value:f(B.monthlyReturn,w),variant:"positive"}),(0,s.jsx)(k,{label:v.results?.netMonthly||"Net profit / month",value:f(B.netMonthly,w),variant:B.netMonthly>=0?"positive":"negative"}),(0,s.jsx)(k,{label:v.results?.netYearly||"Net profit / year",value:f(B.netYearly,w),variant:B.netYearly>=0?"positive":"negative"}),(0,s.jsx)(k,{label:v.results?.payback||"Payback period",value:U})]})]}),(0,s.jsxs)("div",{className:"bg-[#E8F8F0] border border-[#16D46C]/30 rounded-2xl p-6",children:[(0,s.jsx)("p",{className:"text-[10px] font-semibold tracking-[1.5px] uppercase text-[#15be61] mb-3",children:K}),(0,s.jsxs)("p",{className:"text-2xl md:text-[28px] font-bold text-[#0A2540] leading-[1.15]",children:[v.claim?.profitLabel||"You unlock"," ",(0,s.jsx)("span",{className:"bg-gradient-to-r from-[#16D46C] to-[#15be61] bg-clip-text text-transparent",children:f(Math.max(0,B.netYearly),w)})," ",v.claim?.perYear||"in net profit per year"]}),(0,s.jsxs)("p",{className:"text-sm text-[#2D4660] mt-3 leading-relaxed",children:[(0,s.jsxs)("span",{className:"font-semibold",children:[v.claim?.roi||"ROI",":"]})," ",T," \xb7"," ",(0,s.jsxs)("span",{className:"font-semibold",children:[v.claim?.payback||"Payback",":"]})," ",U," \xb7"," ",(0,s.jsxs)("span",{className:"font-semibold",children:[v.claim?.netMonthly||"Net / month",":"]})," ",f(B.netMonthly,w)]}),(0,s.jsxs)(r.default,{href:Q,className:"mt-5 inline-flex items-center justify-center gap-2 w-full px-5 py-3 rounded-lg bg-[#16D46C] text-[#0A2540] font-semibold text-sm hover:bg-[#15be61] transition-colors",children:[q,(0,s.jsx)("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:2,children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.5 8h9M8.5 4l4 4-4 4"})})]})]}),(0,s.jsx)("p",{className:"text-[11px] text-[#8895A8] text-center px-2 leading-relaxed",children:v.footerNote||`Benchmarks from public Spoki case studies — ${n.xe.whatsapp.openRate}% open rate, ${n.im.averageRoiX}\xd7 average ROI. Plan prices indicative (annual).`})]})]})]})})}function k(e){let{label:a,value:t,variant:i}=e;return(0,s.jsxs)("div",{className:"flex items-baseline justify-between py-2 border-b border-white/10 last:border-b-0",children:[(0,s.jsx)("dt",{className:"text-xs opacity-75",children:a}),(0,s.jsx)("dd",{className:`text-base font-bold ${"positive"===i?"text-[#25D366]":"negative"===i?"text-[#ff8a8a]":"text-white"}`,children:t})]})}function S(e){let{useCase:a,values:t,planLabel:i,planMultiplier:r,baseReturn:n,monthlyReturn:l,intlLocale:o,t:c,showInputs:d,onToggleInputs:u}=e,p=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;

1return e.toLocaleString(o,{minimumFractionDigits:a,maximumFractionDigits:a})},m=e=>f(e,o),h=(c.schema?.planImpact||"\xd7 {plan} plan impact ({mult})").replace("{plan}",i).replace("{mult}",`${r.toFixed(r===Math.round(r)?1:2)}\xd7`),x=(()=>{if("cart"===a)return[{value:p(t.abandoned),label:c.fields?.cart?.abandoned||"Abandoned carts / mo"},{value:`${p(t.recovery,+(t.recovery%1!=0))}%`,label:c.fields?.cart?.recovery||"WhatsApp recovery"},{value:m(t.aov),label:c.fields?.cart?.aov||"Average cart value"},{value:`${p(t.margin,0)}%`,label:c.fields?.cart?.margin||"Margin on revenue"}];if("lead"===a){let e=Math.max(0,t.crSpoki-t.crNow);return[{value:p(t.volume),label:c.fields?.lead?.volume||"Inbound leads / mo"},{value:`+${p(e,+(e%1!=0))}%`,label:`${c.fields?.lead?.crSpoki||"CR with Spoki"} − ${c.fields?.lead?.crNow||"current CR"}`},{value:m(t.deal),label:c.fields?.lead?.deal||"Average deal value"}]}if("broadcast"===a){let e=c.schema?.sentMessages||"messages sent";return[{value:p(t.list*t.campaigns),label:e},{value:`${p(t.cr,+(t.cr%1!=0))}%`,label:c.fields?.broadcast?.cr||"Click-to-conversion"},{value:m(t.aov),label:c.fields?.broadcast?.aov||"Average order value"}]}return[]})();return(0,s.jsxs)("div",{className:"bg-white border border-[#E1E7EE] rounded-2xl p-5 md:p-6 shadow-[0_10px_28px_rgba(25,25,25,0.07)]",children:[(0,s.jsx)("div",{className:"text-[#16D46C] text-[11px] font-bold tracking-[0.5px] uppercase mb-1",children:c.steps?.calculation||"Step 4 — How we calculate it"}),(0,s.jsx)("p",{className:"text-sm text-[#5A6B82] mb-5",children:c.stepHelp?.calculation||c.schema?.title||'Pre-filled from the selected industry. Click "Customise the numbers" to override.'}),"care"!==a&&(0,s.jsx)("div",{className:"flex flex-wrap items-stretch gap-x-2 gap-y-3 mb-5",children:x.map((e,a)=>(0,s.jsxs)("span",{className:"contents",children:[(0,s.jsx)(w,{value:e.value,label:e.label}),a<x.length-1&&(0,s.jsx)(j,{symbol:"\xd7"})]},a))}),"care"===a&&(0,s.jsxs)("div",{className:"space-y-3 mb-5",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-stretch gap-x-2 gap-y-3",children:[(0,s.jsx)(w,{value:p(t.tickets),label:c.fields?.care?.tickets||"Support tickets / mo"}),(0,s.jsx)(j,{symbol:"\xd7"}),(0,s.jsx)(w,{value:`${p(t.deflect,0)}%`,label:c.fields?.care?.deflect||"Bot deflection rate"}),(0,s.jsx)(j,{symbol:"\xd7"}),(0,s.jsx)(w,{value:m(t.cost),label:c.fields?.care?.cost||"Cost per ticket"}),(0,s.jsx)(j,{symbol:"="}),(0,s.jsx)(w,{value:m(t.tickets*(t.deflect/100)*t.cost),label:c.schema?.careDeflectionPart||"Care savings",highlight:!0})]}),(0,s.jsxs)("div",{className:"flex flex-wrap items-stretch gap-x-2 gap-y-3",children:[(0,s.jsx)(w,{value:p(t.tickets),label:c.fields?.care?.tickets||"Support tickets / mo"}),(0,s.jsx)(j,{symbol:"\xd7"}),(0,s.jsx)(w,{value:`${p(t.retention,+(t.retention%1!=0))}%`,label:c.fields?.care?.retention||"Retention uplift"}),(0,s.jsx)(j,{symbol:"\xd7"}),(0,s.jsx)(w,{value:m(5*t.cost),label:c.schema?.careLtvNote||"Cost \xd7 5 (LTV)"}),(0,s.jsx)(j,{symbol:"="}),(0,s.jsx)(w,{value:m(t.tickets*(t.retention/100)*t.cost*5),label:c.schema?.careRetentionPart||"Retention value",highlight:!0})]})]}),(0,s.jsxs)("div",{className:"bg-[#F5F7FA] border border-[#E1E7EE] rounded-xl p-4 space-y-3",children:[(0,s.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,s.jsx)("span",{className:"text-xs text-[#5A6B82]",children:c.schema?.base

1Label||"Spoki base profit / month"}),(0,s.jsx)("span",{className:"text-base font-bold text-[#0A2540]",children:m(n)})]}),(0,s.jsx)("div",{className:"flex items-baseline justify-between",children:(0,s.jsx)("span",{className:"text-xs text-[#5A6B82] italic",children:h})}),(0,s.jsxs)("div",{className:"flex items-baseline justify-between border-t border-[#E1E7EE] pt-3",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-[#0A2540]",children:c.schema?.finalLabel||"Net Spoki return / month"}),(0,s.jsx)("span",{className:"text-xl font-extrabold text-[#15be61]",children:m(l)})]})]}),(0,s.jsxs)("button",{type:"button",onClick:u,className:"mt-4 inline-flex items-center gap-1.5 text-xs font-semibold text-[#5A6B82] hover:text-[#0A2540] transition-colors","aria-expanded":d,children:[(0,s.jsx)("svg",{className:`w-3 h-3 transition-transform ${d?"rotate-180":""}`,viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:2,children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 4.5l3 3 3-3"})}),d?c.schema?.hideInputs||"Hide custom numbers":c.schema?.showInputs||"Customise the numbers"]})]})}function w(e){let{value:a,label:t,highlight:i}=e;return(0,s.jsxs)("span",{className:`inline-flex flex-col items-center justify-center px-3 py-2 rounded-lg border ${i?"border-[#16D46C]/40 bg-[#E8F8F0]":"border-[#E1E7EE] bg-white"}`,children:[(0,s.jsx)("span",{className:`text-sm font-bold leading-tight ${i?"text-[#15be61]":"text-[#0A2540]"}`,children:a}),(0,s.jsx)("span",{className:"text-[10px] text-[#5A6B82] mt-0.5 text-center leading-tight max-w-[140px]",children:t})]})}function j(e){let{symbol:a}=e;return(0,s.jsx)("span",{className:"inline-flex items-center text-[#5A6B82] font-bold text-base px-1","aria-hidden":"true",children:a})}}}]);