Cocktail Bar Landing Page
Built for Orrin's, the sample brand inside the template
A cocktail bar site where you hold anywhere to pour a drink into an empty coupe, choose from three, then drag an arc of signatures, open the list and book a table.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund. · Want it for your own cocktail bar?
What to charge$2,500 to $4,000 to set up with their own drinks filmed or generated, their menu and their roomsTypical freelance range for cocktail bars, speakeasies, hotel bars, wine and natural-wine bars, rooftop bars, and restaurants with a bar programme that take bookings and sell private hire. Maps searches to find them: "cocktail bar", "speakeasy", "rooftop bar", "hotel bar", "wine bar", "bar private hire", "event space bar". Not a promise of income · Selling to cocktail bars and hotel bars
How it moves
The first screen is one empty cut-crystal coupe on a travertine bar against pale sage, under "Cocktails on Mercer Lane". Pressing and holding anywhere pours a drink into the glass, a ring by the cursor filling as it pours; letting go stops it, and when it's full the drink's name, spec and price appear. Three chips choose the drink: changing it drains the glass and pours the next, and the page's accent takes its colour. Below: a statement beside a bartender with a marquee band; six signatures on an arc you drag, the ground changing to each drink's colour; the list as five huge rows that open; the room photo opening to full bleed; the back room with three packages and an enquiry form; and a close where the drink you poured replays behind the booking card. All copy and every image and film slot sit in one content file, the palette in one theme file.
What you get
- A tested build prompt · 12k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Sell this site
- Who buys it
- cocktail bars, speakeasies, hotel bars, wine and natural-wine bars, rooftop bars, and restaurants with a bar programme that take bookings and sell private hire. Maps searches to find them: "cocktail bar", "speakeasy", "rooftop bar", "hotel bar", "wine bar", "bar private hire", "event space bar"
- What to charge
- $2,500 to $4,000 to set up with their own drinks filmed or generated, their menu and their rooms
- Find them on Google Maps
- ••••••••••••••••••••••••••••••••••••••••
- The 30-second call pitch
- “Hi, I build websites for … I looked you up on Maps … Can I send you a two-minute video of it?”
- What the client supplies
- Photos, prices, hours, logo, and which slot each one replaces.
- The upsell
- The second thing to sell them after launch.
Inside the prompt
A one-page site for a cocktail bar (the sample is Orrin's, Mercer Lane, Portland), on pale sage, stone and cream with deep bottle-green type in a light, wide-spaced sans. The first screen is one empty cut-crystal coupe on a travertine bar under "Cocktails on Mercer Lane". Pressing and holding anywhere pours a drink into the glass: a film of the pour is scrubbed forward while the pointer is held and stops when it lets go; a ring beside the cursor fills as it pours; when the glass is full, the drink's name, spec and price appear. Three chips on one cream pill at the bottom left choose the drink (the chosen one outlined in ink) (Rose Sour, Mercer Manhattan, Last Word); changing drinks drains the glass back to empty and swaps the film on the shared empty frame, so there is no cut, and the whole page's accent takes the drink's colour.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
