Website BuildingChatLLM DeepAgent

Restaurant Website with Online Menu

Build a beautiful restaurant website with digital menu, hours, location, and reservation form.

The Prompt

Build a restaurant website with online menu.

Restaurant name: [name]
Cuisine type: [e.g., Italian, BBQ, Sushi]
Ambiance/vibe: [casual / fine dining / fast casual]
Brand colors: [primary, secondary]
Menu sections: [e.g., Appetizers, Mains, Desserts, Drinks]
Sample menu items: [list 4–5 items per section with name, description, price]
Hours: [operating hours]
Address: [address]
Reservation system: [yes/no — use simple form if yes]

Build with Next.js and Tailwind CSS:
1. Hero: Full-screen background image (use Unsplash food photo), restaurant name, tagline, "View Menu" + "Reserve Table" CTAs
2. About: Story section with warm copy and ambiance photo
3. Menu: Tabbed sections by category, each item with name, description, price, optional dietary icons
4. Gallery: Masonry grid of food and ambiance photos
5. Hours & Location: Two-column layout with hours table and Google Maps embed placeholder
6. Reservations: Simple form (name, date, time, party size, phone)
7. Footer: Address, phone, hours summary, social links

Warm, inviting typography. Mobile-optimized.

Tips for Best Results

  • Add schema markup for LocalBusiness to improve Google search appearance
  • Link the reservation form to OpenTable or Resy for real bookings

Tags

restaurant websiteonline menulocal businessfood websitereservations

Related Prompts