Restaurant
Restaurant — Reservation Booking Page
Copy-paste layout brief covering Hero Section, Booking Form, Availability Display and Dining Areas — hand it to ChatGPT, Claude, or v0 as-is.
Restaurant — Reservation Booking Page is a copy-ready build prompt for restaurant pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
We keep this entry in sync on a schedule, so the counts and the description track the upstream project.
| Use case | Restaurant |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
Create a table reservation booking page for a fine dining steakhouse called "Prime & Co". Include these elements:
1. HERO SECTION
- Background: Elegant restaurant interior image with dark overlay
- Headline: "Reserve Your Experience"
- Subtext: "Join us for an unforgettable evening"
2. BOOKING FORM (Main Focus)
Step 1 - Party Details:
- Party size selector (1-20 guests, visual buttons)
- Date picker (calendar view, unavailable dates grayed out)
- Time slot selection (available times in 30-min intervals)
- Show real-time availability status
Step 2 - Guest Information:
- Full name (required)
- Email address (required)
- Phone number (required)
- Special occasion dropdown (Birthday, Anniversary, Business Dinner, Date Night, Other)
- Special requests textarea (dietary restrictions, seating preferences)
Step 3 - Confirmation:
- Reservation summary card
- Cancellation policy notice
- "Confirm Reservation" button
3. AVAILABILITY DISPLAY
- Visual time slots showing Available/Limited/Fully Booked
- Suggested alternative times if preferred slot is full
- Waitlist option for fully booked times
4. DINING AREAS
- Show seating options: Main Dining Room, Private Room, Patio, Chef's Table
- Brief description and capacity for each
- Allow preference selection
5. CONFIRMATION PAGE
- Confirmation number prominently displayed
- Reservation details summary
- Add to Calendar buttons (Google, Apple, Outlook)
- Modify/Cancel reservation link
- Reminder: Confirmation email sent
6. SIDEBAR/ADDITIONAL INFO
- Operating hours
- Dress code notice
- Parking information
- Contact for large parties (8+)
- Cancellation policy
Design: Sophisticated dark theme with gold accents (#D4AF37). High contrast for accessibility. Large touch targets for mobile. Progress indicator for multi-step form.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts