import React from "react";
import Link from "next/link";
import Image from "next/image";

const PageBanner = ({
  pageTitle,
  homePageUrl,
  homePageText,
  activePageText,
}) => {
  return (
    <>
      <div className="page-title-area">
        <div className="image-wrapper">
          <Image
            src="/images/page-title-bg.jpg"
            alt="Page Title Background"
            layout="fill"
            objectFit="cover"
            priority
          />
        </div>
        <div className="container">
          <div className="page-title-content">
            <h2>{pageTitle}</h2>
            <ul>
              <li>
                <Link href={homePageUrl}>{homePageText}</Link>
              </li>
              <li>{activePageText}</li>
            </ul>
          </div>
        </div>
      </div>
    </>
  );
};

export default PageBanner;