Local business page with a clickable booking card
Editorial serif design for a barbershop or studio, with a service → day → time booking card that really works.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: an editorial landing page for a local service business, with a booking card people can actually click through. Business: [NAME, e.g. "Fade & Co."] — [TYPE, e.g. "barbershop"] in [NEIGHBORHOOD] Services (name, duration, price): [e.g. Classic cut — 30 min — $35; Cut & beard — 45 min — $50] Opening days and hours: [e.g. Tue–Sat, 10am–6pm] Headline idea: [e.g. "Sharp cuts. Zero waiting."] Design - Warm cream background, near-black ink and one bold accent color [e.g. burnt orange #d4541c].
The full prompt comes with the course
All 55 prompts in the library are part of the Vibewrights course. Enrollment opens in January 2027 — join the waitlist to get the founding-member price.
See what's includedWhat you'll get
- ✓A warm editorial look with a big serif headline
- ✓A 3-step booking card with booked slots
- ✓Open days generated automatically
- ✓A confirmation state after booking
How to use it
- 1Replace everything in [BRACKETS] with your own product and colors.
- 2Paste it into Lovable, Bolt or Claude Code and open the result in your browser.
- 3Compare it with the live demo, then ask for one change at a time.
— From the course
You'll build this end-to-end in Module 2, with a step-by-step video walkthrough and AI feedback on your project.
