26 lines
759 B
TypeScript
26 lines
759 B
TypeScript
interface SectionHeadingProps {
|
|
badge?: string;
|
|
title: string;
|
|
subtitle?: string;
|
|
}
|
|
|
|
export function SectionHeading({ badge, title, subtitle }: SectionHeadingProps) {
|
|
return (
|
|
<div className="text-center mb-16">
|
|
{badge && (
|
|
<span className="inline-block px-4 py-1.5 rounded-full text-xs font-mono font-semibold tracking-wider uppercase bg-accent/10 text-accent border border-accent/20 mb-4 badge-shimmer">
|
|
{badge}
|
|
</span>
|
|
)}
|
|
<h2 className="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight mb-4">
|
|
{title}
|
|
</h2>
|
|
{subtitle && (
|
|
<p className="text-muted-foreground text-lg max-w-2xl mx-auto leading-relaxed">
|
|
{subtitle}
|
|
</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|