Home Restaurant Restaurant Homepage

Restaurant Homepage

A complete restaurant homepage with menu preview, ambiance gallery, and reservation system

Homepage Full Page Reservations

Copy this prompt and paste it into ChatGPT or Claude

Create a modern restaurant homepage for an upscale Italian restaurant called "Bella Cucina". Include these sections:

1. HERO SECTION
- Full-width background image of signature dish or restaurant interior
- Restaurant name in elegant serif typography
- Tagline: "Authentic Italian Cuisine Since 1985"
- Two CTAs: "View Menu" and "Make a Reservation"
- Subtle animated scroll indicator

2. INTRODUCTION SECTION
- Brief story about the restaurant (2-3 sentences)
- Image of the head chef or kitchen
- Quote from the chef about their philosophy

3. FEATURED DISHES (3-column grid)
- 3 signature dishes with beautiful food photography
- Dish name, brief description, and price
- "View Full Menu" button below

4. AMBIANCE GALLERY
- 4-6 images showing restaurant interior, bar area, private dining
- Masonry or grid layout
- Subtle hover effects

5. RESERVATIONS SECTION
- Headline: "Reserve Your Table"
- Embedded reservation form or OpenTable widget placeholder
- Operating hours displayed
- Phone number for direct reservations

6. TESTIMONIALS
- 3 customer reviews with ratings
- Names and "Verified Diner" badges

7. LOCATION & CONTACT
- Embedded Google Maps
- Full address
- Phone, email
- Parking information

8. FOOTER
- Social media links (Instagram, Facebook, Yelp)
- Newsletter signup
- Links to Menu, About, Private Events, Careers

Design: Elegant, warm color palette (burgundy, cream, gold accents). Use Playfair Display for headings, Lato for body text. Dark mode friendly.

How to use this prompt

1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
2 Open ChatGPT, Claude, or your preferred AI assistant
3 Paste the prompt and customize any placeholder text (like product names or brand colors)
4 Let the AI generate your website code or design specifications

Back to Restaurant Prompts Browse All Categories

More Restaurant Prompts

Digital Menu Page

An interactive digital menu with categories, dietary filters, and beautiful food imagery

Menu Interactive

Food Delivery Landing Page

A conversion-focused landing page for a food delivery service or ghost kitchen

Landing Page Delivery

Reservation Booking Page

A streamlined table reservation system with date picker, party size, and special requests

Booking Reservation

About this Restaurant Prompt

This Restaurant Homepage prompt is designed to help you quickly create professional restaurant websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.

Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building restaurant homepage. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.

Compatible AI Tools

ChatGPT (GPT-4) - Great for detailed code generation and explanations
Claude 3 - Excellent for complex, nuanced website designs
v0 by Vercel - Perfect for React and Next.js components
Cursor - Ideal for AI-powered coding in your IDE
Bolt.new - Quick prototyping and full-stack apps
Lovable - User-friendly AI website builder