Step 1 of 4

How would you like to start?

Either path leads to the same place, and you can switch whenever you like.

Sample workspaces can be deleted in one click, and connecting real data later keeps every report you built in the meantime — the fields are mapped for you.

">

The prompt

Create an onboarding fork with Tailwind CSS offering two ways to begin. Centre a max-w-3xl column with a step label, a heading asking how the person would like to start, and a muted line saying the choice is reversible. Below, two large selectable cards side by side: the left is "Explore with sample data" with a glyph tile, a paragraph, three bullet points with check glyphs, and a small "About 2 minutes" note; the right is "Connect my own data" with its own glyph, paragraph, three bullets, a note reading "About 15 minutes" and a small pill listing supported sources. The recommended card carries a neutral-900 ring and a small label. Under the cards, a bordered strip explaining that sample workspaces can be deleted in one click and that connecting real data later keeps everything already built. Finish with a ghost Back and a dark Continue.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .