update design footer

components/layout/Footer.js

@@ -5,6 +5,9 @@ import Telegram from "../icons/Telegram";
 import Whatsapp from "../icons/Whatsapp";
 import Instagram from "../icons/Instagram";
 import Link from "next/link";
+import LocationF from "../icons/LocationF";
+import CalendarAddF from "../icons/CalendarAddF";
+import StethoscopeF from "../icons/StethoscopeF";
 
 const socialMedias = [
     <Linkedin />,
@@ -13,6 +16,12 @@ const socialMedias = [
     <Instagram />
 ]
 
+const head = [
+    { icon: <LocationF />, text: 'جستجوی پزشک در شهر شما' },
+    { icon: <CalendarAddF />, text: 'نوبت گیری سریع و آسان' },
+    { icon: <StethoscopeF />, text: 'دشبورد اختصاصی برای پزشکان' }
+]
+
 const Namads = [
     '/assets/images/footer-etehadie.png',
     '/assets/images/footer-r.png',
@@ -22,8 +31,16 @@ const Namads = [
 function Footer() {
     return (
         <div>
-            <span className="h-px bg-[#D7D7D7] w-full block"></span>
-            <div className="pt-[40px] pb-[60px] flex items-start justify-between">
+            <div className="flex items-center justify-center gap-[100px]">
+                {head.map((item, idx) => (
+                    <div key={idx} className="flex items-center justify-start gap-1">
+                        {item.icon}
+                        <p className="text-[#2F2F2F] text-[16px] font-medium">{item.text}</p>
+                    </div>
+                ))}
+            </div>
+            <span className="h-px bg-[#D7D7D7] mb-[40px] mt-[48px] w-full block"></span>
+            <div className="pb-[60px] flex items-start justify-between">
                 {/* Right */}
                 <div className="flex gap-[30px] flex-col items-start">
                     {/* Icon */}