Editorial Not Found Split

Navigation 3

About

A 404 not-found page section with an error eyebrow badge, an oversized heading, recovery action buttons, and a hairline list of alternate destinations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Editorial Not Found Split to your project and fits it to your theme.

Code

How Editorial Not Found Split is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

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",
        },
      ]}
    />
  );
}