Component Gallery
Template capabilities — design system, chrome, restaurant blocks, and interactive features.
Grid variant
3 items · one with variants, one without, one no image · default variant
Our selection
Featured
A handpicked selection of our chef's favourites
variant="grid" · 3 items · sm:2-col lg:3-col
Spotlight variant
3 items · first item as large hero card, items 2–3 stacked right
Our selection
Featured
A handpicked selection of our chef's favourites
variant="spotlight" · 3 items · lg:2-col split
Strip variant
5 items · horizontal scroll row · snap-x · portrait cards
Our selection
Featured
A handpicked selection of our chef's favourites
variant="strip" · 5 items · overflow-x-auto · min-w-[220px] cards
Empty state
0 items — shows designed empty state with title + description
Our selection
Featured
A handpicked selection of our chef's favourites
Nothing featured yet
Our featured selection is not online yet.
featured=[] · emptyTitle + emptyDescription
Global integration preview
Simulates the home-page composition: hero placeholder → featured grid → hours placeholder
↑ Hero section
Our selection
Featured
A handpicked selection of our chef's favourites
↓ Hours section
home-page context · hero → featured (grid, 3 items) → hours