import * as React from 'react';

export interface AboutPageHeaderProps {
  title: string;
  subtitle: string;
}

export function AboutPageHeader({ title, subtitle }: AboutPageHeaderProps) {
  return (
    <div className="container mx-auto px-4 py-12 md:py-16 pb-6 md:pb-8">
      <div className="mb-10">
        <h1 className="text-3xl md:text-4xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
          {title}
        </h1>
        <p className="text-text-light-gray text-sm">
          {subtitle}
        </p>
      </div>
    </div>
  );
}
