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
Related Prompts
AI Website Builder — Course Platform
Generate a full-stack website with login, dashboard, Stripe checkout, course library, and admin panel from a single prompt.
Website BuildingLanding Page Builder Prompt
Generate a high-converting landing page with hero section, testimonials, pricing, and lead capture form.
Website BuildingAI Chatbot Builder
Build a custom AI chatbot with knowledge base integration, conversation flows, and embeddable widget for your website.
Website BuildingE-Commerce Store Builder
Build a complete, conversion-optimized e-commerce store with product pages, cart, checkout, and Stripe integration using AI agents.
Website BuildingSaaS Marketing Website Builder
Generate a complete SaaS marketing website with hero, features, pricing, testimonials, and FAQ sections optimized for conversions.
Website BuildingPersonal Portfolio Site Builder
Build a standout developer or designer portfolio that gets you hired, with project showcases, skills section, and contact form.
Website BuildingBlog + Newsletter Site Builder
Build a content-first blog and newsletter site with SEO optimization, email capture, and category organization.