// v-insights.jsx — Customer Insights: aggregated, anonymised demand across // Milton Keynes. New/repeat/dormant mix, value bands, reorder & basket // behaviour, cuisine affinity vs your menu, and an order-time heatmap. // ─── Segmented donut ───────────────────────────────────────────────── function SegmentDonut({ segments, size=132, stroke=18, children }) { const r = (size-stroke)/2, c = 2*Math.PI*r; let acc = 0; return (
{segments.map((s,i)=>{ const len = (s.pct/100)*c; const el = ; acc += len; return el; })} {children &&
{children}
}
); } function CIKpi({ icon, value, label, sub, delta, dir }) { const Icon = I[icon] || I.users; const c = dir==='up' ? '#247a41' : dir==='down' ? '#b0341a' : '#7C675B'; return (
{delta && {dir==='up'&&}{dir==='down'&&}{delta}}
{value}
{label}
{sub}
 ); } // generic distribution bar-chart card function DistCard({ icon, title, data, note, accent='var(--brand-orange)' }) { const max = Math.max(...data.map(d=>d.pct)); return ( {icon}  {title}
{data.map(d=>(
{d.pct}%
{d.b}
))}
{note &&
{note}
} ); } function InsightsScreen({ app }) { const repeat = CUST_MIX.find(m=>m.id==='repeat'); const dormant = CUST_MIX.find(m=>m.id==='dormant'); const newc = CUST_MIX.find(m=>m.id==='new'); const heatMax = Math.max(...ORDER_HEAT.flatMap(r=>r.v)); const heatColor = (v)=>{ const t=v/heatMax; return `rgba(216,90,20,${0.08+t*0.85})`; }; const affMax = 100; return (
}/> {/* privacy banner */}
Area-level only. Every figure is aggregated across estates — Lasso never shows individual addresses, names or contact details.
{/* KPI row */}
{/* mix + value bands */}
 New · repeat · dormant
Repeat rate · 8 wks
({ pct:m.pct, color:m.color }))}>
{repeat.pct}%
repeat
{CUST_MIX.map(m=>(
{m.label}
{m.note}
{m.pct}%
{m.delta} · {m.count.toLocaleString()}
))}
 Customer value bands
{VALUE_BANDS.map(b=>(
{b.band} {b.spend}
{b.count.toLocaleString()}
))}
Your top 21% (VIP + Loyal) drive most repeat revenue.
{/* reorder + basket */}
} title="Reorder window" data={REORDER_WINDOW} note={<>Most repeat orders land 4–14 days apart — time win-back nudges to day 10–12.}/> } title="Basket size" data={BASKET_DIST} accent="#3E7CB0" note={<>The £18–25 band is your sweet spot — bundles nudge baskets upward.}/>
{/* cuisine affinity + order heatmap */}
 Cuisine demand vs your menu
What people near you crave — and the gaps you don't cover yet.
{CUISINE_AFFINITY.map(a=>(
{a.name}
{a.demand} {a.onMenu ? On menu : Gap}
))}
High demand for burgers & desserts you don't yet serve — test a limited item.
 When they order
{DAYPARTS.map(d=>{d})} {ORDER_HEAT.map(row=>( {row.day} {row.v.map((v,i)=>{ const t = v/heatMax; return (
0.5?'#fff':'var(--horse-brown)' }}>{v}
); })} ))}
Demand peaks Fri–Sun evenings — protect kitchen capacity and target promos there.
{/* action strip */}
{dormant.count.toLocaleString()} dormant customers
No order in 30+ days. A win-back offer typically recovers 12–18%.
} onClick={()=>app.openBuilder('wolverton')}>Win them back
{newc.count.toLocaleString()} new this month
Convert first-timers into regulars with a second-order nudge.
} onClick={()=>app.openBuilder('shenley')}>Set up welcome
); } Object.assign(window, { InsightsScreen });