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.
@shadcn-ui-blocks
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.
@shadcn-ui-blocks
components/blocks/application/page-headings/simple-centered.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>
);
}
