Reception and access
A reception workspace for fictional Cedar Lodge: daily arrival and access counts, a sortable arrivals table, and selected access details with validity, permissions and local history.
npx shadcn add @klarhimmel/template-access-operations
Install
npx shadcn add @klarhimmel/template-access-operationsThe page
4 sections, in order
Each section is one block with this template's own copy. The anchor is the id in-page links point at.
| Anchor | Block | Content |
|---|---|---|
#sidebar | app/shell-sidebar | Cedar Lodge |
#overview | app/operations-summary | Arrivals and access |
#arrivals | app/data-table | Today’s arrivals |
#detail | app/access-detail | Garden suite |
Install
CLI
npx shadcn add @klarhimmel/template-access-operationspnpm
pnpm dlx shadcn@latest add @klarhimmel/template-access-operations- Klarhimmel
- Geist / Geist
- radius 8
- Needs
- React 19, Tailwind CSS v4 and the theme import. The page and every block it uses land under components/klarhimmel/.
Before you ship
Wire these before shipping
The template is a finished page with placeholder wiring. These are yours to connect.
Data
Every count, arrival and access code is fictional. The host loads records, checks authorization and supplies validity; blocks do not create or revoke access.
Selection
Wire table selection to the detail record in your app. The demo shows one fixed example and does not claim a live selection relationship.
Privacy
Do not put real guest details or active access codes in public pages.
Shell
App blocks start at h2. Add one page h1 in your host application.