import Image from "next/image";

export default function HeroProgramImage({
  image,
  title,
}: {
  image: string | null;
  title: string | null;
}) {
  return (
    <section className="relative w-full h-[40vh] overflow-hidden">
      <Image
        src={image || "/images/event.jpg"}
        alt={title || "Program Image"}
        fill
        className="object-cover"
        priority
      />
    </section>
  );
}