Dining Room Page
A source-backed Salle Blanche restaurant template. It ships the full routed experience (home, essence, carte, book) with a progress Preloader, rotating nav menu, GSAP SplitText copy reveals, Lenis smooth scroll, scaling image collage, dining menu selector, dragging testimonials carousel, marquee, sticky cards, chefs hover reveal, pinned reservation cards, and a clip-path page transition. Imagery is served from Blob with Host Grotesk, DM Mono, and Roslindale typography.
npx shadcn@latest add https://ui.aryank.space/r/dining-room-page.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| assetBase | string | "https://ui.aryank.space/assets/dining-room-page" | Base URL prefixed to every image the template renders (home, dining, chefs, footer, menu). |
| initialPath | "/" | "/about" | "/menu" | "/reservation" | "/" | Source route the MemoryRouter mounts first. |
| className / style | string / CSSProperties | undefined | Passed to the root <main> wrapper for sizing and layout. |
initialPathtextWhich source route the template opens on: /, /about, /menu, or /reservation.
assetBaseasset-urlBase URL for the template's Blob-hosted imagery, starting at https://ui.aryank.space/assets/dining-room-page/home/hero.jpg.
@gsap/reactgsaplenisreact-icons