Restaurant Reservation System

Book your table online with our easy-to-use reservation widget

Live Demo

Book a Table

Step 1 of 3

Choose Your Location

How to Use This Widget

This reservation widget can be easily embedded into any website. Here's how:

  1. Copy the ReservationWidget component code
  2. Import and include it in your React application
  3. Make sure you have the backend API endpoint at /api/reservations
  4. The widget will handle form validation and submission automatically

Features:

  • ✅ Form validation for required fields
  • ✅ Email format validation
  • ✅ Date picker with next 30 days
  • ✅ Time slots from 11:00 AM to 10:00 PM
  • ✅ Success and error handling
  • ✅ Responsive design that works on mobile and desktop
  • ✅ Stores reservations in database