Footer Done

src/components/Footer/index.js

@@ -19,7 +19,7 @@ const FooterDesign1 = ({ color, bg, links, 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"/>
+            <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> ساعته
@@ -42,7 +42,7 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
           <div className="flex items-start">
             <>
               {
-            links.map((section, index) => <ul className={index != 0 ? 'mr-12' : ''} key={index}>
+                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}`}
@@ -84,9 +84,24 @@ export default FooterDesign1;
 FooterDesign1.defaultProps = {
   links: [
     ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
-    ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
-    ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
-    ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
+    [
+      "خدمات مشتریان",
+      "شرایط و ضوابط استفاده",
+      " راهنمای خرید",
+      "همکاری تجاری"
+    ],
+    [
+      "کاربری",
+      "حساب کاربری",
+      "سبد خرید",
+      "داشبورد کاربری"
+    ],
+    [
+      "رضایت مشتریان",
+      "رسیدگی به شکایات",
+      "پیگیری سفارشات"
+    ],
+    
   ],
   bg: "bg-white",
   color: "text-gray-600",