591d878ac6
Next.js 14 website with standalone output configured for Docker deployment. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
33 lines
821 B
TypeScript
33 lines
821 B
TypeScript
interface SectionHeaderProps {
|
|
eyebrow?: string;
|
|
title: string;
|
|
subtitle?: string;
|
|
centered?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
export function SectionHeader({
|
|
eyebrow,
|
|
title,
|
|
subtitle,
|
|
centered = true,
|
|
className = "",
|
|
}: SectionHeaderProps) {
|
|
return (
|
|
<div className={`${centered ? "text-center" : ""} mb-12 md:mb-16 ${className}`}>
|
|
{eyebrow && (
|
|
<p className="text-bosphorus font-semibold text-sm tracking-widest uppercase mb-3">
|
|
{eyebrow}
|
|
</p>
|
|
)}
|
|
<h2 className="font-display text-3xl sm:text-4xl md:text-5xl font-bold text-deep-nazar leading-tight">
|
|
{title}
|
|
</h2>
|
|
{subtitle && (
|
|
<p className="mt-4 text-lg text-deep-nazar/70 max-w-2xl mx-auto leading-relaxed">
|
|
{subtitle}
|
|
</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|