feat: Enhance metadata generation for About Us and Contact Us pages, implement legacy slug resolution for blog posts, and add city-specific intros

components/contactUs/call/Call.js

@@ -1,6 +1,6 @@
 import Links from "./Links";
 
-function Call({ matchedCity, isDefault }) {
+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"}`}
@@ -9,6 +9,11 @@ function Call({ matchedCity, isDefault }) {
       <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>
   );