A friendly and classic 404 page featuring a playful illustration and a clear call to action, perfect for beginner-friendly projects.
Installation
npx 404lab@latest add stoneageThis will add the StoneAge component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
import StoneAge from "@/components/404/StoneAge"
export default function NotFoundPage() {
return Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes for styling the container. |
This component requires no props by default. Just drop it in and it works!
Features
Friendly Illustration
Engaging visual design that softens the frustration of being lost.
Clear Navigation
Prominent call-to-action button to guide users back home instantly.
Arvo Typography
Uses the distinct Arvo font for a professional yet approachable look.
Centered Layout
Perfectly balanced design that maintains focus on all device types.
Classic Reliability
A time-tested layout that works universally across various web domains.