import Seperator from "@components/Seperator";
import Image from "next/legacy/image";

const ServiceBanner = ({ altText, src, color }: any) => {
  return (
    <>
      <section>
        <div className="content-fluid">
          <Seperator />
          <div className="service-index-banner-wrapper">
            <div className={`overlay ${color}`}></div>
            <Image
              priority={true}
              className="object-cover absolute"
              src={src}
              layout="fill"
              sizes="50vw"
              alt={altText}
            />
          </div>
        </div>
      </section>
    </>
  );
};

export default ServiceBanner;