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 @compronents/dining-room-pageInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
| 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