16 lines
624 B
TypeScript
16 lines
624 B
TypeScript
import { Badge } from "@/shared/ui/badge";
|
|
|
|
export function SectionHeader({ label, title, text }: { label: string; title: string; text: string }) {
|
|
return (
|
|
<section className="volt-grid border-b border-primary/25 px-4 py-14 md:px-6 md:py-20">
|
|
<div className="mx-auto max-w-7xl">
|
|
<Badge className="mb-6 bg-primary text-primary-foreground">{label}</Badge>
|
|
<h1 className="max-w-5xl text-4xl font-semibold uppercase leading-none md:text-7xl">
|
|
{title}
|
|
</h1>
|
|
<p className="mt-6 max-w-2xl text-lg leading-8 text-muted-foreground">{text}</p>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|