17 lines
533 B
JavaScript
17 lines
533 B
JavaScript
// Reusable section header component
|
|
// eslint-disable-next-line react/prop-types
|
|
export function SectionHeader({ title, subtitle, className }) {
|
|
return (
|
|
<div className={`text-center mb-16 text-white ${className}`}>
|
|
<h2 className="text-3xl md:text-4xl font-bold mb-4">
|
|
{title}
|
|
</h2>
|
|
<div className="w-24 h-1 bg-blue-600 mx-auto mb-8"></div>
|
|
{subtitle && (
|
|
<p className="text-xl max-w-2xl mx-auto">
|
|
{subtitle}
|
|
</p>
|
|
)}
|
|
</div>
|
|
);
|
|
} |