handle data and change design page about-us and contact-us

components/contactUs/call/Call.js

@@ -1,19 +1,16 @@
 import Links from "./Links";
 
-function Call({ isDefault }) {
+function Call({ matchedCity, isDefault }) {
   return (
     <div
-      className={`lg:min-w-[calc(50%_+_70px)] bg-banner-about !bg-center !bg-no-repeat !bg-cover lg:pl-[18%] h-fit pt-[16px] sm:pt-[29px] md:pt-[42px] lg:pt-[55px] 
+      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 && 'w-full'}`}
+        ${isDefault ? 'lg:pl-[18%]' : 'w-full'}`}
     >
       <p className="text-[#FAFAFA] text-[20px] font-bold">تماس با ما</p>
-      <p className="text-[#FAFAFA] leading-[26px] text-[14px] md:text-[16px] font-normal mt-6">
-        سامانه نوبت 724 به مردم کمک می کند تا دسترسی آسان تر و سریع تری به خدمات
-        پزشکی و درمانی داشته باشند.
-      </p>
-      <Links />
+      <p className="text-[#FAFAFA] leading-[26px] text-[14px] md:text-[16px] font-normal mt-6">{matchedCity.footerDescription}</p>
+      <Links matchedCity={matchedCity} />
     </div>
   );
 }

components/contactUs/call/Links.js

@@ -5,21 +5,23 @@ import EmailC from "../../icons/EmailC";
 import WhatsappC from "../../icons/WhatsappC";
 import ContentContact from "../ContentContact";
 
-function Links() {
+function Links({ matchedCity }) {
     return (
         <ul className="flex flex-col mt-[68px] justify-start items-start gap-[32px]">
-            <ContentContact url="tel:900300400" text="تلفن تماس: ۰۲۱۳۶۳۵۴۵۹۸">
+            <ContentContact url="tel:900300400" label='تلفن تماس: ' text={matchedCity.contactPhone}>
                 <CallC />
             </ContentContact>
             <ContentContact
                 url="https://wa.me/09124568794"
-                text="واتساپ: ۰۹۱۲۴۵۶۸۷۹۴"
+                text={matchedCity.socialMedia.whatsapp}
+                label='واتساپ: '
             >
                 <WhatsappC />
             </ContentContact>
             <ContentContact
                 url="mailto:batome@gmail.com"
-                text="ایمیل: batome@gmail.com"
+                text={matchedCity.email}
+                label='ایمیل: '
             >
                 <EmailC />
             </ContentContact>