All components
NotFoundPage
Branded 404 hero with quick-links + back-home CTA. Drop on app/not-found.tsx.
components/not-found-page.tsxPeer deps:
lucide-reactLive preview
404
Page not found.
The page you're looking for moved, was renamed, or never existed. Try one of these instead:
Back to homeUsage
// In app/not-found.tsx (Next.js App Router)
import { NotFoundPage } from "@/components/not-found-page";
export default function NotFound() {
return (
<NotFoundPage
heading="We couldn't find that page."
quickLinks={[
{ label: "Shop everything", href: "/products" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
]}
/>
);
}