A 404 not-found page section with an error eyebrow badge, an oversized heading, recovery action buttons, and a hairline list of alternate destinations.
import { Error34 } from "@/components/ui/error34";
export default function Error34Demo() {
return (
<Error34
badge={{ label: "Error 404" }}
heading="This page moved, or never existed"
description="The link you followed does not lead anywhere on Sirius. Nothing is broken on your side, and your workspace is untouched."
buttons={[
{ label: "Back to home", href: "https://beste.co" },
{ label: "Search the docs", href: "https://beste.co", tone: "outline" },
]}
linksLabel="Where people usually go from here"
links={[
{
title: "Product tour",
description:
"See how intake, scheduling, records, and billing sit on one surface.",
href: "https://beste.co",
},
{
title: "Help centre",
description:
"Setup guides, imports, and answers written by the team that ships.",
href: "https://beste.co",
},
{
title: "Release notes",
description:
"Everything that shipped this quarter, and what it changed for staff.",
href: "https://beste.co",
},
{
title: "Talk to us",
description: "A real person, usually the same working day.",
href: "https://beste.co",
},
]}
/>
);
}