Restaurant website
A Nordic-cuisine restaurant site: a hero with a ticker, a menu with cursor photos, the chef, a parallax hall gallery, table booking, events, reviews over a photo, a map and a footer. A dark theme: candles, wood and a wine-red glow.
This scenario shows which blocks make up a restaurant or café website and in what order. Open the demo to see the whole page, then take the sections you need from the catalog one by one.
What it is made of
11 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Restaurant header over the photonavbar-021
Wordmark, hours, phone and booking; transparent over the photo, darkens on scroll.
2. First screen
Restaurant hero with a tickerhero-021
A photo with push-in, a line-by-line headline, an announcements ticker.
3. Menu
Menu with sections and a cursor photorestaurant-003
Sections as tabs, leaders to the price, tags, a dish photo by the cursor.
4. Band
“Wine of the week” band with a shinecta-016
“Wine of the week” as a wine-red band with a shine between the menu and the chef.
5. Chef
Chef with a quote and a signatureabout-007
A portrait with an overlapping second photo, a quote, a signature, facts.
6. Hall
Hall gallery with parallax and a lightboxrestaurant-005
Photo columns with scroll parallax and a lightbox.
7. Booking
Table booking with free slotscontact-016
Free slots as chips, date, time, guests stepper, phone.
8. Events
Restaurant events as a feedevent-004
A feed with a serif weekday, price and a hover photo.
9. Reviews
Reviews over a blurred phototestimonials-017
Glass cards over a blurred hall photo, an overall score.
10. Directions
Directions with a map and hoursmap-005
A Yandex Map with a pin and a card with address, hours and a route.
11. Footer
Restaurant footer with hours and messengersfooter-020
Hours by day, phone, messengers with icons, links.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Restaurant website” page made of?
- 11 catalog sections in order: Restaurant header over the photo, Restaurant hero with a ticker, Menu with sections and a cursor photo, “Wine of the week” band with a shine, Chef with a quote and a signature, Hall gallery with parallax and a lightbox, Table booking with free slots, Restaurant events as a feed, Reviews over a blurred photo, Directions with a map and hours, Restaurant footer with hours and messengers. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.