# Agency: Not found

> The template's 404: the code beside the studio's mark with its tile missing, a line and the pages people usually want.

A shadcn/ui block from the [@eased](https://eased.dev/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/eased/agency-not-found).

- Page, with a live preview: https://shadcn.exchange/r/eased/agency-not-found
- Screenshot: https://shadcn.exchange/shot/eased/agency-not-found/light.png
- Registry item: https://eased.dev/r/agency-not-found.json
- Listed: 2026-10-23, source last changed 2026-10-23

## Install

```bash
npx shadcn@latest add https://shadcn.exchange/r/eased/agency-not-found.json
```

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

## Dependencies

- npm packages: `motion`
- Registry items: `https://eased.dev/r/eased-tokens.json`, `https://eased.dev/r/eased-motion.json`, `https://eased.dev/r/agency-core.json`

## Files

### `src/registry/eased/templates/agency/not-found.tsx`

```tsx
"use client";

import { notFound } from "./content";
import { ArrowLink, COLUMN, Reveal, Tiles } from "./kit";

/**
 * The template's not-found page: the code set large beside the studio's tile mark with its
 * vermilion tile missing, a line on what happened and the pages people usually want.
 */
export function NotFound() {
  return (
    <section aria-labelledby="not-found-title" className={`${COLUMN} pt-section-sm pb-group`}>
      <Reveal className="flex flex-col gap-pad-lg border-t border-line-subtle pt-pad-lg">
        <p aria-hidden className="flex items-center gap-pad-base font-display text-display-6xl font-medium tracking-display text-text-muted tabular-nums">
          <Tiles className="size-10 text-text-muted [--tessera-tile:transparent]" />
          {notFound.code}
        </p>
        <div className="flex max-w-2xl flex-col gap-pad-base">
          <h1 id="not-found-title" className="font-display text-display-4xl font-medium tracking-display text-balance text-text sm:text-display-5xl">
            {notFound.title}
          </h1>
          <p className="text-ui-md text-pretty text-text-secondary sm:text-ui-lg">{notFound.body}</p>
        </div>
        <ul className="flex flex-wrap gap-x-pad-lg gap-y-in">
          {notFound.links.map((link) => (
            <li key={link.href}>
              <ArrowLink href={link.href}>{link.label}</ArrowLink>
            </li>
          ))}
        </ul>
      </Reveal>
    </section>
  );
}
```