almost change all layouts to ssr

components/layout/footer/index.js

@@ -17,15 +17,23 @@ import HeadMenu from "./menu/HeadMenu";
 import ListMenu from "./menu/ListMenu";
 import { useState } from "react";
 
-const socialMedias = [<Linkedin />, <Telegram />, <Whatsapp />, <Instagram />];
-
 const head = [
   { icon: <LocationF />, text: "جستجوی پزشک در شهر شما" },
   { icon: <CalendarAddF />, text: "نوبت گیری سریع و آسان" },
   { icon: <StethoscopeF />, text: "دشبورد اختصاصی برای پزشکان" },
 ];
 
-function Footer() {
+function Footer({ matchedCity }) {
+  const socialMedias = [{
+    icon: <Instagram />,
+    name: 'instagram'
+  }, {
+    icon: <Telegram />,
+    name: 'telegram'
+  }, {
+    icon: <Whatsapp />,
+    name: 'whatsapp'
+  }];
   const [openMenu, setOpenMenu] = useState({
     right: false,
     left: false,
@@ -59,11 +67,8 @@ function Footer() {
         <div className="w-full lg:w-fit flex gap-[12px] lg:gap-[30px] flex-col items-start">
           {/* Icon */}
           <Logo />
-          <p className="w-full lg:w-fit text-[#616161] text-[14px] font-normal">
-            724 یک وبسایت نوبت دهی آنلاین می باشد که
-            <br className="hidden lg:flex" /> بستری آسان برای پزشکان و بیماران
-            فراهم کرده
-            <br className="hidden lg:flex" /> است.{" "}
+          <p className="w-full lg:w-fit lg:max-w-[260px] text-[#616161] text-[14px] font-normal">
+            {matchedCity?.footerDescription}
           </p>
           <div className="hidden lg:flex">
             <LogoNamad />
@@ -101,8 +106,8 @@ function Footer() {
                 key={idx}
                 className="p-2.5 bg-[#EAECFA] hover-rotate-icon cursor-pointer rounded-full w-fit"
               >
-                <Link href="/" className="min-h-fit">
-                  {item}
+                <Link href={matchedCity?.socialMedia[item.name] || '/'} className="min-h-fit">
+                  {item.icon}
                 </Link>
               </li>
             ))}
@@ -113,7 +118,7 @@ function Footer() {
         </div>
       </div>
       <p className="text-center text-[#7E7E7E] text-[12px] font-normal">
-        کلیه حقوق وبسایت برای این شرکت می باشد.
+        {matchedCity?.footerDisclaimer}
       </p>
     </div>
   );