TasteBud — a restaurant that takes bookings

Follow these steps in the Beetler builder to reproduce this exact app. Button and chip names are written the way they appear on screen.

1. Pick the build type.
   On the home screen, under “What are you building?”, click the Web app chip.
   
2. Paste the one-line prompt.
   Type the prompt above into the box (placeholder “I want a Live Document to…”). Prefer to describe a rough idea instead? Click Generate It and Beetler writes the full prompt for you — here we pasted it in full.
3. Choose a tone.
   Under “App personality”, click Business.
   
4. Click Build It.
   Beetler detects the restaurant domain and builds four pages — Menu, Dish detail, Reserve a Table and Confirmation — generates 12 menu items across your four categories, and sources a real photo for every dish. Wait for the preview to load.
   
5. Recolour it.
   Once the app is built, a chat box appears (“What would you like to change?”). Type /style warm terracotta and olive and press Change It — Beetler proposes a palette; click Apply This Palette and the whole app recolours in place, no reload — every button, accent and surface. Look at the reservation form's Submit button before and after:

   

   

6. Set the fonts.
   Click Typography, pick Playfair Display for headings and Merriweather for body, then Apply This Typography.
7. Set currency & region.
   Click Locale and set currency to GBP (£) with UK date format. Every price reformats instantly.
8. Add the opening-hours banner.
   Click Add Widget, describe an opening-hours banner (Mon–Thu 12:00–22:00, Fri–Sat 12:00–23:00, Sun closed), generate it, and place it above the menu.
9. Publish or export.
   Open My Apps and click Publish for a shareable link with a QR code, or Download standalone source code as a zip to take the React project with you.