import Image from 'next/image';

interface WelcomeImageProps {
  image?: any;
}

const WelcomeImage: React.FC<WelcomeImageProps> = ({ image }) => {
  return (
    <section className="wrapper tw-bg-main-white tw-relative">
      <div className="tw-absolute tw-top-0 tw-bottom-1/2 tw-left-0 tw-right-0 tw-bg-main-light tw-z-1" />
      <div className="container tw-relative tw-z-10">
        <div className="row gx-7  gy-7 gy-md-2">
          <div className="col-12  ">
            {image && image?.url ? (
              <Image src={image?.url} alt="city welcome image" width={image?.width} height={image?.height} />
            ) : (
              ''
            )}
          </div>
        </div>
      </div>
    </section>
  );
};

export default WelcomeImage;