https://jointviews.com/_next/static/chunks/pages/creative-task-based-cost-calculator-c54d8dfe39802c14.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[473],{4219:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/creative-task-based-cost-calculator",function(){return t(9810)}])},9810:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return d}});var a=t(5893),l=t(7294),r=t(3650),i=t(3927);function d(){let{formatCurrency:e}=(0,i.sj)(),[s,t]=(0,l.useState)("cat_web"),[d,c]=(0,l.useState)({}),n=e=>{c(s=>{let t={...s};return t[e.id]?delete t[e.id]:t[e.id]=e,t})},o=(0,l.useMemo)(()=>{let e=0,s=0,t={};return i.MZ.forEach(e=>t[e.id]={name:e.name,total:0}),Object.values(d).forEach(a=>{let l=(0,i.wR)(a);e+=l.min,s+=l.max;let r=(a.minHrs+a.maxHrs)/2;Object.entries(a.roles).forEach(e=>{let[s,a]=e,l=i.MZ.find(e=>e.id===s);l&&t[s]&&(t[s].total+=r*a*(l.baseRate*i.Yx))})}),{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]);return(0,a.jsxs)(i.E8,{children:[(0,a.jsx)(r.ZP,{title:"Creative Task-Based Pricing Calculator | JointViews",description:"Scope out specific, one-off creative deliverables and get a dynamic price estimate based on JointViews' aligned offshore rate card.",canonical:"".concat(r._O,"/creative-task-based-cost-calculator/")}),(0,a.jsx)("div",{className:"py-4 py-md-5",children:(0,a.jsxs)("div",{className:"container-xl",children:[(0,a.jsxs)("div",{className:"text-center mb-5",children:[(0,a.jsx)("div",{className:"d-flex justify-content-center mb-3",children:(0,a.jsx)("div",{className:"bg-primary p-3 rounded-3 text-white shadow-sm",children:(0,a.jsx)(i.Zd,{})})}),(0,a.jsx)("h1",{className:"h3 fw-bold mb-2",style:{color:"var(--jv-primary-dark)"},children:"Creative Task Based Pricing"}),(0,a.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,a.jsx)("div",{className:"section-divider"})]}),(0,a.jsxs)("div",{className:"row g-4",children:[(0,a.jsx)("div",{className:"col-lg-8",children:(0,a.jsxs)("div",{className:"jv-card p-4",children:[(0,a.jsx)("h2",{className:"h5 fw-bold mb-1",style:{color:"var(--jv-primary-dark)"},children:"Select Project Deliverables"}),(0,a.jsx)("p",{className:"text-muted small mb-4",children:"Choose standard deliverables to build your scope."}),(0,a.jsx)("div",{className:"d-flex flex-column gap-3",children:i.fQ.map(l=>{let r=s===l.id;return(0,a.jsxs)("div",{className:"border border-light-subtle rounded-3 overflow-hidden shadow-sm",children:[(0,a.jsxs)("div",{className:"p-3 fw-bold d-flex justify-content-between align-items-center ".concat(r?"bg-primary text-white":"bg-light text-dark"),onClick:()=>t(r?null:l.id),style:{cursor:"pointer",transition:"background-color 0.2s"},children:[(0,a.jsx)("span",{className:"fs-6",children:l.name}),(0,a.jsx)("span",{style:{transform:r?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.3s"},children:(0,a.jsx)(i.g6,{})})]}),r&&(0,a.jsx)("div",{className:"p-3 bg-white border-top border-light-subtle",children:l.items.map(s=>{let t=!!d[s.id],l=(0,i.wR)(s);return(0,a.jsxs)("div",{className:"p-3 mb-2 border rounded-3 d-flex align-items-center gap-3 ".concat(t?"border-primary":"border-light-subtle"),style:{cursor:"pointer",transition:"all 0.2s",backgroundColor:t?"#eef4fa":"#fff"},onClick:()=>n(s),children:[(0,a.jsx)("div",{className:"flex-shrink-0 d-flex align-items-center justify-content-center rounded",style:{width:"24px",height:"24px",backgroundColor:t?"#135a9e":"#f8f9fa",border:t?"2px solid #135a9e":"2px solid #dee2e6",color:"#fff",transition:"all 0.2s"},children:t&&(0,a.jsx)(i.NO,{})}),(0,a.jsxs)("div",{className:"flex-grow-1",children:[(0,a.jsx)("div",{className:"fw-bold text-dark",style:{fontSize:"0.95rem"},children:s.name}),(0,a.jsx)("div",{className:"mt-1 mb-1 text-muted",style:{fontSize:"0.8rem"},children:s.deliverables}),(0,a.jsxs)("div",{className:"d-flex gap-2 align-items-center",style:{fontSize:"0.8rem",color:t?"#0e4577":"#6c757d"},children:[(0,a.jsx)("span",{className:"badge bg-light text-secondary border fw-normal",children:s.channel}),(0,a.jsxs)("span",{className:"d-flex align-items-center gap-1",children:[(0,a.jsx)(i.jo,{})," ",s.time]})]})]}),(0,a.jsx)("div",{className:"text-end flex-shrink-0",children:(0,a.jsxs)("div",{className:"fw-bold text-primary",style:{fontSize:"0.95rem"},children:[e(l.min)," - ",e(l.max)]})})]},s.id)})})]},l.id)})})]})}),(0,a.jsx)("div",{className:"col-lg-4",children:(0,a.jsxs)("div",{className:"sticky-top",style:{to

1p:"20px",zIndex:1},children:[(0,a.jsx)("div",{className:"jv-card mb-4 border-primary border-top border-4",children:(0,a.jsxs)("div",{className:"card-body p-4",children:[(0,a.jsx)("h3",{className:"text-uppercase fw-bold mb-4 pb-2 border-bottom text-muted",style:{fontSize:"0.85rem"},children:"Project Estimate"}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("div",{className:"text-muted small fw-semibold mb-1",children:"Total Scope Estimate (Market Range)"}),0===o.count?(0,a.jsx)("div",{className:"display-6 fw-bold text-muted opacity-50",children:e(0)}):(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"h3 fw-bold text-dark mb-0",children:e(o.minTotal)}),(0,a.jsxs)("div",{className:"text-muted fw-semibold small",children:["to ",e(o.maxTotal)]})]}),(0,a.jsxs)("div",{className:"badge bg-primary mt-2",children:[o.count," Deliverables Selected"]})]}),o.count>0&&(0,a.jsxs)("div",{className:"mb-4 bg-light p-3 rounded-3 border",children:[(0,a.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,a.jsx)(i.FD,{})," Resource Cost Allocation"]}),(0,a.jsx)("div",{className:"d-flex flex-column gap-2",children:o.sortedRoles.map(s=>(0,a.jsxs)("div",{className:"d-flex justify-content-between align-items-center small",children:[(0,a.jsx)("span",{className:"text-muted fw-medium",children:s.name}),(0,a.jsx)("span",{className:"fw-bold text-dark",children:e(s.total)})]},s.name))})]})]})}),(0,a.jsx)(i.pn,{title:"Request Custom Quote",subtitle:"Enter your details to receive a formal proposal locking in pricing for these ".concat(o.count," deliverables."),buttonText:"Send Request"})]})})]})]})})]})}}},function(e){e.O(0,[927,888,774,179],function(){return e(e.s=4219)}),_N_E=e.O()}]);