Product walkthrough

with Jordan Reyes, Solutions Engineer

30 minutes

Europe/Berlin (CET)

  • A live tour of your actual use case
  • Pricing for your seat count
  • Security and procurement questions

Choose a day

Available times

">

The prompt

Create a demo booking panel with Tailwind CSS: a left column with the host avatar, host name and role, the meeting length with a clock glyph, the timezone, and three bullet points about what the call covers. A right column shows a horizontal row of selectable day chips (weekday abbreviation over the date number) with one selected in dark, then a grid of time-slot buttons where one is disabled, and a full-width confirm button below. Stack the columns on mobile. Then add JavaScript that makes the picker behave: selecting a day highlights it and loads that day's slots — each day offers different availability, and a day with none shows a "fully booked" message — selecting a slot highlights it and clears when the day changes, and the confirm button stays disabled until both are chosen, then names the exact day and time it will book.

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