1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[704],{9883:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/jvCalculators",function(){return t(8965)}])},8965:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return P}});var r=t(5893),i=t(7294),a=t(3650);let l=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,r.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),o=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("rect",{x:"2",y:"7",width:"20",height:"14",rx:"2",ry:"2"}),(0,r.jsx)("path",{d:"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"})]}),n=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("polyline",{points:"20 6 9 17 4 12"})}),d=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,r.jsx)("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),(0,r.jsx)("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),c=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"})}),m=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("line",{x1:"4",y1:"21",x2:"4",y2:"14"}),(0,r.jsx)("line",{x1:"4",y1:"10",x2:"4",y2:"3"}),(0,r.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"12"}),(0,r.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"3"}),(0,r.jsx)("line",{x1:"20",y1:"21",x2:"20",y2:"16"}),(0,r.jsx)("line",{x1:"20",y1:"12",x2:"20",y2:"3"}),(0,r.jsx)("line",{x1:"1",y1:"14",x2:"7",y2:"14"}),(0,r.jsx)("line",{x1:"9",y1:"8",x2:"15",y2:"8"}),(0,r.jsx)("line",{x1:"17",y1:"16",x2:"23",y2:"16"})]}),x=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,r.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),h=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:"M12 3l1.912 5.813a2 2 0 001.275 1.275L21 12l-5.813 1.912a2 2 0 00-1.275 1.275L12 21l-1.912-5.813a2 2 0 00-1.275-1.275L3 12l5.813-1.912a2 2 0 001.275-1.275L12 3z"})}),p=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,r.jsx)("circle",{cx:"12",cy:"12",r:"6"}),(0,r.jsx)("circle",{cx:"12",cy:"12",r:"2"})]}),u=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("line",{x1:"8",y1:"6",x2:"21",y2:"6"}),(0,r.jsx)("line",{x1:"8",y1:"12",x2:"21",y2:"12"}),(0,r.jsx)("line",{x1:"8",y1:"18",x2:"21",y2:"18"}),(0,r.jsx)("line",{x1:"3",y1:"6",x2:"3.01",y2:"6"}),(0,r.jsx)("line",{x1:"3",y1:"12",x2:"3.01",y2:"12"}),(0,r.jsx)("line",{x1:"3",y1:"18",x2:"3.01",y2:"18"})]}),b=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M21.21 15.89A10 10 0 1 1 8 2.83"}),(0,r.jsx)("path",{d:"M22 12A10 10 0 0 0 12 2v10z"})]}),j=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("polyline",{points:"6 9 12 15 18 9"})}),f=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("polyline",{points:"6 9 12 15 18 9"})}),v=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("rect",{x:"16",y:"16",width:"6",height:"6",rx:"1"}),(0,r.jsx)("rect",{x:"2",y:"16",width:"6",height:"6",rx:"1"}),(0,r.jsx)("rect",{x:"9",y:"2",width:"6",height:"6",rx:"1"}),(0,r.jsx)("path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"}),(0,r.jsx)("path",{d:"M12 12V8"})]}),g=e=>{let{children:s,text:t}=e;return(0,r.jsxs)("div",{className:"jv-tooltip-container",children:[s,(0,r.jsx)("div",{className:"jv-tooltip-content shadow-lg",children:t})]})},y=e=>new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:0}).format(e),w=e=>{let{title:s,subtitle:t,buttonText:a="Get Custom Quote"}=e,[l,o]=(0,i.useState)("idle");return"success"===l?(0,r.jsxs)("div",{className:"jv-card bg-success text-white p-4 shadow text-center",style:{border:"none"},children:[(0,r.jsx)("div",{className:"mb-3 d-flex justify-content-center",children:(0,r.jsx)("div",{className:"bg-white text-success rounded-circle d-flex align-items-center justify-content-center",style:{width:"40px",height:"40px"},children:(0,r.jsx)(n,{})})}),(0,r.jsx)("h4",{className:"h5 fw-bold mb-2",children:"Request Received!"}),(0,r.jsx)("p",{className:"small mb-0 text-white-50",children:"Our team will be in touch shortly with your custom proposal."})]}):(0,r.jsxs)("div",{className:"jv-card bg-primary text-white p-4 shadow text-center",style:{border:"none"},children:[(0,r.jsx)("h4",{className:"h5 fw-bold mb-2",children:s}),(0,r.jsx)("p",{className:"small mb-4 text-white-50",children:t}),(0,r.jsxs)("form",{onSubmit:e=>{e.preventDefault(),o("submitting"),setTimeout(()=>
1o("success"),1200)},className:"d-flex flex-column gap-2",children:[(0,r.jsx)("input",{type:"text",className:"form-control border-0 shadow-none text-center",placeholder:"Full Name",required:!0,disabled:"submitting"===l}),(0,r.jsx)("input",{type:"email",className:"form-control border-0 shadow-none text-center",placeholder:"Work Email Address",required:!0,disabled:"submitting"===l}),(0,r.jsx)("button",{className:"btn btn-dark fw-semibold w-100 mt-2",type:"submit",disabled:"submitting"===l,children:"submitting"===l?"Sending...":a})]})]})},N={B2B:{title:"B2B (Business-to-Business)",desc:"Complex sales, 12m+ cycles, account-based marketing (ABM).",roles:["cmo","content","tech","data","aso","ua"]},B2C:{title:"B2C (Business-to-Consumer)",desc:"High-volume consumer journeys, mobile-first, rapid conversions.",roles:["cmo","ua","crm","creative","social","data"]},D2C:{title:"D2C (Direct-to-Consumer)",desc:"E-commerce optimization, social discovery, owned revenue systems.",roles:["cmo","ua","creative","crm","social","tech"]}},k=[{id:"cmo",name:"Fractional CMO / Strategist",desc:"Brand positioning, AI governance, cross-channel strategy.",baseRate:18.75,defaultHours:5,freeTools:"Asana, Google Docs",proTools:"HubSpot, Tableau",proCost:600,prodMetric:"Strategic Sprints/Mo",prodMin:1,prodMax:4,prodDefault:2,hoursPerProd:10},{id:"ua",name:"UA (Paid Media) Manager",desc:"Campaign optimization, bid management, scaling.",baseRate:10.625,defaultHours:16,freeTools:"Meta Native, Google Ads",proTools:"AppsFlyer, Madgicx",proCost:300,prodMetric:"Campaigns Scaled/Mo",prodMin:2,prodMax:20,prodDefault:5,hoursPerProd:3.2},{id:"aso",name:"ASO / SEO Specialist",desc:"Keyword updates, conversion rate testing, organic search.",baseRate:9.375,defaultHours:8,freeTools:"AppTweak Basic, SensorTower",proTools:"MobileAction Pro",proCost:250,prodMetric:"Store Updates/Mo",prodMin:1,prodMax:10,prodDefault:2,hoursPerProd:4},{id:"crm",name:"CRM/Lifecycle Marketer",desc:"Push notifications, email journeys, retention strategies.",baseRate:8.75,defaultHours:10,freeTools:"Firebase, Mailchimp Free",proTools:"Braze, CleverTap",proCost:400,prodMetric:"Journeys Built/Mo",prodMin:1,prodMax:10,prodDefault:3,hoursPerProd:3.33},{id:"creative",name:"Creative Designer",desc:"Ad creatives, video editing, visual A/B testing.",baseRate:8.125,defaultHours:20,freeTools:"Canva Free, CapCut",proTools:"Adobe CC, Envato",proCost:100,prodMetric:"Creative Assets/Mo",prodMin:10,prodMax:100,prodDefault:30,hoursPerProd:.66},{id:"data",name:"Data Analyst",desc:"MMP reporting, LTV analysis, drop-off diagnostics.",baseRate:11.25,defaultHours:10,freeTools:"Looker Studio, GA4",proTools:"Tableau, Mixpanel",proCost:500,prodMetric:"Custom Dashboards/Mo",prodMin:1,prodMax:8,prodDefault:2,hoursPerProd:5},{id:"social",name:"Social Media Manager",desc:"Organic posting, community management.",baseRate:6.25,defaultHours:12,freeTools:"Meta Suite",proTools:"Sprout Social",proCost:120,prodMetric:"Posts & Reels/Mo",prodMin:10,prodMax:60,prodDefault:20,hoursPerProd:.6},{id:"content",name:"Content Writer",desc:"Blog posts, ad copy, PR materials, website text.",baseRate:6.875,defaultHours:8,freeTools:"ChatGPT Free, Grammarly",proTools:"Ahrefs, Jasper AI",proCost:180,prodMetric:"Articles/Copy Units/Mo",prodMin:4,prodMax:30,prodDefault:8,hoursPerProd:1},{id:"tech",name:"Marketing Ops / Tech",desc:"Pixel tracking, deep link setup, API integrations.",baseRate:11.875,defaultHours:5,freeTools:"GTM, Zapier Free",proTools:"Segment, mParticle",proCost:150,prodMetric:"Tech Integrations/Mo",prodMin:1,prodMax:10,prodDefault:2,hoursPerProd:2.5}],C=[{id:"cat_web",name:"Website Creative Services",items:[{id:"w1",name:"UI/UX & Web Design",channel:"Website",minHrs:100,maxHrs:300,time:"2-6 wks",deliverables:"Wireframes, responsive layouts, up to 5 custom pages",roles:{creative:.8,tech:.2}},{id:"w2",name:"Website Branding",channel:"Website",minHrs:50,maxHrs:150,time:"2-4 wks",deliverables:"Visual design systems, custom iconography, brand guide",roles:{creative:1}},{id:"w3",name:"Website Copywriting",channel:"Website",minHrs:30,maxHrs:80,time:"1-3 wks",deliverables:"SEO-optimized copy for Home, About, Services, and Contact",roles:{content:1}},{id:"w4",name:"Product & Brand Imagery",channel:"Website",minHrs:40,maxHrs:100,time:"1-2 wks",deliverables:"15-20 edited high-res images, background removal",roles:{creative:1}},{id:"w5",name:"Infographics & Data Viz",channel:"Website",minHrs:20,maxHrs:60,time:"1-2 wks",deliverables:"3-5 custom branded charts, graphs, and visual guides",roles:{creative:.7,data:.3}}]},{id:"cat_social",name:"Social Media Creative Services",items:[{id:"s1",name:"Social Media Graphic Design",channel:"Social",minHrs:60,maxHrs:120,time:"Ongoing",deliverables:"Visual templates, 15 static posts, 4 multi-slide carousels",roles:{creative:.8,social:.2}}
1,{id:"s2",name:"UGC-Style Content Creation",channel:"Social",minHrs:30,maxHrs:80,time:"1-2 wks",deliverables:"3-5 raw & edited short-form influencer-style videos",roles:{creative:.5,social:.5}},{id:"s3",name:"Short-Form Video Production",channel:"Social",minHrs:20,maxHrs:50,time:"3-7 days",deliverables:"1 fully filmed, edited, and formatted vertical video",roles:{creative:1}},{id:"s4",name:"Social Profile Branding Assets",channel:"Social",minHrs:15,maxHrs:40,time:"1-2 wks",deliverables:"Profile image, cover banners, 5 highlight covers, grid layout",roles:{creative:1}},{id:"s5",name:"Social Media Copywriting",channel:"Social",minHrs:15,maxHrs:40,time:"1-2 wks",deliverables:"Conversational captions and hooks for 15-20 posts",roles:{content:.6,social:.4}}]},{id:"cat_paid",name:"Paid Ad Campaign Creative Services",items:[{id:"p1",name:"Ad Creative Generation",channel:"Paid Ads",minHrs:20,maxHrs:60,time:"3-5 days",deliverables:"5 conversion-focused static image variations with distinct hooks",roles:{creative:1}},{id:"p2",name:"Video Ad Production",channel:"Paid Ads",minHrs:50,maxHrs:150,time:"1-3 wks",deliverables:"Scripting, editing, motion graphics for 1 hero video ad",roles:{creative:1}},{id:"p3",name:"Direct-Response Copywriting",channel:"Paid Ads",minHrs:15,maxHrs:45,time:"3-5 days",deliverables:"3 primary texts, 5 headlines, strong CTAs",roles:{content:.8,ua:.2}},{id:"p4",name:"A/B Testing Creative Variants",channel:"Paid Ads",minHrs:30,maxHrs:80,time:"3-7 days",deliverables:"Batch-generated multiple visual/copy combinations",roles:{creative:.8,data:.2}},{id:"p5",name:"Campaign Landing Pages",channel:"Paid Ads",minHrs:50,maxHrs:120,time:"1-2 wks",deliverables:"1 targeted standalone sales page (design & copy)",roles:{creative:.6,tech:.2,content:.2}}]}],S=[{id:"phase1",name:"Phase 1: Command & Protect (Audits)",items:[{id:"c1",name:'Editorial Integrity & "AI Slop" Prevention',channel:"Audit",minHrs:40,maxHrs:80,time:"2-4 wks",roles:{content:.7,cmo:.3}},{id:"c2",name:"AI Vendor Selection & Tech Stack Audit",channel:"Audit",minHrs:40,maxHrs:80,time:"2-4 wks",roles:{tech:.7,data:.3}},{id:"c3",name:"Baseline GEO (Generative Engine Optimization) Audit",channel:"Audit",minHrs:50,maxHrs:100,time:"2-4 wks",roles:{aso:.7,cmo:.3}},{id:"c4",name:"Brand Positioning & Ethical AI Governance",channel:"Strategy",minHrs:60,maxHrs:120,time:"2-4 wks",roles:{cmo:1}}]},{id:"phase2",name:"Phase 2: Generate & Optimize (Execution)",items:[{id:"c5",name:"Human-in-the-Loop Content Production Setup",channel:"Execution",minHrs:60,maxHrs:120,time:"3-6 mos",roles:{content:.6,creative:.4}},{id:"c6",name:"CRO & Website UX Optimization Sprints",channel:"Execution",minHrs:50,maxHrs:100,time:"3-6 mos",roles:{tech:.4,data:.3,creative:.3}},{id:"c7",name:"AI-Augmented Paid Media & Performance",channel:"Execution",minHrs:60,maxHrs:120,time:"3-6 mos",roles:{ua:.7,data:.3}}]},{id:"phase3",name:"Phase 3: Automate & Scale (Infrastructure)",items:[{id:"c8",name:"Agentic AI Workflow Architecture",channel:"Infra",minHrs:100,maxHrs:300,time:"8-12 wks",roles:{tech:.7,cmo:.3}},{id:"c9",name:"Data Consolidation & Governance (GA4/CRM)",channel:"Infra",minHrs:80,maxHrs:200,time:"6-10 wks",roles:{data:.7,tech:.3}},{id:"c10",name:"Deferred Deep Linking & App Routing",channel:"Infra",minHrs:50,maxHrs:120,time:"4-8 wks",roles:{tech:.8,ua:.2}},{id:"c11",name:"ABM Orchestration (6sense/Demandbase)",channel:"Infra",minHrs:80,maxHrs:160,time:"6-10 wks",roles:{crm:.5,ua:.3,content:.2}}]}],T=e=>{let s=0,t=0,r=0,i=(e.minHrs+e.maxHrs)/2;return Object.entries(e.roles).forEach(a=>{let[l,o]=a,n=k.find(e=>e.id===l);if(n){let a=.35*n.baseRate;s+=e.minHrs*o*a,t+=e.maxHrs*o*a,r+=i*o*a}}),{min:s,max:t,avg:r}},M=()=>{let[e,s]=(0,i.useState)("B2C"),[t,a]=(0,i.useState)(6),[f,M]=(0,i.useState)(null),[H,P]=(0,i.useState)(!1),[A,z]=(0,i.useState)(()=>{let e={};return k.forEach(s=>{e[s.id]={active:N.B2C.roles.includes(s.id),hours:s.defaultHours,toolTier:"none",productivity:s.prodDefault}}),e}),[R,B]=(0,i.useState)("cat_web"),[D,L]=(0,i.useState)({}),[E,W]=(0,i.useState)("phase1"),[I,O]=(0,i.useState)({}),_=e=>{s(e),z(s=>{let t={...s};
1return k.forEach(s=>{t[s.id]={...t[s.id],active:N[e].roles.includes(s.id)}}),t})},F=(e,s)=>{s&&s.stopPropagation(),z(s=>({...s,[e]:{...s[e],active:!s[e].active}}))},G=e=>{A[e].active||z(s=>({...s,[e]:{...s[e],active:!0}})),M(e),document.body.style.overflow="hidden"},U=()=>{M(null),document.body.style.overflow="auto"},V=(e,s)=>{f&&z(t=>{let r={...t[f],[e]:s},i=k.find(e=>e.id===f),a=(e,s)=>Math.max(1,Math.min(40,Math.ceil(e*i.hoursPerProd*("pro"===s?.65:1))));return"toolTier"===e&&"none"!==s&&(r.hours=a(r.productivity,s)),"productivity"===e&&(r.hours=a(s,r.toolTier)),{...t,[f]:r}})},q=e=>{L(s=>{let t={...s};return t[e.id]?delete t[e.id]:t[e.id]=e,t})},X=e=>{O(s=>{let t={...s};return t[e.id]?delete t[e.id]:t[e.id]=e,t})},$=(0,i.useMemo)(()=>{let e=0,s=0,r=0,i=Math.max(4,Number(t)||4),a=[];return k.forEach(t=>{let i=A[t.id];if(i.active){e+=i.hours;let l=.35*t.baseRate,o=i.hours*l*4.33,n="pro"===i.toolTier?t.proCost:0;s+=o,r+=n,a.push({...t,activeHours:i.hours,toolTier:i.toolTier,humanCost:o,toolCost:n,monthlyCost:o+n})}}),{totalWeeklyHours:e,totalMonthlyHumanCost:s,totalMonthlyToolCost:r,monthlyTotal:s+r,engagementTotal:(s+r)*i,activeRolesDetails:a,safeDuration:i}},[A,t]),J=(0,i.useMemo)(()=>{let e=0,s=0,t={};return k.forEach(e=>t[e.id]={name:e.name,total:0}),Object.values(D).forEach(r=>{let i=T(r);e+=i.min,s+=i.max;let a=(r.minHrs+r.maxHrs)/2;Object.entries(r.roles).forEach(e=>{let[s,r]=e,i=k.find(e=>e.id===s);i&&t[s]&&(t[s].total+=a*r*(.35*i.baseRate))})}),{minTotal:e,maxTotal:s,count:Object.keys(D).length,sortedRoles:Object.values(t).filter(e=>e.total>0).sort((e,s)=>s.total-e.total)}},[D]),Y=(0,i.useMemo)(()=>{let e=0,s=0,t={};return k.forEach(e=>t[e.id]={name:e.name,total:0}),Object.values(I).forEach(r=>{let i=T(r);e+=i.min,s+=i.max;let a=(r.minHrs+r.maxHrs)/2;Object.entries(r.roles).forEach(e=>{let[s,r]=e,i=k.find(e=>e.id===s);i&&t[s]&&(t[s].total+=a*r*(.35*i.baseRate))})}),{minTotal:e,maxTotal:s,count:Object.keys(I).length,sortedRoles:Object.values(t).filter(e=>e.total>0).sort((e,s)=>s.total-e.total)}},[I]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"py-4 py-md-5",children:(0,r.jsxs)("div",{className:"container-xl",children:[(0,r.jsxs)("div",{className:"text-center mb-5",children:[(0,r.jsx)("div",{className:"d-flex justify-content-center mb-3",children:(0,r.jsx)("div",{className:"bg-primary p-3 rounded-3 text-white shadow-sm",children:(0,r.jsx)(o,{})})}),(0,r.jsx)("h1",{className:"h3 fw-bold mb-2",style:{color:"var(--jv-primary-dark)"},children:"Fractional Retainer Model"}),(0,r.jsx)("p",{className:"text-muted mb-3 mx-auto",style:{maxWidth:"600px"},children:"Build a custom, ongoing remote digital marketing team tailored to your strategy."}),(0,r.jsx)("div",{className:"section-divider"})]}),(0,r.jsxs)("div",{className:"row g-4",children:[(0,r.jsxs)("div",{className:"col-lg-8 d-flex flex-column gap-4",children:[(0,r.jsx)("div",{className:"jv-card",children:(0,r.jsx)("div",{className:"card-body p-4",children:(0,r.jsxs)("div",{className:"row g-4",children:[(0,r.jsxs)("div",{className:"col-md-7",children:[(0,r.jsxs)("label",{className:"form-label fw-semibold d-flex align-items-center mb-3",style:{color:"var(--jv-primary-dark)"},children:["Select Business Marketing Mode",(0,r.jsx)(g,{text:"Aligns required human resources to standard strategies.",children:(0,r.jsx)(d,{})})]}),(0,r.jsx)("div",{className:"d-flex gap-2",children:Object.keys(N).map(s=>(0,r.jsx)("button",{className:"btn business-mode-btn flex-grow-1 ".concat(e===s?"active":""),onClick:()=>_(s),children:s},s))}),(0,r.jsxs)("div",{className:"form-text mt-2 text-muted",style:{fontSize:"0.8rem",lineHeight:"1.3"},children:[(0,r.jsxs)("strong",{children:[N[e].title,":"]})," ",N[e].desc]})]}),(0,r.jsxs)("div",{className:"col-md-5 d-flex flex-column justify-content-center border-start ps-md-4",children:[(0,r.jsxs)("div",{className:"d-flex justify-content-between align-items-center mb-3",children:[(0,r.jsxs)("label",{className:"form-label fw-semibold mb-0 d-flex align-items-center",style:{color:"var(--jv-primary-dark)"},children:["Engagement Duration ",(0,r.jsx)(g,{text:"Algorithms take time. 4-month minimum enforced.",children:(0,r.jsx)(d,{})})]}),(0,r.jsxs)("span",{className:"badge bg-primary fs-6",children:[t," Months"]})]}),(0,r.jsx)("input",{type:"range",className:"form-range",min:"4",max:"24",step:"1",value:t,onChange:e=>a(parseInt(e.target.value,10))}),(0,r.jsxs)("div",{className:"d-flex justify-content-between text-muted mt-1",style:{fontSize:"0.75rem",fontWeight:"500"},children:[(0,r.jsx)("span",{children:"4 Mos"}),(0,r.jsx)("span",{children:"24 Mos"})]})]})]})})}),(0,r.jsx)("div",{className:"jv-card",children:(0,r.jsxs)("div",{className:"card-body p-4",children:[(0,r.jsxs)("div",{className:"d-flex justify-content-between align-items-center mb-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("h2",{className:"h5 fw-bold mb-1 d-flex align-items-center gap-2",style:{color:"var(--jv-primary-dark)"},children:["Aligned Human Resources ",(0,r.jsx)(g,{text:"These are the exact fractional skills suggested.",children:(0,r.jsx)(d,{})})]}),(0,r.jsxs)("p",{className:"text-muted small mb-0",children:["Pre-selected based on ",(0,r.jsx)("strong",{children:e})," strategy. Toggle to customize."]})]}),(0,r.jsxs)("div",{className:"badge bg-light text-dark border px-3 py-2 flex-shrink-0",children:[(0,r.jsx)("span",{className:"fw-bold text-primary",children:$.activeRolesDetails.length})," / ",k.length," Active"]})]}),(0,r.jsx)("div",{className:"row g-3",children:k.map(e=>{let s=A[e.id],t=s.active;return(0,r.jsx)("div",{className:"col-md-6",children:(0,r.jsxs)("div",{className:"role-compact-card h-100 d-flex flex-column justify-content-between ".concat(t?"active":""),onClick:s=>t?null:F(e.id,s),children:[(0,r.jsxs)("div",{className:"d-flex gap-3 align-items-start mb-3",children:[(0,r.jsx)("div",{className:"jv-checkbox flex-shrink-0 mt-1",onClick:s=>F(e.id,s),children:t&&(0,r.jsx)(n,{})}),(0,r.jsxs)("div",{className:"flex-grow-1",children:[(0,r.jsx)("h3",{className:"h6 fw-bold mb-1 text-dark",children:e.name}),(0,r.jsx)("p",{className:"small text-muted mb-0 lh-sm",style:{fontSize:"0.8rem"},children:e.desc})]})]}),t?(0,r.jsxs)("div",{className:"d-flex justify-content-between align-items-center mt-auto pt-2 border-top",children:[(0,r.jsxs)("div",{className:"d-flex gap-2 align-items-center",children:[(0,r.jsxs)("span",{className:"badge bg-light text-dark border d-flex align-items-center gap-1 py-1",children:[(0,r.jsx)(l,{})," ~",s.hours,"h/wk"]}),"none"===s.toolTier&&(0,r.jsx)("span",{className:"tier-pill tier-none",children:"No Tools"}),"free"===s.toolTier&&(0,r.jsx)("span",{className:"tier-pill tier-free",children:"Free Tools"}),"pro"===s.toolTier&&(0,r.jsxs)("span",{className:"tier-pill tier-pro",children:[(0,r.jsx)(h,{})," Pro"]})]}),(0,r.jsxs)("button",{className:"btn btn-sm btn-outline-primary d-flex align-items-center gap-1",onClick:s=>{s.stopPropagation(),G(e.id)},children:[(0,r.jsx)(m,{})," Config"]})]}):(0,r.jsx)("div",{className:"mt-auto pt-2 text-center text-muted small fw-medium",children:"Click to add to team"})]})},e.id)})})]})})]}),(0,r.jsx)("div",{className:"col-lg-4",children:(0,r.jsxs)("div",{className:"sticky-top",style:{to
1p:"20px",zIndex:1},children:[(0,r.jsx)("div",{className:"jv-card mb-4 border-primary border-top border-4",children:(0,r.jsxs)("div",{className:"card-body p-4",children:[(0,r.jsx)("h3",{className:"text-uppercase fw-bold mb-4 pb-2 border-bottom text-muted",style:{fontSize:"0.85rem"},children:"Team Cost Summary"}),(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("div",{className:"text-muted small fw-semibold mb-1",children:"Total Monthly Retainer"}),(0,r.jsx)("div",{className:"display-6 fw-bold text-dark",children:y($.monthlyTotal)}),(0,r.jsx)("div",{className:"text-success small fw-medium mt-1",children:"Base Rate: India (Offshore/Remote)"})]}),(0,r.jsxs)("div",{className:"mb-4 small border rounded-3 p-3 bg-light",children:[(0,r.jsxs)("div",{className:"d-flex justify-content-between mb-2",children:[(0,r.jsx)("span",{className:"text-muted fw-semibold",children:"Human Resources"}),(0,r.jsx)("span",{className:"fw-bold",children:y($.totalMonthlyHumanCost)})]}),(0,r.jsxs)("div",{className:"d-flex justify-content-between mb-3",children:[(0,r.jsx)("span",{className:"text-muted fw-semibold",children:"MarTech Software"}),(0,r.jsx)("span",{className:"fw-bold",children:y($.totalMonthlyToolCost)})]}),(0,r.jsx)("button",{className:"btn btn-sm btn-outline-secondary w-100 fw-semibold",onClick:()=>{P(!0),document.body.style.overflow="hidden"},children:"View Detailed Breakdown"})]}),(0,r.jsxs)("div",{className:"mb-2",children:[(0,r.jsxs)("div",{className:"text-muted small fw-semibold mb-1 d-flex justify-content-between align-items-center",children:[(0,r.jsx)("span",{children:"Total Engagement Cost"}),(0,r.jsxs)("span",{className:"badge bg-dark text-white rounded-pill",children:[$.safeDuration," Months"]})]}),(0,r.jsx)("div",{className:"h4 fw-bold mb-0",style:{color:"var(--jv-primary-dark)"},children:y($.engagementTotal)})]})]})}),(0,r.jsx)(w,{title:"Ready to Build This Team?",subtitle:"Enter your details to receive a custom proposal for this specific ".concat(e," block."),buttonText:"Request Retainer Quote"})]})})]})]})}),(0,r.jsx)("hr",{className:"my-5",style:{borderTop:"2px dashed var(--jv-border)"}}
1),(0,r.jsx)("div",{className:"py-4 py-md-5 bg-white",children:(0,r.jsxs)("div",{className:"container-xl",children:[(0,r.jsxs)("div",{className:"text-center mb-5",children:[(0,r.jsx)("div",{className:"d-flex justify-content-center mb-3",children:(0,r.jsx)("div",{className:"bg-primary p-3 rounded-3 text-white shadow-sm",children:(0,r.jsx)(u,{})})}),(0,r.jsx)("h1",{className:"h3 fw-bold mb-2",style:{color:"var(--jv-primary-dark)"},children:"Creative Task Based Pricing"}),(0,r.jsx)("p",{className:"text-muted mb-3 mx-auto",style:{maxWidth:"600px"},children:"Scope out specific, one-off deliverables. Prices are dynamically calculated based on our aligned offshore rate card."}),(0,r.jsx)("div",{className:"section-divider"})]}),(0,r.jsxs)("div",{className:"row g-4",children:[(0,r.jsx)("div",{className:"col-lg-8",children:(0,r.jsxs)("div",{className:"jv-card p-4",children:[(0,r.jsx)("h2",{className:"h5 fw-bold mb-1",style:{color:"var(--jv-primary-dark)"},children:"Select Project Deliverables"}),(0,r.jsx)("p",{className:"text-muted small mb-4",children:"Choose standard deliverables to build your scope."}),(0,r.jsx)("div",{className:"d-flex flex-column gap-3",children:C.map(e=>{let s=R===e.id;return(0,r.jsxs)("div",{className:"border border-light-subtle rounded-3 overflow-hidden shadow-sm",children:[(0,r.jsxs)("div",{className:"p-3 fw-bold d-flex justify-content-between align-items-center ".concat(s?"bg-primary text-white":"bg-light text-dark"),onClick:()=>B(s?null:e.id),style:{cursor:"pointer",transition:"background-color 0.2s"},children:[(0,r.jsx)("span",{className:"fs-6",children:e.name}),(0,r.jsx)("span",{style:{transform:s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.3s"},children:(0,r.jsx)(j,{})})]}),s&&(0,r.jsx)("div",{className:"p-3 bg-white border-top border-light-subtle",children:e.items.map(e=>{let s=!!D[e.id],t=T(e);return(0,r.jsxs)("div",{className:"p-3 mb-2 border rounded-3 d-flex align-items-center gap-3 ".concat(s?"border-primary":"border-light-subtle"),style:{cursor:"pointer",transition:"all 0.2s",backgroundColor:s?"#f0f7ff":"#fff"},onClick:()=>q(e),children:[(0,r.jsx)("div",{className:"flex-shrink-0 d-flex align-items-center justify-content-center rounded",style:{width:"24px",height:"24px",backgroundColor:s?"#0d6efd":"#f8f9fa",border:s?"2px solid #0d6efd":"2px solid #dee2e6",color:"#fff",transition:"all 0.2s"},children:s&&(0,r.jsx)(n,{})}),(0,r.jsxs)("div",{className:"flex-grow-1",children:[(0,r.jsx)("div",{className:"fw-bold text-dark",style:{fontSize:"0.95rem"},children:e.name}),(0,r.jsx)("div",{className:"mt-1 mb-1 text-muted",style:{fontSize:"0.8rem"},children:e.deliverables}),(0,r.jsxs)("div",{className:"d-flex gap-2 align-items-center",style:{fontSize:"0.8rem",color:s?"#0d6efd":"#6c757d"},children:[(0,r.jsx)("span",{className:"badge bg-light text-secondary border fw-normal",children:e.channel}),(0,r.jsxs)("span",{className:"d-flex align-items-center gap-1",children:[(0,r.jsx)(l,{})," ",e.time]})]})]}),(0,r.jsx)("div",{className:"text-end flex-shrink-0",children:(0,r.jsxs)("div",{className:"fw-bold text-primary",style:{fontSize:"0.95rem"},children:[y(t.min)," - ",y(t.max)]})})]},e.id)})})]},e.id)})})]})}),(0,r.jsx)("div",{className:"col-lg-4",children:(0,r.jsxs)("div",{className:"sticky-top",style:{top:"20px",zIndex:1},children:[(0,r.jsx)("div",{className:"jv-card mb-4 border-primary border-top border-4",children:(0,r.jsxs)("div",{className:"card-body p-4",children:[(0,r.jsx)("h3",{className:"text-uppercase fw-bold mb-4 pb-2 border-bottom text-muted",style:{fontSize:"0.85rem"},children:"Project Estimate"}),(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("div",{className:"text-muted small fw-semibold mb-1",children:"Total Scope Estimate (Market Range)"}),0===J.count?(0,r.jsx)("div",{className:"display-6 fw-bold text-muted opacity-50",children:"$0"}):(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"h3 fw-bold text-dark mb-0",children:y(J.minTotal)}),(0,r.jsxs)("div",{className:"text-muted fw-semibold small",children:["to ",y(J.maxTotal)]})]}),(0,r.jsxs)("div",{className:"badge bg-primary mt-2",children:[J.count," Deliverables Selected"]})]}),J.count>0&&(0,r.jsxs)("div",{className:"mb-4 bg-light p-3 rounded-3 border",children:[(0,r.jsxs)("h4",{className:"fw-bold mb-3 d-flex align-items-center gap-2",style:{fontSize:"0.85rem",color:"var(--jv-primary-dark)"},children:[(0,r.jsx)(b,{})," Resource Cost Allocation"]}),(0,r.jsx)("div",{className:"d-flex flex-column gap-2",children:J.sortedRoles.map(e=>(0,r.jsxs)("div",{className:"d-flex justify-content-between align-items-center small",children:[(0,r.jsx)("span",{className:"text-muted fw-medium",children:e.name}),(0,r.jsx)("span",{className:"fw-bold text-dark",children:y(e.total)})]},e.name))})]})]})}
1),(0,r.jsx)(w,{title:"Request Custom Quote",subtitle:"Enter your details to receive a formal proposal locking in pricing for these ".concat(J.count," deliverables."),buttonText:"Send Request"})]})})]})]})}),(0,r.jsx)("hr",{className:"my-5",style:{borderTop:"2px dashed var(--jv-border)"}}),(0,r.jsx)("div",{className:"py-4 py-md-5",children:(0,r.jsxs)("div",{className:"container-xl",children:[(0,r.jsxs)("div",{className:"text-center mb-5",children:[(0,r.jsx)("div",{className:"d-flex justify-content-center mb-3",children:(0,r.jsx)("div",{className:"bg-primary p-3 rounded-3 text-white shadow-sm",children:(0,r.jsx)(v,{})})}),(0,r.jsx)("h1",{className:"h3 fw-bold mb-2",style:{color:"var(--jv-primary-dark)"},children:"AI Transformation & Consulting"}),(0,r.jsx)("p",{className:"text-muted mb-3 mx-auto",style:{maxWidth:"600px"},children:"From Audit to Automation. Estimate the scope of our 3-phase AI-ready growth engagements."}),(0,r.jsx)("div",{className:"section-divider"})]}),(0,r.jsxs)("div",{className:"row g-4",children:[(0,r.jsx)("div",{className:"col-lg-8",children:(0,r.jsxs)("div",{className:"jv-card p-4",children:[(0,r.jsx)("h2",{className:"h5 fw-bold mb-1",style:{color:"var(--jv-primary-dark)"},children:"Select Consulting Engagements"}),(0,r.jsx)("p",{className:"text-muted small mb-4",children:"Choose advisory blocks to build your strategic roadmap."}),(0,r.jsx)("div",{className:"d-flex flex-column gap-3",children:S.map(e=>{let s=E===e.id;return(0,r.jsxs)("div",{className:"border border-light-subtle rounded-3 overflow-hidden shadow-sm",children:[(0,r.jsxs)("div",{className:"p-3 fw-bold d-flex justify-content-between align-items-center ".concat(s?"bg-primary text-white":"bg-light text-dark"),onClick:()=>W(s?null:e.id),style:{cursor:"pointer",transition:"background-color 0.2s"},children:[(0,r.jsx)("span",{className:"fs-6",children:e.name}),(0,r.jsx)("span",{style:{transform:s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.3s"},children:(0,r.jsx)(j,{})})]}),s&&(0,r.jsx)("div",{className:"p-3 bg-white border-top border-light-subtle",children:e.items.map(e=>{let s=!!I[e.id],t=T(e);return(0,r.jsxs)("div",{className:"p-3 mb-2 border rounded-3 d-flex align-items-center gap-3 ".concat(s?"border-primary":"border-light-subtle"),style:{cursor:"pointer",transition:"all 0.2s",backgroundColor:s?"#f0f7ff":"#fff"},onClick:()=>X(e),children:[(0,r.jsx)("div",{className:"flex-shrink-0 d-flex align-items-center justify-content-center rounded",style:{width:"24px",height:"24px",backgroundColor:s?"#0d6efd":"#f8f9fa",border:s?"2px solid #0d6efd":"2px solid #dee2e6",color:"#fff",transition:"all 0.2s"},children:s&&(0,r.jsx)(n,{})}),(0,r.jsxs)("div",{className:"flex-grow-1",children:[(0,r.jsx)("div",{className:"fw-bold text-dark",style:{fontSize:"0.95rem"},children:e.name}),(0,r.jsxs)("div",{className:"d-flex gap-2 mt-1 align-items-center",style:{fontSize:"0.8rem",color:s?"#0d6efd":"#6c757d"},children:[(0,r.jsx)("span",{className:"badge bg-light text-secondary border fw-normal",children:e.channel}),(0,r.jsxs)("span",{className:"d-flex align-items-center gap-1",children:[(0,r.jsx)(l,{})," ",e.time]})]})]}),(0,r.jsx)("div",{className:"text-end flex-shrink-0",children:(0,r.jsxs)("div",{className:"fw-bold text-primary",style:{fontSize:"0.95rem"},children:[y(t.min)," - ",y(t.max)]})})]},e.id)})})]},e.id)})})]})}),(0,r.jsx)("div",{className:"col-lg-4",children:(0,r.jsxs)("div",{className:"sticky-top",style:{top:"20px",zIndex:1},children:[(0,r.jsx)("div",{className:"jv-card mb-4 border-primary border-top border-4",children:(0,r.jsxs)("div",{className:"card-body p-4",children:[(0,r.jsx)("h3",{className:"text-uppercase fw-bold mb-4 pb-2 border-bottom text-muted",style:{fontSize:"0.85rem"},children:"Consulting Estimate"}),(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("div",{className:"text-muted small fw-semibold mb-1",children:"Total Consulting Scope"}),0===Y.count?(0,r.jsx)("div",{className:"display-6 fw-bold text-muted opacity-50",children:"$0"}):(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"h3 fw-bold text-dark mb-0",children:y(Y.minTotal)}),(0,r.jsxs)("div",{className:"text-muted fw-semibold small",children:["to ",y(Y.maxTotal)]})]}),(0,r.jsxs)("div",{className:"badge bg-primary mt-2",children:[Y.count," Engagements Selected"]})]}),Y.count>0&&(0,r.jsxs)("div",{className:"mb-4 bg-light p-3 rounded-3 border",children:[(0,r.jsxs)("h4",{className:"fw-bold mb-3 d-flex align-items-center gap-2",style:{fontSize:"0.85rem",color:"var(--jv-primary-dark)"},children:[(0,r.jsx)(b,{})," Resource Allocation"]}),(0,r.jsx)("div",{className:"d-flex flex-column gap-2",children:Y.sortedRoles.map(e=>(0,r.jsxs)("div",{className:"d-flex justify-content-between align-items-center small",children:[(0,r.jsx)("span",{className:"text-muted fw-medium",children:e.name}),(0,r.jsx)("span",{className:"fw-bold text-dark",children:y(e.total)})]},e.name))})]})]})}),(0,r.jsx)(w,{title:"Discuss Your Roadmap",subtitle:"Enter your details to request a formal discovery call regarding these AI transformation blocks.",buttonText:"Request Discovery Call"})]})})]})]})}),f&&(0,r.jsx)("div",{className:"jv-modal-overlay",onClick:U,children:(()=>{let e=k.find(e=>e.id===f),s=A[f];return(0,r.jsxs)("div",{className:"jv-modal-content d-flex flex-column",style:{maxWidth:"500px"},onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:"p-3 border-bottom d-flex justify-content-between bg-light",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"h6 fw-bold text-dark mb-1",children:e.name}),(0,r.jsxs)("div",{className:"text-muted small d-flex align-items-center gap-1",style:{fontSize:"0.75rem"},children:[(0,r.jsx)(m,{})," Detailed Configuration"]})]}),(0,r.jsx)("button",{className:"btn btn-link text-secondary p-0",onClick:U,children:(0,r.jsx)(x,{})})]}),(0,r.jsxs)("div",{className:"p-3",children:[(0,r.jsxs)("h4",{className:"h6 fw-bold mb-2 d-flex align-items-center gap-2",style:{fontSize:"0.9rem"},children:[(0,r.jsx)(c,{})," 1. Select Tooling Tier"]}),(0,r.jsxs)("div",{className:"row g-2 mb-3",children:[(0,r.jsx)("div",{className:"col-4",children:(0,r.jsxs)("div",{className:"tool-tier-card text-center ".concat("none"===s.toolTier?"selected":""),onClick:()=>V("toolTier","none"),style:{height:"110px"},children:[(0,r.jsx)("div",{className:"fw-bold mb-1",style:{fontSize:"0.85rem"},children:"No Tools"}),(0,r.jsx)("div",{className:"text-muted text-truncate w-100 px-1",style:{fontSize:"0.7rem"},children:"Manual execution."}),(0,r.jsx)("div",{className:"fw-bold text-dark mt-auto",style:{fontSize:"0.85rem"},children:"$0/mo"})]})}),(0,r.jsx)("div",{className:"col-4",children:(0,r.jsxs)("div",{className:"tool-tier-card text-center ".concat("free"===s.toolTier?"selected":""),onClick:()=>V("toolTier","free"),style:{height:"110px"},children:[(0,r.jsx)("div",{className:"fw-bold text-primary mb-1",style:{fontSize:"0.85rem"},children:"Free Tier"}),(0,r.jsx)("div",{className:"text-muted text-truncate w-100 px-1",style:{fontSize:"0.7rem"},children:e.freeTools}),(0,r.jsx)("div",{className:"fw-bold text-primary mt-auto",style:{fontSize:"0.85rem"},children:"$0/mo"})]})}),(0,r.jsx)("div",{className:"col-4",children:(0,r.jsxs)("div",{className:"tool-tier-card text-center ".concat("pro"===s.toolTier?"selected":""),onClick:()=>V("toolTier","pro"),style:{height:"110px"},children:[(0,r.jsxs)("div",{className:"fw-bold text-warning-emphasis mb-1 d-flex align-items-center justify-content-center gap-1",style:{fontSize:"0.85rem"},children:[(0,r.jsx)(h,{})," Pro"]}),(0,r.jsx)("div",{className:"text-muted text-truncate w-100 px-1",style:{fontSize:"0.7rem"},children:e.proTools}),(0,r.jsxs)("div",{className:"fw-bold text-warning-emphasis mt-auto",style:{fontSize:"0.85rem"},children:["+$",e.proCost,"/mo"]})]})})]}),(0,r.jsx)("div",{className:"pt-3 border-top",style:{height:"240px"},children:"none"===s.toolTier?(0,r.jsxs)("div",{children:[(0,r.jsxs)("h4",{className:"h6 fw-bold mb-2 d-flex align-items-center justify-content-between",style:{fontSize:"0.9rem"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)(l,{})," 2. Manual Time Allocation"]}),(0,r.jsxs)("span",{className:"badge bg-primary",children:["~",s.hours," hrs/wk"]})]}),(0,r.jsx)("p",{className:"text-muted mb-3",style:{fontSize:"0.8rem",lineHeight:"1.3"},children:"Since no tools are selected, please define exactly how many hours per week this resource should manually dedicate."}),(0,r.jsx)("input",{type:"range",className:"form-range mt-2",min:"1",max:"40",step:"1",value:s.hours,onChange:e=>V("hours",parseInt(e.target.value,10))})]}):(0,r.jsxs)("div",{children:[(0,r.jsxs)("h4",{className:"h6 fw-bold mb-2 d-flex align-items-center justify-content-between",style:{fontSize:"0.9rem"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)(p,{})," 2. Expected Output"]}),(0,r.jsxs)("span",{className:"badge bg-success text-white",children:["~",s.hours," hrs/wk Derived"]})]}),(0,r.jsxs)("div",{className:"p-2 mb-3 rounded-2 d-flex align-items-start gap-2 border transition-all ".concat("pro"===s.toolTier?"border-success bg-success bg-opacity-10 text-success":"border-secondary border-opacity-25 bg-light text-muted"),style:{fontSize:"0.75rem",minHeight:"46px"},children:[(0,r.jsx)("div",{className:"mt-1",children:"pro"===s.toolTier?(0,r.jsx)(h,{}):(0,r.jsx)(d,{})}),(0,r.jsx)("div",{style:{lineHeight:"1.3"},children:"pro"===s.toolTier?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("strong",{children:"Efficiency Unlocked:"})," Pro Stack software reduces human execution time by ~35%."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("strong",{children:"Pro Tip:"})," Upgrading to Pro Stack software reduces required human execution time by ~35%."]})})]}),(0,r.jsxs)("div",{className:"bg-light border p-2 rounded-3 mb-3 text-center",children:[(0,r.jsx)("span",{className:"fw-bold text-primary fs-5",children:s.productivity}),(0,r.jsx)("span",{className:"text-secondary ms-2 fw-medium small",children:e.prodMetric})]}),(0,r.jsx)("input",{type:"range",className:"form-range",min:e.prodMin,max:e.prodMax,step:"1",value:s.productivity,onChange:e=>V("productivity",parseInt(e.target.value,10))})]})})]}),(0,r.jsx)("div",{className:"p-2 px-3 border-top bg-light d-flex justify-content-end",children:(0,r.jsx)("button",{className:"btn btn-primary btn-sm px-4 fw-semibold",onClick:U,children:"Confirm & Save"})})]})})()}),H&&(0,r.jsx)("div",{className:"jv-modal-overlay",onClick:()=>{P(!1),document.body.style.overflow="auto"},children:(0,r.jsxs)("div",{className:"jv-modal-content d-flex flex-column",style:{maxWidth:"700px"},onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:"p-4 border-bottom d-flex justify-content-between bg-light",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"h5 fw-bold text-dark mb-1",children:"Detailed Cost Breakdown"}),(0,r.jsx)("div",{className:"text-muted small",children:"Line-item visibility for human execution and software"})]}),(0,r.jsx)("button",{className:"btn btn-link text-secondary p-0",onClick:()=>{P(!1),document.body.style.overflow="auto"},children:(0,r.jsx)(x,{})})]}),(0,r.jsx)("div",{className:"p-0",children:0===$.activeRolesDetails.length?(0,r.jsx)("div",{className:"p-5 text-center text-muted",children:(0,r.jsx)("p",{className:"mb-0",children:"No roles selected yet."})}):(0,r.jsx)("div",{className:"table-responsive m-0",children:(0,r.jsxs)("table",{className:"table table-hover align-middle mb-0",children:[(0,r.jsx)("thead",{className:"table-light",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"ps-4 text-muted small text-uppercase",children:"Role / Output"}),(0,r.jsx)("th",{className:"text-muted small text-uppercase",children:"Labor Cost"}),(0,r.jsx)("th",{className:"text-muted small text-uppercase",children:"Tools"}),(0,r.jsx)("th",{className:"text-muted small text-uppercase",children:"Total/Mo"}),(0,r.jsx)("th",{className:"pe-4 text-end"})]})}),(0,r.jsx)("tbody",{className:"border-top-0",children:$.activeRolesDetails.map(e=>(0,r.jsxs)("tr",{children:[(0,r.jsxs)("td",{className:"ps-4 py-3",children:[(0,r.jsx)("div",{className:"fw-bold text-dark",style:{fontSize:"0.9rem"},children:e.name}),(0,r.jsxs)("div",{className:"text-muted d-flex align-items-center gap-1 mt-1",style:{fontSize:"0.75rem"},children:[(0,r.jsx)(l,{})," ~",e.activeHours,"h/wk ",(0,r.jsx)("span",{className:"mx-1",children:"â¢"})," ","none"===e.toolTier?"No Tools":"free"===e.toolTier?"Free Tools":"Pro Stack"]})]}),(0,r.jsx)("td",{className:"fw-medium text-dark",children:y(e.humanCost)}),(0,r.jsx)("td",{className:"fw-medium text-dark",children:y(e.toolCost)}),(0,r.jsx)("td",{className:"fw-bold text-primary",children:y(e.monthlyCost)}),(0,r.jsx)("td",{className:"pe-4 text-end",children:(0,r.jsx)("button",{className:"btn btn-sm btn-light border",onClick:()=>{P(!1),G(e.id)},children:"Edit"})})]},e.id))}),(0,r.jsx)("tfoot",{className:"table-light fw-bold",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{className:"ps-4 py-3 text-dark",children:"MONTHLY TOTALS"}),(0,r.jsx)("td",{className:"text-dark",children:y($.totalMonthlyHumanCost)}),(0,r.jsx)("td",{className:"text-dark",children:y($.totalMonthlyToolCost)}),(0,r.jsx)("td",{className:"text-primary fs-5",children:y($.monthlyTotal)}),(0,r.jsx)("td",{})]})})]})})}),(0,r.jsx)("div",{className:"p-3 border-top bg-light d-flex justify-content-end",children:(0,r.jsx)("button",{className:"btn btn-primary px-4 fw-semibold",onClick:()=>{P(!1),document.body.style.overflow="auto"},children:"Close Summary"})})]})})]})},H=()=>(0,r.jsx)("div",{className:"py-5 bg-white h-100 d-flex align-items-center justify-content-center",children:(0,r.jsxs)("div",{className:"container text-center",children:[(0,r.jsx)("h2",{className:"h3 fw-bold mb-3 text-primary",children:"App Promotion Cost Calculator"}),(0,r.jsx)("p",{className:"text-muted mb-4",children:"Paste the code from your App.jsx file inside this component to activate this module."}),(0,r.jsx)("div",{className:"border border-dashed border-2 border-secondary rounded-4 p-5 bg-light",style:{minHeight:"300px"},children:(0,r.jsxs)("div",{className:"text-muted",children:[(0,r.jsx)(m,{})," ",(0,r.jsx)("br",{}),"Module Ready for Deployment"]})})]})});function P(){let[e,s]=(0,i.useState)("digital_marketing"),[t,l]=(0,i.useState)(!1);return(0,r.jsxs)("div",{className:"min-vh-100 d-flex flex-column",style:{backgroundColor:"var(--jv-bg)"},children:[(0,r.jsx)(a.ZP,{title:"Cost Calculators | JointViews",description:"Deprecated combined calculator. Use the individual cost calculators instead.",noindex:!0}),(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n @import url('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');\n :root {\n --jv-bg: #f4f7f9; --jv-card-bg: #ffffff; --jv-primary-dark: #0A2540;\n --jv-accent-blue: #0056b3; --jv-border: #e2e8f0; --jv-text-main: #1e293b; --jv-text-muted: #64748b;\n }\n body { background-color: var(--jv-bg) !important; font-family: 'Inter', system-ui, sans-serif !important; color: var(--jv-text-main); }\n .jv-card { background-color: var(--jv-card-bg); border: 1px solid var(--jv-border); border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); }\n\n\n /* Retainer Classes */\n .role-compact-card { border: 1px solid var(--jv-border); border-radius: 10px; transition: all 0.2s ease; background: #fff; position: relative; overflow: hidden; padding: 1rem; }\n .role-compact-card.active { border-color: #0056b3; box-shadow: 0 4px 12px rgba(0, 86, 179, 0.05); }\n .role-compact-card.active::before { content: \"\"; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #0056b3; }\n .role-compact-card:not(.active) { opacity: 0.65; filter: grayscale(0.5); cursor: pointer; }\n .tier-pill { font-size: 0.75rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 20px; display: inline-flex; align-items: center; gap: 4px; }\n .tier-none { background: #f1f5f9; color: #64748b; border: 1px solid #cbd5e1; }\n .tier-free { background: #e0f2fe; color: #0369a1; border: 1px solid #bae6fd; }\n .tier-pro { background: #fef08a; color: #854d0e; border: 1px solid #fde047; }\n \n .jv-checkbox { width: 22px; height: 22px; border-radius: 6px; border: 2px solid #cbd5e1; display: flex; align-items: center; justify-content: center; cursor
1: pointer; transition: all 0.2s; background: #fff; }\n .role-compact-card.active .jv-checkbox { background-color: #0056b3; border-color: #0056b3; color: white; }\n\n\n /* Shared / Utilities */\n .jv-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(10, 37, 64, 0.6); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 1rem; backdrop-filter: blur(4px); }\n .jv-modal-content { background: #fff; width: 100%; max-width: 600px; border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,0.2); max-height: 90vh; overflow-y: auto; }\n .jv-tooltip-container { position: relative; display: inline-flex; align-items: center; margin-left: 6px; cursor: help; }\n .jv-tooltip-content { visibility: hidden; width: 260px; background-color: var(--jv-primary-dark); color: #fff; text-align: left; border-radius: 8px; padding: 12px 14px; position: absolute; z-index: 1040; bottom: 140%; left: 50%; transform: translateX(-50%) translateY(10px); opacity: 0; transition: all 0.25s ease; font-size: 0.8rem; font-weight: 400; line-height: 1.5; pointer-events: none; }\n .jv-tooltip-content::after { content: \"\"; position: absolute; top: 100%; left: 50%; margin-left: -6px; border-width: 6px; border-style: solid; border-color: var(--jv-primary-dark) transparent transparent transparent; }\n .jv-tooltip-container:hover .jv-tooltip-content { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }\n .business-mode-btn { border: 2px solid var(--jv-border); font-weight: 600; color: var(--jv-text-muted); transition: all 0.2s; }\n .business-mode-btn.active { border-color: var(--jv-accent-blue); background: #f0f7ff; color: var(--jv-accent-blue); }\n .tool-tier-card { border: 2px solid var(--jv-border); border-radius: 8px; padding: 0.75rem 0.5rem; cursor: pointer; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }\n .tool-tier-card.selected { border-color: var(--jv-accent-blue); background: #f0f7ff; }\n .section-divider { height: 4px; width: 60px; background-color: var(--jv-accent-blue); border-radius: 2px; margin: 0 auto; }\n \n /* Dropdown custom styling */\n .jv-dropdown-item { padding: 10px 20px; color: var(--jv-text-main); text-decoration: none; display: block; font-weight: 500; font-size: 0.95rem; transition: background 0.2s; cursor: pointer; border: none; background: transparent; width: 100%; text-align: left; }\n .jv-dropdown-item:hover, .jv-dropdown-item.active { background-color: #f0f7ff; color: var(--jv-accent-blue); }\n "}}),(0,r.jsx)("nav",{className:"navbar navbar-expand-lg bg-white border-bottom sticky-top shadow-sm px-3",style:{zIndex:1040},children:(0,r.jsxs)("div",{className:"container-xl d-flex justify-content-between align-items-center",children:[(0,r.jsx)("a",{className:"navbar-brand fw-bold text-primary fs-4",href:"#",children:"JointViews"}),(0,r.jsxs)("ul",{className:"navbar-nav d-flex flex-row gap-4 align-items-center m-0 p-0",style:{listStyle:"none"},children:[(0,r.jsxs)("li",{className:"nav-item position-relative",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[(0,r.jsxs)("div",{className:"nav-link fw-bold d-flex align-items-center gap-1 ".concat(t?"text-primary":"text-dark"),style:{cursor:"pointer",padding:"15px 0"},children:["Pricing ",(0,r.jsx)(f,{})]}),t&&(0,r.jsxs)("div",{className:"position-absolute bg-white shadow-lg rounded-3 py-2",style:{top:"100%",left:0,minWidth:"320px",border:"1px solid var(--jv-border)"},children:[(0,r.jsx)("button",{className:"jv-dropdown-item ".concat("app_promotion"===e?"active":""),onClick:()=>{s("app_promotion"),l(!1)},children:"App Promotion Cost Calculator"}),(0,r.jsx)("button",{className:"jv-dropdown-item ".concat("digital_marketing"===e?"active":""),onClick:()=>{s("digital_marketing"),l(!1)},children:"Digital Marketing Resource Cost Calculator"})]})]}),(0,r.jsx)("li",{className:"nav-item d-none d-md-block",children:(0,r.jsxs)("a",{className:"nav-link text-dark fw-medium",href:"#",children:["Industries ",(0,r.jsx)(f,{})]})}),(0,r.jsx)("li",{className:"nav-item d-none d-md-block",children:(0,r.jsxs)("a",{className:"nav-link text-dark fw-medium",href:"#",children:["Portfolio ",(0,r.jsx)(f,{})]})}),(0,r.jsx)("li",{className:"nav-item d-none d-md-block",children:(0,r.jsx)("a",{className:"nav-link text-dark fw-medium",href:"#",children:"Blog"})})]}),(0,r.jsx)("div",{className:"d-none d-md-block",children:(0,r.jsx)("button",{className:"btn btn-outline-primary rounded-pill px-4 fw-semibold",children:"Contact Us"})})]})}),(0,r.jsxs)("main",{className:"flex-grow-1",children:["digital_marketing"===e&&(0,r.jsx)(M,{}),"app_promotion"===e&&(0,r.jsx)(H,{})]})]})}}},function(e){e.O(0,[888,774,179],function(){return e(e.s=9883)}),_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.