Systems
Practice 26

The prompt

Create a conference hero with Tailwind CSS. Use a two-column layout on a white page: the left column holds a monospaced date-and-city line, a very large headline with the event name split across two lines and the year in a lighter weight, a paragraph, a pair of buttons — a dark "Get tickets" and a bordered "See the programme" — and a small line saying how many tickets remain at the current price. The right column is a bordered rounded-2xl card containing a four-cell countdown grid with large monospaced numbers over tiny uppercase labels for days, hours, minutes and seconds, a hairline, then three detail rows with glyph tiles for venue, dates and format. Then add JavaScript that counts down to a fixed date, pads each unit to two digits, updates every second, and replaces the grid with a "Doors are open" message when the target passes.

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