Footer Done

src/components/Footer/index.js

@@ -15,66 +15,66 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
     '<a referrerpolicy="origin" target="_blank" href="https://trustseal.enamad.ir/?id=224965&amp;Code=x8oNSO7tTnqAniyPpPyN"><img referrerpolicy="origin" src="https://Trustseal.eNamad.ir/logo.aspx?id=224965&amp;Code=x8oNSO7tTnqAniyPpPyN" alt="" style="cursor:pointer" id="x8oNSO7tTnqAniyPpPyN"></a>';
   return (
     <>
-    {hasHeader ?
-    <div className=" bg-gray-100 flex items-center justify-center py-6 text-blue52">
+      {hasHeader ?
+        <div className=" bg-gray-100 flex items-center justify-center py-6 text-blue52">
 
-      <div className="flex items-center ml-8 ">
-        <img src={callIcon} className="p-2"/>
-        <div>
-          <h1 className="text-3xl text-bold mb-2 font-black">
-            <span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته
-          </h1>
-          <p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
-        </div>
-      </div>
+          <div className="flex items-center ml-8 ">
+            <img src={callIcon} className="p-2" />
+            <div>
+              <h1 className="text-3xl text-bold mb-2 font-black">
+                <span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته
+              </h1>
+              <p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
+            </div>
+          </div>
 
-      <div className="mr-8 text-lg font-black">
-          <h1 className="text-left mb-2">654412 021</h1>
-          <h1>Info[at]danovin.ir</h1>
-      </div>
+          <div className="mr-8 text-lg font-black">
+            <h1 className="text-left mb-2">654412 021</h1>
+            <h1>Info[at]danovin.ir</h1>
+          </div>
 
-    </div>
-     : null}
-    <footer
-      className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
-    >
-      <div className="w-11/12 flex justify-between">
-      <div className="flex items-start">
-        <>
-          {
-            links.map((section, index) => <ul className={index != 0 ? 'mr-12' : ''} key={index}>
+        </div>
+        : null}
+      <footer
+        className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
+      >
+        <div className="w-11/12 flex justify-between">
+          <div className="flex items-start">
+            <>
               {
-                section.map((link, index) => <li
-                className={`font-light text-xs leading-7 hover:font-bold  ${color}`}
-                key={index}
-              >
-                <a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a>
-              </li>)
+                links.map((section, index) => <ul className={index != 0 ? 'mr-20' : ''} key={index}>
+                  {
+                    section.map((link, index) => <li
+                      className={`font-light text-xs leading-7 hover:font-bold  ${color}`}
+                      key={index}
+                    >
+                      <a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a>
+                    </li>)
+                  }
+                </ul>)
               }
-            </ul>)
-          }
-        </>
-      </div>
-      <div className="flex items-center justify-between mt-10 md:mt-0">
-      <div
-        dangerouslySetInnerHTML={{
-          __html: enamad,
-        }}
-        className="w-28  p-2 rounded-md bg-gray-300 mx-6"
-      >
+            </>
+          </div>
+          <div className="flex items-center justify-between mt-10 md:mt-0">
+            <div
+              dangerouslySetInnerHTML={{
+                __html: enamad,
+              }}
+              className="w-28  p-2 rounded-md bg-gray-300 mx-6"
+            >
 
-      </div>
-        <img src={samandehi} alt="" className="w-28  p-2 rounded-md bg-gray-300 mr-6" />
-      </div>
-      </div>
-      {/* line
+            </div>
+            <img src={samandehi} alt="" className="w-28  p-2 rounded-md bg-gray-300 mr-6" />
+          </div>
+        </div>
+        {/* line
       <img
         src={lightBlueLine}
         alt=""
         className="hidden sm:block absolute bottom-5 left-20"
       /> */}
 
-    </footer>
+      </footer>
     </>
   );
 };
@@ -84,9 +84,24 @@ export default FooterDesign1;
 FooterDesign1.defaultProps = {
   links: [
     ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
-    ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
-    ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
-    ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
+    [
+      "خدمات مشتریان",
+      "شرایط و ضوابط استفاده",
+      " راهنمای خرید",
+      "همکاری تجاری"
+    ],
+    [
+      "کاربری",
+      "حساب کاربری",
+      "سبد خرید",
+      "داشبورد کاربری"
+    ],
+    [
+      "رضایت مشتریان",
+      "رسیدگی به شکایات",
+      "پیگیری سفارشات"
+    ],
+    
   ],
   bg: "bg-white",
   color: "text-gray-600",