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
Target "[restaurant name] menu", "[cuisine type] menu [city]", and "[cuisine] delivery near me" in title and meta description.
Add JSON-LD LocalBusiness schema with name, address, phone, openingHours, servesCuisine, and priceRange for local search.
Include individual menu item names in alt text and structured data so items can appear in Google's menu search features.
Add a "Story" section about the restaurant's history to build topical authority and rank for branded searches.
Create a FAQ section answering "Do you deliver?", "What are your hours?", "Do you have vegan options?" for featured snippets.
Monetization Ideas
Drive takeout and delivery orders through WhatsApp ordering — converting menu browsers to paying customers.
Promote catering services for events with a dedicated section and inquiry form for large orders.
Sell gift cards (physical or digital codes) through a payment link for special occasions and holidays.
Offer this restaurant menu template to other restaurant owners ($39) as a quick digital menu solution.
Add a "Join Our Newsletter" signup offering a discount on first order to build a customer list for promotions.