SF
Builder — getsupaflow.com — Brampton Fadez Inspector live with X,Y,W,HProblems = 0
NODES — Drag to canvas (360px)
TRIGGER — User Clicks $1
X:120 Y:100 W:260 H:90
CHECKLIST — Validate
X:120 Y:220 W:260 H:90
CONVERT — Stripe $1
X:120 Y:340 W:260 H:90
PUBLISH — Live
X:120 Y:460 W:260 H:100
How to make money
1. Client clicks $1
2. Stripe checkout
3. Redirect to /dashboard
4. Dashboard shows their page live
TRIGGER
TRIGGER — User Clicks $1
CHECKLIST
CHECKLIST — Validate
CONVERT
CONVERT — Stripe $1
PUBLISH
PUBLISH — Live
Canvas 1fr — 3 columns (360px | 1fr | 320px) — TRIGGER → CHECKLIST → CONVERT → PUBLISH
NodeInspector.tsx — Brampton Fadez Inspector live with X,Y,W,H
TRIGGER
TRIGGER — User Clicks $1
Brampton Fadez Live
This inspector is what you saw in video — 360px sidebar | 1fr canvas | 320px inspector — TRIGGER → CHECKLIST → CONVERT → PUBLISH
Where customer sees dashboard and pages
After $1 pay → /dashboard shows pages at /p/[slug] — client clicks Edit → builder