Oversized Numeral 404

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/error/error29.tsx instead.

Usage

The file also exports error29Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Error29, error29Demo } from "@/components/blocks/error/error29";

export default function Page() {
  return <Error29 {...error29Demo} />;
}

Props

Types

interface DisplayLink {
  label: string;
  href: string;
}

Behavior notes

• Fully static server component: no client state, hooks, or interactivity of any kind.
• The CTA button and every link in the right-hand list render as real Next.js Link components via the Button's render prop, but none point anywhere but "#" in the demo.
• The two columns are a single grid that becomes two columns with a divider at the sm breakpoint and stacks full-width on mobile, matching the brief's stacking requirement.