frontend/src/components/PageHeader.tsx

import React from 'react';

interface PageHeaderProps {
  title: string;
  subtitle?: string;
}

const PageHeader: React.FC<PageHeaderProps> = ({ title, subtitle }) => {
  return (
    <div className="pt-24 pb-8 px-4 md:px-8">
      <h1 className="text-3xl md:text-4xl font-bold">{title}</h1>
      {subtitle && <p className="text-netflix-gray mt-2 text-lg">{subtitle}</p>}
    </div>
  );
};

export default PageHeader;