type HeroContentProps = {
  heroContentHeading?: string;
  heroContentDescription?: string;
  heroContentImageSrc?: string;
  heroContentImageAlt?: string;
};

export default function HeroContent(
  {
    heroContentHeading = "Industry Leaders Speak",
    heroContentDescription = "At Taiwan AI Academy, our partners and sponsors are at the forefront of AI transformation. Across industries, leading enterprises have joined us to advance AI education, develop top-tier talent, and drive innovation. Their experiences speak for themselves—hear how partnering with us has created lasting value, strengthened industry expertise, and shaped the future of AI in Taiwan.",
    heroContentImageSrc = "images/img-heroContent.png",
    heroContentImageAlt = "",
  }: HeroContentProps
) {
  return (
    <section className="heroContent">
      <div className="container heroContent-container">
        <figure className="heroContent-background">
          <img
            className="object-cover object-center w-full h-full"
            src={heroContentImageSrc}
            alt={heroContentImageAlt}
          />
        </figure>
        <h2 className="heroContent-heading">
          {heroContentHeading}
        </h2>
        <p className="heroContent-description">
          {heroContentDescription}
        </p>
      </div>
    </section>
  );
}