# Under Construction 2

> Under Construction 2 variant for block.

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

- Page, with a live preview: https://shadcn.exchange/r/uiable/block-under-construction-2
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiable/block-under-construction-2-light-6fa48fece0970425.png
- Registry item: https://uiable.com/r/block-under-construction-2.json
- Categories: under-construction
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://uiable.com/r/block-under-construction-2.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/under-construction/under-construction-2/under-construction-2.tsx`

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

//  ------------------------------ | UNDER CONSTRUCTION 2 | ------------------------------  //

export default function UnderConstruction2() {
  return (
    <section className="flex min-h-screen flex-col items-center justify-center gap-6 px-4 py-16 text-center">
      <div className="flex justify-center">
        <img
          src="https://cdn.uiable.com/block/img-construction-2.svg"
          alt="Under Construction Illustration"
          className="h-auto max-h-[380px] w-full max-w-[374px] object-contain select-none"
        />
      </div>

      <div className="flex max-w-md flex-col items-center gap-3">
        <h1 className="text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
          Under Construction
        </h1>
        <p className="text-base text-muted-foreground">
          Hey! Please check out this site later. We are doing some maintenance
          on it right now.
        </p>
      </div>

      <div>
        <Button>Back To Home</Button>
      </div>
    </section>
  )
}
```