Files
lineform-architecture-shadcn/src/shared/ui/page-title.tsx

14 lines
603 B
TypeScript

export function PageTitle({ code, title, text }: { code: string; title: string; text: string }) {
return (
<section className="border-b-2 border-foreground px-4 py-12 md:px-8 md:py-20">
<div className="mx-auto grid max-w-[1500px] gap-8 md:grid-cols-[180px_1fr]">
<div className="text-sm font-black uppercase">{code}</div>
<div>
<h1 className="max-w-5xl text-5xl font-black uppercase leading-[0.88] md:text-8xl">{title}</h1>
<p className="mt-6 max-w-2xl text-lg leading-8 text-muted-foreground">{text}</p>
</div>
</div>
</section>
);
}