WebberUI

Bistro Restaurant

French bistro site: the chef's story, seasonal menu, reservations, atmosphere gallery.

ProIndustryrestaurant6 sections
See it liveSee the plans

Install

npx shadcn@latest add "https://webberui.com/r/restaurant-bistro.json?t=<install token>"

The whole page lands in app/templates/restaurant-bistro/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

  1. 1

    Nav Bar and Hero

    An opening block on cream with the brand nav bar, an oversized restaurant name, a Reserve Tonight CTA, and a triple-arched-window gradient visual.

    hero
  2. 2

    Seasonal Menu

    A menu section toggling between four courses — starters, mains, desserts, and the wine list — with French dish names, prices, and signature tags.

    menu
  3. 3

    The Chef's Story

    An overlapping layout telling how chef Lin Shu-ching moved from Lyon to Qingtian Street, with a credentials strip and the restaurant's honours.

    content
  4. 4

    Dining Room Gallery

    An irregular grid collage of gradient blocks showing the bar, jazz nights, the cellar, and other corners of the room.

    gallery
  5. 5

    Hours and Reservation Form

    A dark-green hours card beside an online booking form with date, time slot, and party size, plus a submitted-successfully state.

    form
  6. 6

    Footer

    A dark-green footer with the brand introduction, social links, explore nav, address and phone, and opening hours.

    footer

Included in these starter kits

A kit packs this template together with the components it needs, an SEO skeleton and the form fields a Taiwanese storefront has to collect — all behind a single install command.

What you get is source code

Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.

Browse the other 103 templates →