[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":12,"_29":30,"_31":30,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68f9b3b0c1b48191a2bc13a43817f336","versionInt","title","AI Enablement ROI Dashboard","type","code/react","content","import React, { useState } from \"react\";\n\n// Updated Pricing tiers\nconst tiers = [\n { min: 50, max: 99, price: 375 },\n { min: 100, max: 1999, price: 299 },\n { min: 2000, max: 2999, price: 249 },\n { min: 3000, max: 4999, price: 199 },\n { min: 5000, max: 6999, price: 169 },\n { min: 7000, max: 9999, price: 149 },\n { min: 10000, max: Infinity, price: 129 },\n];\n\nfunction getPricePerPerson(count) {\n for (const tier of tiers) {\n if (count >= tier.min && count <= tier.max) {\n return tier.price;\n }\n }\n // Default to highest tier\n return tiers[tiers.length - 1].price;\n}\n\nfunction formatCurrency(val) {\n return \"$\" + val.toLocaleString();\n}\n\nexport default function ROIDashboard() {\n const [numEmployees, setNumEmployees] = useState(50);\n const [productivity, setProductivity] = useState(0.02); // 2%\n const [salary, setSalary] = useState(110000);\n const [view, setView] = useState(\"annual\");\n\n // Minimum seats logic\n const displayEmployees = numEmployees < 50 ? 50 : numEmployees;\n const pricePerPerson = getPricePerPerson(displayEmployees);\n const minTotalCost = 18750;\n const rawTotalCost = displayEmployees * pricePerPerson;\n const totalCost = rawTotalCost < minTotalCost ? minTotalCost : rawTotalCost;\n\n // Productivity value\n const productivityValueAnnual = salary * displayEmployees * productivity;\n const productivityValueMonthly = productivityValueAnnual / 12;\n\n // ROI\n const roiAnnual = ((productivityValueAnnual - totalCost) / totalCost) * 100;\n const roiMonthly = ((productivityValueMonthly - totalCost / 12) / (totalCost / 12)) * 100;\n\n // Payback period (months)\n const paybackMonths = productivityValueMonthly > 1 ? (totalCost / productivityValueMonthly).toFixed(1) : \"N/A\";\n\n // Break-even productivity gain\n const breakEvenProductivity = totalCost / (salary * displayEmployees);\n\n return (\n

AI Enablement ROI Calculator

\n Model your company's return on investment for org-wide enablement with Gravi AI.\n

\n\n {/* Controls */}\n

\n Number of Employees\n

\n setNumEmployees(Number(e.target.value))}\n className=\"w-full accent-blue-600\"\n style={{ maxWidth: 220 }}\n />\n {\n let val = Number(e.target.value);\n if (isNaN(val)) val = 50;\n if (val < 50) val = 50;\n if (val > 15000) val = 15000;\n setNumEmployees(val);\n }}\n className=\"w-24 border rounded p-2 font-mono text-lg text-blue-700 font-bold\"\n />\n

\n 50\n 15,000\n

\n {displayEmployees.toLocaleString()} employees\n

\n Assumed Productivity Gain (%)\n setProductivity(Number(e.target.value))}\n className=\"w-full accent-green-600\"\n />\n

\n 0.5%\n 30%\n

{(productivity * 100).toFixed(2)}%

\n Average Salary per Employee\n setSalary(Number(e.target.value))}\n className=\"w-full border rounded p-2 text-lg font-mono\"\n />\n

\n View\n

\n setView(\"annual\")}\n >\n Annual\n \n setView(\"monthly\")}\n >\n Monthly\n \n

\n\n {/* Summary Cards */}\n

Total Program Cost

{formatCurrency(totalCost)}

{displayEmployees.toLocaleString()} × {formatCurrency(pricePerPerson)}

Productivity Value {view === \"annual\" ? \"(Annual)\" : \"(Monthly)\"}

{formatCurrency(view === \"annual\" ? productivityValueAnnual : productivityValueMonthly)}

ROI (%)

= 0) ? \"text-green-700\" : \"text-red-700\"}`}>{(view === \"annual\" ? roiAnnual : roiMonthly).toFixed(0)}%

\n\n {/* More Summary */}\n

Payback Period

{paybackMonths} months

Break-even Productivity Required

{(breakEvenProductivity * 100).toFixed(2)}%

\n\n {/* Quick Facts */}\n

Firms that scale workforce enablement see 20–30% gains in productivity, speed to market, and revenue. (PwC)

\n\n

Illustrative pricing - actual costs may vary.

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch","shouldPrefetchAccount",true,"shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","12885786119890634376","traceTime",1777603008714]