# Simple Centered

> A centered page title with optional description text, balanced on the screen. Use it on focused app views like settings or a single record detail.

A shadcn/ui block from the [@shadcn-ui-blocks](https://www.shadcn-ui-blocks.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcn-ui-blocks/application-page-headings-simple-centered).

- Page, with a live preview: https://shadcn.exchange/r/shadcn-ui-blocks/application-page-headings-simple-centered
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcn-ui-blocks/application-page-headings-simple-centered-light-8f64a3a172d7a590.png
- Registry item: https://www.shadcn-ui-blocks.com/r/application-page-headings-simple-centered.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-page-headings-simple-centered.json
```

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

## Files

### `components/blocks/application/page-headings/simple-centered.tsx`

```tsx
export default function SimplePageHeading() {
  return (
    <div className="container mx-auto px-4 py-16 md:px-6 2xl:max-w-[1400px]">
      <div className="mx-auto mt-6 max-w-3xl text-center">
        <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
          New Collection
        </h1>
        <p className="text-muted-foreground mt-4 text-xl">
          Discover our latest collection of products designed to elevate your
          everyday life with style and functionality.
        </p>
      </div>
    </div>
  );
}
```