fix bug modal search location in home && send request after click on continue for update list clinics && change style on hover text of specialties and service in clinics page && add loading for list of clinics && fix bug page doctor item && link footer to clinic-pro

components/layout/footer/index.js

@@ -20,7 +20,11 @@ import { useState } from "react";
 const head = [
   { icon: <LocationF />, text: "جستجوی پزشک در شهر شما" },
   { icon: <CalendarAddF />, text: "نوبت گیری سریع و آسان" },
-  { icon: <StethoscopeF />, text: "دشبورد اختصاصی برای پزشکان" },
+  {
+    icon: <StethoscopeF />,
+    text: "دشبورد اختصاصی برای پزشکان",
+    link: "https://clinic-pro.ir/",
+  },
 ];
 
 function Footer({ matchedCity }) {
@@ -50,16 +54,21 @@ function Footer({ matchedCity }) {
     <div className="pb-[11px]">
       <div className="flex items-center justify-evenly gap-[12px]">
         {head.map((item, idx) => (
-          <div
+          <Link
             key={idx}
-            className="flex flex-col lg:flex-row items-center cursor-pointer justify-start gap-1 p-[6px] hover:transition-all 
-                        transition-all duration-300 hover:duration-300 rounded-[8px] border-solid border border-[#EFEFEF] bg-[#F7F7F7] hover:bg-none hover:border-[#FDBD9F]"
+            href={item.link || ""}
+            onClick={(e) => !item.link && e.preventDefault}
           >
-            {item.icon}
-            <p className="text-[#2F2F2F] text-center text-[12px] sm:text-[14px] md:text-[16px] font-medium">
-              {item.text}
-            </p>
-          </div>
+            <div
+              className="flex flex-col lg:flex-row items-center cursor-pointer justify-start gap-1 p-[6px] hover:transition-all 
+            transition-all duration-300 hover:duration-300 rounded-[8px] border-solid border border-[#EFEFEF] bg-[#F7F7F7] hover:bg-none hover:border-[#FDBD9F]"
+            >
+              {item.icon}
+              <p className="text-[#2F2F2F] text-center text-[12px] sm:text-[14px] md:text-[16px] font-medium">
+                {item.text}
+              </p>
+            </div>
+          </Link>
         ))}
       </div>
       <span className="h-px bg-[#D7D7D7] mb-[40px] mt-[48px] w-full block"></span>