https://www.talentcap.ai/_next/static/chunks/2840-d568606e416822d4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2840],{22840:(e,s,r)=>{r.r(s),r.d(s,{default:()=>F});var a=r(74848),t=r(78343),i=r(96540),l=r(64942),n=r(2925),d=r(70155),o=r(3692),c=r(56533),m=r(86911),x=r(82238),h=r(72856),g=r(90859),u=r(53916),y=r(11957),v=r(51857),b=r(94887),j=r(91529);let f=e=>new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:0}).format(e);function p(e){var s,r,t,p,N;let{className:w="",defaultValues:F={}}=e,[C]=(0,i.useState)(()=>Math.random()),[S,k]=(0,i.useState)(!1),[T,P]=(0,i.useState)({currentTimeToHire:null!==(s=F.currentTimeToHire)&&void 0!==s?s:42,avgSalary:null!==(r=F.avgSalary)&&void 0!==r?r:12e4,hiresPerYear:null!==(t=F.hiresPerYear)&&void 0!==t?t:10,agencyFeePercentage:null!==(p=F.agencyFeePercentage)&&void 0!==p?p:20,recruiterSalary:null!==(N=F.recruiterSalary)&&void 0!==N?N:85e3});(0,i.useEffect)(()=>{S||((0,j.Qw)("started"),k(!0))},[S]);let H=(()=>{let e,s,r;let a=Math.round(T.avgSalary*(T.agencyFeePercentage/100)),t=a*T.hiresPerYear,i=150*T.hiresPerYear,l=Math.ceil(i/12);l<=150?(e=299,s=1.99):l<=400?(e=599,s=1.5):(e=l<=800?999:999*Math.ceil(l/800),s=1.25);let n=150*s,d=Math.max(i*s,r=l<=150?3588:l<=400?7188:l<=800?11988:999*Math.ceil(l/800)*12),o=t-d,c=T.recruiterSalary/260,m=Math.round(.6*T.currentTimeToHire),x=Math.round(m*c*T.hiresPerYear);return{timeSavings:{days:m,value:x,perHire:Math.round(x/T.hiresPerYear),dailyRate:Math.round(c)},agencyFees:{current:t,perHire:a,new:d,newPerHire:n,savings:o,savingsPerHire:Math.round(o/T.hiresPerYear)},creditDetails:{monthlyPrice:e,costPerCredit:s,creditsNeeded:i,monthlyCreditsNeeded:l,totalAnnualCost:r,candidatesPerHire:150},totalSavings:o+x}})();return(0,i.useEffect)(()=>{S&&H.totalSavings>0&&(0,j.Qw)("completed",Math.round(H.totalSavings))},[S,H.totalSavings]),(0,a.jsxs)(l.t,{radius:"lg",className:"bg-white p-4 sm:p-6 rounded-xl border border-gray-200 shadow-lg ".concat(w),children:[(0,a.jsx)(n.h,{order:2,className:"text-2xl sm:text-3xl md:text-4xl font-bold text-[#4F46E5] mb-2 text-center",children:"Calculate Your ROI"}),(0,a.jsx)(d.E,{className:"text-sm sm:text-base text-gray-500 text-center mb-4 sm:mb-8",children:"See how much you can save with TalentCap"}),(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row gap-6",children:[(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsxs)(o.B,{className:"space-y-4",children:[(0,a.jsxs)(l.t,{p:"md",radius:"md",className:"bg-gray-50 border border-gray-200",children:[(0,a.jsx)(n.h,{order:4,className:"text-lg font-semibold mb-4 text-gray-900",children:"Internal Hiring Process"}),(0,a.jsx)(o.B,{className:"space-y-4",children:(0,a.jsxs)("div",{children:[(0,a.jsxs)(c.Y,{className:"gap-2 mb-2",children:[(0,a.jsx)(m.L,{size:"sm",radius:"md",variant:"light",color:"gray",children:(0,a.jsx)(g.A,{size:14})}),(0,a.jsx)(d.E,{size:"sm",className:"font-medium text-gray-600",children:"Time to Hire (days)"})]}),(0,a.jsx)(x.Q,{value:T.currentTimeToHire,onChange:e=>{let s="string"==typeof e?parseFloat(e):e;null!=s&&s>=7&&s<=90&&P(e=>({...e,currentTimeToHire:s}))},min:7,max:90,step:1,error:T.currentTimeToHire<7||T.currentTimeToHire>90?"Must be between 7 and 90 days":void 0,styles:{input:{backgroundColor:"white",height:"36px",borderColor:"#E5E7EB",color:"#111827",fontWeight:500}},size:"xs",mb:2,hideControls:!0}),(0,a.jsx)(h.A,{value:T.currentTimeToHire,onChange:e=>P(s=>({...s,currentTimeToHire:e})),min:7,max:90,label:e=>"".concat(e," days"),styles:{thumb:{borderWidth:2,width:16,height:16},track:{height:6},bar:{height:6}},size:"sm",mb:4}),(0,a.jsxs)(c.Y,{className:"gap-2 mb-2",children:[(0,a.jsx)(m.L,{size:"sm",radius:"md",variant:"light",color:"green",children:(0,a.jsx)(u.A,{size:14})}),(0,a.jsx)(d.E,{size:"sm",className:"font-medium text-gray-600",children:"Recruiter Salary"})]}),(0,a.jsx)(x.Q,{value:T.recruiterSalary,onChange:e=>{let s="string"==typeof e?parseFloat(e):e;null!=s&&s>=3e4&&s<=2e5&&P(e=>({...e,recruiterSalary:s}))},min:3e4,max:2e5,step:5e3,prefix:"$ ",thousandSeparator:",",error:T.recruiterSalary<3e4||T.recruiterSalary>2e5?"Must be between $30k and $200k":void 0,styles:{input:{backgroundColor:"white",height:"36px",borderColor:"#E5E7EB",color:"#111827",fontWeight:500}},size:"xs"})]})})]}),(0,a.jsxs)(l.t,{p:"md",radius:"md",className:"bg-gray-50 border border-gray-200",children:[(0,a.jsx)(n.h,{order:4,className:"text-lg font-semibold mb-4 text-gray-900",children:"Hiring Requirements"}),(0,a.jsx)(o.B,{className:"space-y-4",children:(0,a.jsxs)("div",{children:[(0,a.jsxs)(c.Y,{className:"gap-2 mb-2",children:[(0,a.jsx)(m.L,{size:"sm",radiu

1s:"md",variant:"light",color:"violet",children:(0,a.jsx)(y.A,{size:14})}),(0,a.jsx)(d.E,{size:"sm",className:"font-medium text-gray-600",children:"Hires per Year"})]}),(0,a.jsx)(x.Q,{value:T.hiresPerYear,onChange:e=>{let s="string"==typeof e?parseFloat(e):e;null!=s&&s>=1&&s<=50&&P(e=>({...e,hiresPerYear:s}))},min:1,max:50,step:1,error:T.hiresPerYear<1||T.hiresPerYear>50?"Must be between 1 and 50":void 0,styles:{input:{backgroundColor:"white",height:"36px",borderColor:"#E5E7EB",color:"#111827",fontWeight:500}},size:"xs",mb:2,hideControls:!0}),(0,a.jsx)(h.A,{value:T.hiresPerYear,onChange:e=>P(s=>({...s,hiresPerYear:e})),min:1,max:50,label:e=>"".concat(e," hires"),styles:{thumb:{borderWidth:2,width:16,height:16},track:{height:6},bar:{height:6}},size:"sm",mb:4}),(0,a.jsxs)(c.Y,{className:"gap-2 mb-2",children:[(0,a.jsx)(m.L,{size:"sm",radius:"md",variant:"light",color:"yellow",children:(0,a.jsx)(v.A,{size:14})}),(0,a.jsx)(d.E,{size:"sm",className:"font-medium text-gray-600",children:"Avg Salary"})]}),(0,a.jsx)(x.Q,{value:T.avgSalary,onChange:e=>{let s="string"==typeof e?parseFloat(e):e;null!=s&&s>=5e4&&s<=5e5&&P(e=>({...e,avgSalary:s}))},min:5e4,max:5e5,step:5e3,prefix:"$ ",thousandSeparator:",",error:T.avgSalary<5e4||T.avgSalary>5e5?"Must be between $50k and $500k":void 0,styles:{input:{backgroundColor:"white",height:"36px",borderColor:"#E5E7EB",color:"#111827",fontWeight:500}},size:"xs"}),(0,a.jsxs)(c.Y,{className:"gap-2 mb-2",children:[(0,a.jsx)(m.L,{size:"sm",radius:"md",variant:"light",color:"red",children:(0,a.jsx)(b.A,{size:14})}),(0,a.jsx)(d.E,{size:"sm",className:"font-medium text-gray-600",children:"Agency Fee %"})]}),(0,a.jsx)(x.Q,{value:T.agencyFeePercentage,onChange:e=>{let s="string"==typeof e?parseFloat(e):e;null!=s&&s>=15&&s<=30&&P(e=>({...e,agencyFeePercentage:s}))},min:15,max:30,step:1,suffix:"%",error:T.agencyFeePercentage<15||T.agencyFeePercentage>30?"Must be between 15% and 30%":void 0,styles:{input:{backgroundColor:"white",height:"36px",borderColor:"#E5E7EB",color:"#111827",fontWeight:500}},size:"xs",mb:2,hideControls:!0}),(0,a.jsx)(h.A,{value:T.agencyFeePercentage,onChange:e=>P(s=>({...s,agencyFeePercentage:e})),min:15,max:30,label:e=>"".concat(e,"%"),styles:{thumb:{borderWidth:2,width:16,height:16},track:{height:6},bar:{height:6}},size:"sm"})]})})]})]})}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsxs)("div",{className:"bg-white border border-gray-200 rounded-md p-4 h-full relative overflow-hidden",children:[(0,a.jsxs)("div",{className:"absolute inset-0 opacity-5",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-[#FF4405]/10 to-gray-500/10 animate-pulse"}),[...Array(20)].map((e,s)=>{let r=(e,s)=>{let r=1e4*Math.sin(9999*e+s);return r-Math.floor(r)};return(0,a.jsx)("div",{className:"absolute w-1 h-1 bg-[#FF4405] rounded-full animate-float",style:{left:"".concat(100*r(C,4*s),"%"),top:"".concat(100*r(C,4*s+1),"%"),animationDelay:"".concat(2*r(C,4*s+2),"s"),animationDuration:"".concat(2+2*r(C,4*s+3),"s")}},s)})]}),(0,a.jsxs)("div",{className:"relative z-10",children:[(0,a.jsx)("div",{className:"text-center mb-8",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-gray-50 to-white rounded-xl p-8 border border-gray-200",children:[(0,a.jsx)("h3",{className:"text-xl font-medium text-gray-900 mb-4",children:"Total Annual Savings"}),(0,a.jsxs)("div",{className:"relative group",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-[#FF4405]/10 to-gray-500/10 blur-xl group-hover:from-[#FF4405]/20 group-hover:to-gray-500/20 transition-all duration-500"}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-3 mb-2",children:[(0,a.jsx)("svg",{className:"w-8 h-8 text-[#FF4405]",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:(0,a.jsx)("path",{d:"M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",strokeWidth:"2",strokeLinecap:"round"})}),(0,a.jsx)("div",{className:"text-4xl sm:text-5xl md:text-6xl font-bold bg-gradient-to-r from-[#FF4405] to-gray-900 text-transparent bg-clip-text",children:f(H.totalSavings)})]}),(0,a.jsx)("div",{className:"text-sm text-gray-600 mt-2 px-4",children:"Combined savings from reduced fees and improved efficie

1ncy"})]})]})]})}),(0,a.jsxs)("div",{className:"space-y-6 mb-8",children:[(0,a.jsxs)("div",{className:"bg-gray-50 rounded-xl p-4 sm:p-6 border border-gray-200",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 bg-[#FF4405]/10 rounded-lg",children:(0,a.jsxs)("svg",{className:"w-6 h-6 text-[#FF4405]",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10",strokeWidth:"2"}),(0,a.jsx)("path",{d:"M12 6v6l4 2",strokeWidth:"2",strokeLinecap:"round"})]})}),(0,a.jsx)("h4",{className:"text-lg font-semibold text-gray-900",children:"Time to Hire"})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex justify-between text-sm mb-2",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Current Process"}),(0,a.jsxs)("span",{className:"text-gray-900 font-medium",children:[T.currentTimeToHire," days"]})]}),(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-gray-400 w-full transform origin-left animate-grow-x"})})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex justify-between text-sm mb-2",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"With TalentCap"}),(0,a.jsxs)("span",{className:"text-[#FF4405] font-medium",children:[T.currentTimeToHire-H.timeSavings.days," days"]})]}),(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-[#FF4405] transform origin-left animate-grow-x",style:{width:"".concat(Math.max(2,T.currentTimeToHire-H.timeSavings.days)/T.currentTimeToHire*100,"%")}})})]})]})]}),(0,a.jsxs)("div",{className:"bg-gray-50 rounded-xl p-4 sm:p-6 border border-gray-200",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 bg-[#FF4405]/10 rounded-lg",children:(0,a.jsx)("svg",{className:"w-6 h-6 text-[#FF4405]",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:(0,a.jsx)("path",{d:"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",strokeWidth:"2",strokeLinecap:"round"})})}),(0,a.jsx)("h4",{className:"text-lg font-semibold text-[#FF4405]",children:"Agency Fees"})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex justify-between text-sm mb-2",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Current Fees"}),(0,a.jsx)("span",{className:"text-gray-900 font-medium",children:f(H.agencyFees.current)})]}),(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-gray-400 w-full transform origin-left animate-grow-x"})})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex justify-between text-sm mb-2",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"With TalentCap"}),(0,a.jsx)("span",{className:"text-[#FF4405] font-medium",children:f(H.agencyFees.new)})]}),(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-[#FF4405] transform origin-left animate-grow-x",style:{width:"".concat(H.agencyFees.new/H.agencyFees.current*100,"%")}})})]})]})]})]}),(0,a.jsxs)("div",{className:"bg-blue-50 rounded-xl p-4 mb-6 border border-blue-200",children:[(0,a.jsx)("h4",{className:"text-sm font-semibold text-gray-900 mb-3",children:"Your TalentCap Plan"}),(0,a.jsxs)("div",{className:"space-y-2 text-xs sm:text-sm overflow-x-auto",children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Credits needed per year:"}),(0,a.jsx)("span",{className:"font-medium text-gray-900",children:H.creditDetails.creditsNeeded})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Credits per job:"}),(0,a.jsx)("span",{className:"font-medium text-gray-900",children:H.creditDetails.candidatesPerHire})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Recommended plan:"}),(0,a.jsx)("span",{className:"font-medium text-gray-900",children:H.creditDetails.monthlyCreditsNeeded<=150?"Starter":H.creditDetails.monthlyCreditsNeeded<=4

100?"Growth":H.creditDetails.monthlyCreditsNeeded<=800?"Scale":"".concat(Math.ceil(H.creditDetails.monthlyCreditsNeeded/800),"x Scale")})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Annual cost:"}),(0,a.jsx)("span",{className:"font-medium text-[#FF4405]",children:f(H.creditDetails.totalAnnualCost||H.agencyFees.new)})]})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"bg-gradient-to-br from-[#FF4405]/5 to-white rounded-xl p-4 border border-[#FF4405]/20 text-center group hover:from-[#FF4405]/10 hover:to-white transition-all duration-500",children:[(0,a.jsx)("div",{className:"mb-2",children:(0,a.jsx)("svg",{className:"w-8 h-8 mx-auto text-[#FF4405] transform group-hover:scale-110 transition-transform",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:(0,a.jsx)("path",{d:"M20 6L9 17l-5-5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,a.jsxs)("div",{className:"text-2xl sm:text-3xl font-bold text-[#FF4405] mb-1",children:[Math.round(H.agencyFees.savings/H.agencyFees.current*100),"%"]}),(0,a.jsx)("div",{className:"text-sm text-gray-600",children:"Lower Recruiting Costs"})]}),(0,a.jsxs)("div",{className:"bg-gradient-to-br from-gray-100 to-white rounded-xl p-4 border border-gray-200 text-center group hover:from-gray-200 hover:to-white transition-all duration-500",children:[(0,a.jsx)("div",{className:"mb-2",children:(0,a.jsxs)("svg",{className:"w-8 h-8 mx-auto text-gray-600 transform group-hover:scale-110 transition-transform",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10",strokeWidth:"2"}),(0,a.jsx)("path",{d:"M12 6v6l4 2",strokeWidth:"2",strokeLinecap:"round"})]})}),(0,a.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-gray-900 mb-1",children:H.timeSavings.days}),(0,a.jsx)("div",{className:"text-sm text-gray-600",children:"Days Saved Per Hire"})]})]})]})]})})]})]})}function N(e){let{children:s,className:r=""}=e,[t,l]=(0,i.useState)(!1);return((0,i.useEffect)(()=>

1{l(!0)},[]),t)?(0,a.jsx)("div",{className:"client-only-animation ".concat(r),children:s}):(0,a.jsx)("div",{className:"no-hydration-mismatch ".concat(r),children:s})}let w={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.6}}};function F(e){let{defaultValues:s}=e;return(0,a.jsx)(N,{children:(0,a.jsx)(t.P.section,{initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:w,className:"mobile-px mobile-py max-w-7xl mx-auto",children:(0,a.jsx)("div",{className:"w-full overflow-hidden",children:(0,a.jsx)(p,{defaultValues:s})})})})}}}]);