Reservation Booking Page

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.