import Links from "./Links";

function Call({ matchedCity, isDefault, cityIntro }) {
  return (
    <div
      className={`lg:min-w-[calc(50%_+_70px)] bg-banner-about !bg-center !bg-no-repeat !bg-cover h-fit pt-[16px] sm:pt-[29px] md:pt-[42px] lg:pt-[55px] bg-contact rounded-[8px] pb-[30px] sm:pb-[42px] md:pb-[55px] overflow-hidden lg:pb-[171px] px-[16px] sm:px-[27px] md:px-[39px] lg:px-[48px] ${isDefault ? "lg:pl-[18%]" : "w-full"}`}
    >
      <h1 className="text-[#FAFAFA] text-[20px] font-bold">تماس با ما</h1>
      <h2 className="text-[#FAFAFA] leading-[26px] text-[14px] md:text-[16px] font-normal mt-6">
        {matchedCity?.footer_description || "برای ارتباط با ما از راه های زیر استفاده کنید"}
      </h2>
      {cityIntro && (
        <p className="text-[#E5E5F5] leading-[26px] text-[13px] md:text-[15px] font-normal mt-4">
          {cityIntro}
        </p>
      )}
      <Links matchedCity={matchedCity} />
    </div>
  );
}

export default Call;