# Error404 1

> Error404 1 variant for block.

A shadcn/ui block from the [@uiable](https://uiable.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/uiable/block-error404-1).

- Page, with a live preview: https://shadcn.exchange/r/uiable/block-error404-1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiable/block-error404-1-light-037226a6a670ed30.png
- Registry item: https://uiable.com/r/block-error404-1.json
- Categories: error-404
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://uiable.com/r/block-error404-1.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `@uiable/button`

## Files

### `src/components/uiable/blocks/error-404/error404-1/error404-1.tsx`

```tsx
// shadcn
import { Button } from "@/components/ui/button"

//  ------------------------------ | ERROR 404 1 | ------------------------------  //

export default function Error4041() {
  return (
    <section className="flex h-[100vh] min-h-[400px] flex-col items-center justify-center gap-6 px-4 py-16 text-center">
      <h1 className="text-7xl tracking-tight text-primary sm:text-8xl md:text-8xl">
        404
      </h1>
      <div className="flex max-w-md flex-col gap-2">
        <h2 className="text-2xl font-bold tracking-tight text-foreground sm:text-3xl">
          Page Not Found
        </h2>
        <p className="text-sm text-muted-foreground sm:text-base">
          The page you&apos;re looking for doesn&apos;t exist or has been moved.
        </p>
      </div>
      <div>
        <Button>Back to Home</Button>
      </div>
    </section>
  )
}
```