export type HeroProps = {
  title: string;
  subtitle: string;
};

export function Hero({ title, subtitle }: HeroProps) {
  return (
    <section className="flex min-h-[60vh] w-full flex-col items-center justify-center px-6 py-24 text-center">
      <h1 className="max-w-3xl text-5xl font-bold tracking-tight text-black md:text-6xl">
        {title}
      </h1>
      <p className="mt-6 max-w-xl text-lg text-neutral-600">{subtitle}</p>
    </section>
  );
}
