E-Commerce

Build a Restaurant Menu & Ordering Page with AI

Food menu with sections, dietary badges, business hours, and WhatsApp order links for easy takeout ordering. Give your restaurant a professional digital presence that turns menu browsers into paying customers with one-tap ordering.

Build Prompt

Copy this prompt into Claude Code
Build a restaurant menu and ordering page as a static HTML/CSS/JS site. Use a warm dark theme with background #0a0a0f, card surfaces #1a1a1a, and accent color #f59e0b (amber/gold). Load data from inline `const MENU = {...}` and `const HOURS = {...}`. MENU has: restaurantName, tagline, phone, address, whatsappNumber, sections (array of {name, icon, items}). Each item has: name, price, description, tags (array: "Vegan", "Spicy", "Gluten-Free", "Popular", "New", "Chef's Pick"), available (boolean), image (emoji). HOURS has: regular (array of {day, open, close}), specialHours (array of {date, label, open, close}), timezone. Layout: Restaurant hero section with name in elegant serif font, tagline, and a glowing "Open Now" or "Closed" badge (calculated from HOURS and current time). Below, a sticky horizontal nav with section names (Appetizers, Mains, Desserts, Drinks, etc.) that smooth-scrolls to each section. Menu sections: each shows the section name with icon, then item cards in a list layout. Each item card shows: name (bold), price (right-aligned), description (muted text), and dietary/tag badges as small colored pills. Badges: green for Vegan, red for Spicy with fire emoji, blue for Gluten-Free, gold star for Chef's Pick, purple for New. If an item is unavailable, gray it out and show "Currently Unavailable". WhatsApp ordering: each item has a small "Order" button. Clicking it adds the item to a floating order summary panel. The panel shows selected items, quantities (+/- buttons), subtotal, and a "Send via WhatsApp" button that opens `wa.me/{number}?text=...` with a pre-formatted order message like "Hi, I'd like to order:\n- 2x Margherita Pizza ($24)\n- 1x Caesar Salad ($12)\nTotal: $36\nPickup/Delivery". Business hours section: a clean table showing each day's hours, with today's row highlighted. Show "Open Now" or "Closed — Opens at X" dynamically. Location section with the address and a "Get Directions" link (Google Maps URL). Add SEO: JSON-LD Restaurant/LocalBusiness schema with name, address, hours, menu, priceRange. Meta targeting "[restaurant name] menu" and "[cuisine] restaurant near me". Seed with a realistic menu: 5 sections (Appetizers, Mains, Pasta, Desserts, Drinks) with 4-5 items each, realistic prices. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Photo Gallery

Add a food photo gallery section with actual dish photos in a masonry grid layout.

Specials Banner

Add a rotating daily specials banner at the top that changes based on the day of the week.

Allergen Info

Expand dietary tags with detailed allergen information in a tooltip or popup per item.

Combo Deals

Add a "Combos & Deals" section with meal combinations at a discounted bundled price.

Online Reviews

Show Google/Yelp review snippets with star ratings in a testimonials section.

Reservation Link

Add a "Reserve a Table" button linking to an external booking service (OpenTable, Google).

Update Prompt

Update Prompt — Manage menu, prices, and hours
Update my restaurant menu page: [describe changes — e.g., "Change price of Margherita Pizza to $15", "Mark Caesar Salad as unavailable", "Add new item to Mains: Grilled Salmon, $22, Pan-seared with lemon butter sauce, tags: Gluten-Free, Chef's Pick", "Update hours: we're now open until 11 PM on Fridays and Saturdays", "Add a seasonal special section"]. Update the MENU and HOURS data accordingly. Ensure the WhatsApp ordering still works correctly with updated items and prices. Redeploy.

SEO Tips

Monetization Ideas

Related Ideas

Ready to build your Restaurant Menu Page?

Copy the prompt above and paste it into Claude Code. Your menu page will be live in minutes.

Get Started