Beautiful restaurant site with menu, gallery, reservations, hours, and location map.
Prompt
Build a restaurant website for an Italian restaurant called "Bella Vista". Include:
- Hero with full-width food image placeholder and restaurant name
- About section with story
- Menu section organized by categories (Antipasti, Primi, Secondi, Dolci) with dish names, descriptions, and prices
- Photo gallery grid (8 placeholder images)
- Hours and location section with embedded map placeholder
- Reservation form (name, date, time, guests)
- Footer with social links
Warm color palette, elegant typography. Put in ~/data/public/
1
Copy the prompt above
2
Paste in Claude Code terminal
3
Your project is live
restaurantfoodbusinesslocal
About this prompt
Every restaurant needs a website, but most small restaurant owners cannot afford a web developer. This prompt creates a complete restaurant website with an appetizing design, full menu organized by categories, photo gallery, reservation form, hours, and location information. The warm color palette and elegant typography make it look professionally designed.
What you get
✓ Full-width hero with restaurant name and food image placeholder
✓ Story and about section
✓ Complete menu organized by categories with descriptions and prices
✓ Photo gallery grid with 8 images
✓ Hours and location section
✓ Reservation form with date, time, and guest count
✓ Footer with social media links
✓ Warm, elegant color palette
✓ Mobile-responsive design
How to customize
Change the restaurant name, story, and menu items. Replace image placeholders with your food photos. Update hours and location. Embed your actual Google Maps location. Add your real social media links.
Frequently asked questions
Can I add online ordering?
This prompt creates a reservation form. For online ordering, ask Claude as a follow-up to add a cart and order system.
Does it work on phones?
Yes. The design is fully responsive and looks great on phones — important since many restaurant searches happen on mobile.
Can I add multiple languages?
Ask Claude to add a language switcher as a follow-up. It can create the same content in multiple languages.