[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","6836107b085c8191b04a82ad50a5eee6","versionInt","title","Nexgen Pricing Calculator","type","code/react","content","import { useState } from \"react\";\n\nexport default function PricingCalculator() {\n const [revenue, setRevenue] = useState(250000);\n const [basePackage, setBasePackage] = useState(\"Bookkeeping Only\");\n const [payroll, setPayroll] = useState(false);\n const [numEmployees, setNumEmployees] = useState(1);\n const [payrollFrequency, setPayrollFrequency] = useState(\"Bi-Weekly\");\n const [salesTax, setSalesTax] = useState(false);\n const [salesTaxStates, setSalesTaxStates] = useState(1);\n const [catTax, setCatTax] = useState(false);\n const [apAr, setApAr] = useState(false);\n const [filing1099, setFiling1099] = useState(false);\n const [num1099s, setNum1099s] = useState(1);\n const [reports, setReports] = useState(\"None\");\n const [advisory, setAdvisory] = useState(\"None\");\n const [integrations, setIntegrations] = useState({\n Dext: false, Ramp: false, Brex: false, QuickBooksOnline: false,\n Toast: false, UpServe: false, Square: false, PayPal: false,\n A2X: false, Shopify: false, Xero: false, Gusto: false,\n BillCom: false, Stripe: false, Clover: false, Melio: false\n });\n const [accountingMethod, setAccountingMethod] = useState(\"Cash\");\n\n const toggleIntegration = (key) => {\n setIntegrations(prev => ({ ...prev, [key]: !prev[key] }));\n };\n\n const getPayrollMultiplier = () => {\n switch (payrollFrequency) {\n case \"Weekly\": return 4.3;\n case \"Bi-Weekly\": return 2.15;\n case \"Semi-Monthly\": return 2;\n case \"Monthly\": return 1;\n default: return 1;\n }\n };\n\n const getBasePrice = () => {\n switch (basePackage) {\n case \"Bookkeeping Only\": return Math.max(500, (revenue * 0.01) / 12);\n case \"Accounting and Advisory\": return Math.max(1000, (revenue * 0.015) / 12);\n case \"Controller-Level Review\": return Math.max(450, (revenue * 0.0005) / 12);\n case \"Full Service\": return Math.max(2000, (revenue * 0.03) / 12);\n default: return 0;\n }\n };\n\n const getAddOnCost = () => {\n let cost = 0;\n if (payroll) cost += (100 + (15 * numEmployees)) * getPayrollMultiplier();\n if (salesTax) cost += 75 * salesTaxStates;\n if (catTax) cost += 30;\n if (apAr) cost += (revenue * 0.0005);\n if (filing1099) cost += 125 + (50 * num1099s);\n\n switch (reports) {\n case \"Bi-Annually\": cost += 50; break;\n case \"Quarterly\": cost += 100; break;\n case \"Monthly\": cost += 150; break;\n }\n\n if (basePackage !== \"Bookkeeping Only\") {\n switch (advisory) {\n case \"Bi-Annually\": cost += 150; break;\n case \"Quarterly\": cost += 300; break;\n case \"Monthly\": cost += 350; break;\n }\n }\n\n return cost;\n };\n\n const total = getBasePrice() + getAddOnCost();\n\n const getServiceDescription = () => {\n switch (basePackage) {\n case \"Bookkeeping Only\": return \"Covers data entry, categorization, and reconciliations — ensuring clean books monthly.\";\n case \"Accounting and Advisory\": return \"Includes bookkeeping, high-level accounting reviews, adjustments, and tailored business advisory.\";\n case \"Controller-Level Review\": return \"You do the bookkeeping — we review your books quarterly for accuracy and advise on needed adjustments.\";\n case \"Full Service\": return \"Comprehensive package combining bookkeeping, accounting, advisory, and ongoing strategic support.\";\n default: return \"\";\n }\n };\n\n return (\n

\n Annual Revenue: ${revenue.toLocaleString()}\n setRevenue(parseInt(e.target.value))}\n className=\"w-full accent-teal-500\"\n />\n

\n\n

\n Base Package\n setBasePackage(e.target.value)}\n className=\"w-full border rounded-md px-3 py-2\"\n >\n \n \n \n \n \n

{getServiceDescription()}

\n\n

\n Accounting Method\n setAccountingMethod(e.target.value)}\n className=\"w-full border rounded-md px-3 py-2\"\n >\n \n \n \n

\n\n

\n \n setPayroll(!payroll)} className=\"accent-teal-600\" /> Payroll\n \n {payroll && (\n

\n Employees:\n setNumEmployees(parseInt(e.target.value))}\n className=\"w-full border rounded-md px-2 py-1\"\n />\n Frequency:\n setPayrollFrequency(e.target.value)}\n className=\"w-full border rounded-md px-2 py-1\"\n >\n \n \n \n \n \n

\n )}\n\n \n setSalesTax(!salesTax)} className=\"accent-teal-600\" /> Sales Tax Filing\n \n {salesTax && (\n

\n # of States Required:\n setSalesTaxStates(parseInt(e.target.value))}\n className=\"w-full border rounded-md px-2 py-1\"\n />\n

\n )}\n\n \n setCatTax(!catTax)} className=\"accent-teal-600\" /> CAT Tax Filing\n \n\n \n setApAr(!apAr)} className=\"accent-teal-600\" /> A/P & A/R Management\n \n\n \n setFiling1099(!filing1099)} className=\"accent-teal-600\" /> 1099 Filing\n \n\n {filing1099 && (\n

\n # of Forms:\n setNum1099s(parseInt(e.target.value))}\n className=\"w-full border rounded-md px-2 py-1\"\n />\n

\n )}\n

\n\n

\n Reporting Frequency\n \n

\n\n {basePackage !== \"Bookkeeping Only\" && (\n

\n Advisory Frequency\n \n

\n )}\n

\n\n

Software Integrations (tap to select)

\n {Object.keys(integrations).map(name => (\n \n toggleIntegration(name)}\n className=\"accent-teal-600\"\n />\n {name}\n \n ))}\n

\n\n

Estimated Monthly Price: ${total.toFixed(2)}

One-time onboarding fee: ${total.toFixed(2)}

Pricing shown here is for estimation purposes only. A formal engagement must be agreed upon before services begin.

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","17538976957451911956","traceTime",1776411922961]