Component Gallery

Template capabilities — design system, chrome, restaurant blocks, and interactive features.

Branding & Logo

WebOustaou rounded logo with theme-aware variants.

<Logo/> — theme-aware WebOustaou rounded logo with light/dark variants

h-16 w-16

h-24 w-24

h-32 w-32

<BrandAvatar/> — home-link wrapped avatar with themed logo support

h-12 w-12 (default)

h-16 w-16

h-24 w-24

<BrandAvatar/> — when no logo provided, falls back to initials

Initials fallback (WO)

<ThemedImage/> — generic theme-aware image wrapper displaying both light and dark variants

Light variant (direct)

Dark variant (direct)

With <ThemedImage/> — auto-switches based on theme:

Auto-themed (respects light/dark mode)