import type { PortfolioLayout1Content } from "@/data/portfolio-layout1";
import Layout1Image from "./Layout1Image";

export default function Layout1PageBanner({
  data,
}: {
  data: PortfolioLayout1Content["banner"];
}) {
  return (
    <div className="page-banner4 space-md">
      <h2 className="page-title">{data.pageTitle}</h2>
      <div className="container-fluid">
        <div
          className="page-img5"
          data-aos="zoom-in"
          data-aos-duration={900}
          data-aos-delay={data.aosDelay}
        >
          <Layout1Image
            src={data.imageSrc}
            alt={data.imageAlt}
            width={data.imageWidth}
            height={data.imageHeight}
            sizes={data.imageSizes}
            priority={data.imagePriority}
            fluid
          />
        </div>
      </div>
    </div>
  );
}