Static replicas of the client-facing surfaces, all driven by one shared set of demo data. They mount full-viewport beneath the tour spotlight, stay mounted across consecutive steps that use the same screen, and swap when the screen changes. The contract replica even includes a working signature pad and tap-to-initial; the dashboard has a photo lightbox.
Also called: client portal preview · what the customer sees · demo portal · customer view
- 1Screens: portal-signin, estimate, intake, contract, dashboard, invoice (DemoCustomerSurface host)
- 2Every replica is wrapped in data-theme="light" — customer-facing surfaces are always light mode, house rule
- 3No fetches, no database, no portal tokens: the data is a fixed demo spine, so there is zero loading and nothing to clean up
- 4Interactive: the spotlight cutout lets you actually click the replica's controls
Builders had no safe way to see what their customer sees. Opening a real portal link mid-lesson means leaving the app, waiting on a load, and having a real customer's job sitting on the other end to look at. Six stand-ins — sign-in, estimate, details form, contract signing, live project dashboard, invoice — match the customer's real screens and run inside the app on made-up data, so the tab never changes and nothing is sent, saved or charged.
- No safe way to preview customer-facing screens without creating real records
- Tours that would have to leave the app to show the other side
See it on your own jobs
Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.
or keep browsing features →