Visitza — Public 404

Page

Full-screen not-found for the Visitza public product, tuned for a tourism and booking vibe: horizon-style backdrop (sky → warm ground), postcard card with soft blur, SA flag emblem, and chips for Stays / Tours / Activities (lucide icons). Copy points guests to discovery on visitza.co.za. Token-driven surfaces (`background`, `card`, `primary`, `muted-foreground`). Default export fills the viewport for `app/not-found.tsx`; use `VisitzaPublicNotFoundView` with `variant="embedded"` in docs previews. Install e.g. `npx shadcn@latest add @visitza/public-not-found` — registry page → `app/not-found.tsx`; depends on `client/visitza/emblem` and `lucide-react`.

client/visitza/public-not-found

Installation

1 · Add registry to components.json

2 · Install component

Examples

Live preview

Embedded height (no 100vh) so the full layout is visible inside the docs canvas. Production uses the default export with full viewport height.

Page not found

This stop isn't on the route

That URL may have changed, or the listing could have moved. Find stays, guided tours, and things to do across South Africa on Visitza.

StaysToursActivities

Try the homepage, or re-open the link from your confirmation email or itinerary.

Explore Visitza Back to home

Journey Beyond the Ordinary

API Reference

Prop	Type	Default	Description
`variant`	`"page" \| "embedded"`	`"page"`	page — min-h-screen for Next.js app/not-found. embedded — min height capped for docs or embedded frames.
`className`	`string`	—	Optional class on the outer shell (e.g. rounded corners in a preview).