[{"_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","6897babd3640819193831e99b0b4a554","versionInt","title","Neu Bite For Operators – Interactive Ebt Marketing Kit","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { Calculator, DollarSign, Building2, Printer, Download, ArrowRight, CheckCircle2, Factory, School, Hospital, Settings2 } from \"lucide-react\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, BarChart, Bar, Legend } from \"recharts\";\n\n// Brand colors\nconst BRAND_BLUE = \"#2460a7\";\nconst BRAND_ORANGE = \"#fe8f1d\";\n\nconst currency = (n) => n.toLocaleString(undefined, { style: \"currency\", currency: \"USD\", maximumFractionDigits: 0 });\n\nfunction KPI({ label, value, sub }) {\n return (\n

{label}

{value}

\n {sub &&

{sub}

}\n

\n );\n}\n\nexport default function App() {\n // Pricing mode\n const [buy, setBuy] = useState(true);\n\n // Pricing defaults\n const devicePrice = 450;\n const leaseMonthly = 45; // per device\n const takeRatePctDefault = 7; // NeuBite fee on approved SNAP/EBT sales\n\n // ROI inputs\n const [machines, setMachines] = useState(10);\n const [vendsPerDay, setVendsPerDay] = useState(35);\n const [daysPerMonth, setDaysPerMonth] = useState(30);\n const [snapSharePct, setSnapSharePct] = useState(35); // % of vends that become SNAP/EBT after enabling\n const [avgVendPrice, setAvgVendPrice] = useState(2.75);\n const [operatorMarginPct, setOperatorMarginPct] = useState(38); // gross margin on vend price\n const [takeRatePct, setTakeRatePct] = useState(takeRatePctDefault);\n const [installPerDevice, setInstallPerDevice] = useState(50);\n const [amortMonths, setAmortMonths] = useState(24);\n\n // No platform fee per user request\n const platformMonthly = 0;\n\n const calc = useMemo(() => {\n const snapShare = snapSharePct / 100;\n const margin = operatorMarginPct / 100;\n const takeRate = takeRatePct / 100;\n\n const monthlyVends = machines * vendsPerDay * daysPerMonth;\n const snapVends = monthlyVends * snapShare;\n const snapRevenue = snapVends * avgVendPrice;\n const operatorGrossProfit = snapRevenue * margin;\n\n // NeuBite fees (variable)\n const transactionFee = snapRevenue * takeRate;\n\n // Hardware cost handling\n const upfront = buy ? machines * (devicePrice + installPerDevice) : 0;\n const amortizedHardware = buy ? (machines * (devicePrice + installPerDevice)) / Math.max(amortMonths, 1) : 0;\n const lease = buy ? 0 : machines * leaseMonthly;\n\n const monthlyFees = transactionFee + amortizedHardware + lease + platformMonthly; // platformMonthly = 0\n const monthlyNetUplift = operatorGrossProfit - monthlyFees;\n\n // Per-device monthly uplift\n const perDeviceUplift = monthlyNetUplift / Math.max(machines, 1);\n\n // Payback (buy only)\n const paybackMonths = buy && perDeviceUplift > 0 ? (devicePrice + installPerDevice) / perDeviceUplift : Infinity;\n\n // Break-even SNAP share (approx)\n const fixedFees = (buy ? amortizedHardware : lease) + platformMonthly;\n const denom = monthlyVends * avgVendPrice * Math.max(margin - takeRate, 0.000001);\n const breakEvenShare = Math.min(1, Math.max(0, denom > 0 ? fixedFees / denom : 0));\n\n // 12-month projection (assume constant inputs)\n const months = Array.from({ length: 12 }).map((_, i) => {\n const m = i + 1;\n const monthly = operatorGrossProfit - (snapRevenue * takeRate) - (buy ? amortizedHardware : lease) - platformMonthly;\n return { month: `M${m}`, profit: Math.round(monthly), revenue: Math.round(snapRevenue) };\n });\n\n return {\n snapRevenue,\n operatorGrossProfit,\n monthlyFees,\n monthlyNetUplift,\n perDeviceUplift,\n paybackMonths,\n breakEvenShare,\n months,\n };\n }, [machines, vendsPerDay, daysPerMonth, snapSharePct, avgVendPrice, operatorMarginPct, takeRatePct, buy, installPerDevice, amortMonths]);\n\n const kpi = [\n { label: \"Monthly SNAP/EBT Revenue\", value: currency(calc.snapRevenue) },\n { label: \"Operator Gross Profit (SNAP/EBT)\", value: currency(calc.operatorGrossProfit) },\n { label: \"NeuBite Fees (est.)\", value: currency(calc.monthlyFees) },\n { label: \"Net Profit Uplift / Mo\", value: currency(calc.monthlyNetUplift) },\n { label: \"Per‑Device Uplift / Mo\", value: currency(calc.perDeviceUplift) },\n { label: buy ? \"Payback (months)\" : \"Payback (n/a on lease)\", value: buy ? (calc.paybackMonths === Infinity ? \"> 24\" : `${calc.paybackMonths.toFixed(1)}`) : \"—\" },\n { label: \"Break‑even SNAP Share\", value: `${(calc.breakEvenShare * 100).toFixed(1)}%` },\n ];\n\n const caseStudies = [\n {\n icon: , name: \"Public High School District\",\n bullets: [\n \"12 schools, 48 machines retrofitted in 2 days\",\n \"SNAP share rose from 0% → 33% within 8 weeks\",\n \"$27k/mo new SNAP revenue; payback in ~6.5 months\",\n ],\n metrics: { machines: 48, vends: 38, price: 2.5, margin: 40, share: 33 },\n },\n {\n icon: , name: \"Community Health Clinics\",\n bullets: [\n \"9 clinics using smart coolers\",\n \"Healthy SKUs prioritized; 41% transactions via EBT\",\n \"$11k/mo operator profit uplift after fees\",\n ],\n metrics: { machines: 14, vends: 28, price: 3.25, margin: 36, share: 41 },\n },\n {\n icon: , name: \"Distribution Center Micro‑Markets\",\n bullets: [\n \"20 sites, retrofit during route service\",\n \"Zero downtime; lease model @ $45/device/mo\",\n \"EBT opens access for night shift staff\",\n ],\n metrics: { machines: 62, vends: 31, price: 3.0, margin: 35, share: 29 },\n },\n ];\n\n // Email links\n const mailto = (subject) => `mailto:info@shopneubite.com?subject=${encodeURIComponent(subject)}`;\n\n const handlePrint = () => window.print();\n\n return (\n

\n {/* Hero */}\n

\n SNAP/EBT Ready • 30‑minute retrofit\n

NeuBite for Operators

Add 42M shoppers to your existing machines and coolers—no hardware swap, no new ops software. This kit shows pricing, ROI, and sample deployments you can take to your team today.

\n \n \n \n \n

At‑a‑glance

\n \n \n \n \n

\n\n {/* Pricing */}\n \n \n Pricing\n \n \n

\n \n {buy ? \"Buy devices\" : \"Lease devices\"}\n

\n\n

Buy

{currency(devicePrice)} per device
One‑time install est. {currency(installPerDevice)} / device
{takeRatePctDefault}% take‑rate on approved SNAP/EBT sales
No monthly platform fees

Lease

{currency(leaseMonthly)}/device/month
Rolling terms; swap/scale freely
{takeRatePctDefault}% take‑rate on approved SNAP/EBT sales
Install included on volume orders

\n \n \n\n {/* ROI Calculator */}\n \n \n ROI Calculator\n \n \n

\n {/* Inputs */}\n

\n Machines to retrofit\n setMachines(parseInt(e.target.value || '0'))} />\n

\n Avg vends / day / machine\n setVendsPerDay(parseFloat(e.target.value || '0'))} />\n

\n Days open / month\n setDaysPerMonth(parseInt(e.target.value || '0'))} />\n

\n SNAP/EBT share after enablement (%)\n setSnapSharePct(parseFloat(e.target.value || '0'))} />\n

\n Avg vend price ($)\n setAvgVendPrice(parseFloat(e.target.value || '0'))} />\n

\n Operator gross margin (%)\n setOperatorMarginPct(parseFloat(e.target.value || '0'))} />\n

\n NeuBite take‑rate (%)\n setTakeRatePct(parseFloat(e.target.value || '0'))} />\n

\n\n \n \n Notes\n \n \n

Assumes steady demand and constant mix; excludes taxes and any non‑SNAP sales lift. Use this as directional modeling for internal planning.

\n \n \n

\n\n {/* Outputs */}\n

\n {kpi.map((k) => (\n \n ))}\n

\n\n

12‑month Projection

\n \n \n \n \n \n \n \n \n \n \n \n currency(v)} />\n \n \n \n \n \n

\n\n

Quick take

At {machines} machines and {snapSharePct}% SNAP/EBT share, you unlock {currency(calc.snapRevenue)} in new monthly revenue. After NeuBite fees and hardware, your estimated net uplift is {currency(calc.monthlyNetUplift)} per month ({currency(calc.perDeviceUplift)} per device).

Break‑even guidance

You break even around a { (calc.breakEvenShare*100).toFixed(1) }% SNAP share, given your margin and fees. Raise SNAP awareness, place machines in qualifying locations, and stock eligible SKUs to outperform.

\n \n \n\n {/* Case Study Mockups */}\n \n \n Case Study Mockups\n \n \n

\n {caseStudies.map((c) => (\n

\n {c.icon}\n {c.name}\n

\n \n \n \n \n \n \n \n \n \n

Assumptions: {c.metrics.machines} machines, avg price {currency(c.metrics.price)}.

\n ))}\n

\n \n \n\n {/* CTA / Contact */}\n \n \n Next Steps\n \n \n

Pilot checklist

Select 5–20 machines with high SNAP‑eligible traffic
Confirm MDB compatibility (most machines qualify)
Stock eligible SKUs (we provide a quick guide)
Schedule route‑day retrofits (~30 minutes each)
Track share & margin; expand to fleet on success

\n\n

Request a quote

Tell us your fleet size and we’ll return a volume quote and install window.

\n \n \n \n \n \n \n

15‑min discovery call

We’ll walk your numbers live and tailor the rollout plan for your routes.

\n \n \n \n

\n\n

All figures are illustrative and not a guarantee of results. Use this tool to pressure‑test assumptions for your operation.

\n \n \n\n {/* Footer */}\n \n

\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","16442304369235878238","traceTime",1776399224859]