export default function SectionTitle({ title, subtitle }) {
  return (
    <div className="text-center mb-8">
      <h2 className="text-2xl sm:text-3xl font-bold text-foreground">{title}</h2>
      {subtitle && (
        <p className="text-muted-foreground mt-2 text-sm sm:text-base max-w-xl mx-auto">{subtitle}</p>
      )}
    </div>
  );
}