Function PageHeader

src/components/PageHeader/index.tsx:12–30

({
  heading,
  subheading,
}: PageHeaderProps)

};

export default function PageHeader({
  heading,
  subheading,
}: PageHeaderProps): JSX.Element {
  useForcedDarkTheme();

  return (
    <header className={clsx("bg-11-o-clock text-white", styles.pageHeader)}>
      <div className="container">
        <div className="row">
          <div className="col col--12">
            <h1 className="type-alpha">{heading}</h1>
            <p className="type-paragraph-large">{subheading}</p>
          </div>
        </div>
      </div>
    </header>
  );
}