404 pages
Page not found and under maintenance pages. Figma V8.0: Simple 01–06 and Split image layouts, each responsive for Desktop and Mobile.
{ NotFoundPage } from "@pepulux/ui"Left aligned with illustration
404 error
Page not found
Sorry, the page you are looking for doesn’t exist. Here are some helpful links:
Centered
404 error
Page not found
Sorry, the page you are looking for doesn’t exist. Here are some helpful links:
Centered with links
404 error
Page not found
Sorry, the page you are looking for doesn’t exist. Here are some helpful links:
Centered with cards
404 error
Page not found
Sorry, the page you are looking for doesn’t exist. Here are some helpful links:
Large 404 background
Page not found
Sorry, the page you are looking for doesn’t exist. Here are some helpful links:
Split image
Page not found
Sorry, the page you are looking for doesn’t exist. Here are some helpful links:
Under maintenance
kind="maintenance" swaps the copy and shows the search field.
404 error
Under maintenance
The page you’re looking for is currently under maintenance. Try searching our site:
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "left" | "center" | "links" | "cards" | "bg-404" | "split-image" | "left" | Figma Simple 01–06 / Split image. Mobile stacks automatically |
| kind | "not-found" | "maintenance" | "not-found" | Copy variant — Page not found | Under maintenance |
| title / description / eyebrow | string | — | Override the heading copy |
| searchable | boolean | — | Shows a search field instead of Go back / Take me home (default true for maintenance) |
| onSearch | (query: string) => void | — | Called when the search form is submitted |
| homeHref | string | "/" | Target of the Take me home button |
| onGoBack | () => void | — | Defaults to history.back() |
| links | { title, description?, href, icon? }[] | — | Items for the links and cards layouts |
| image | string | — | Image URL for split-image |
| illustration | ReactNode | — | Right-hand artwork for the left layout (defaults to a cloud illustration) |