Footer Done

src/components/Footer/index.js

@@ -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",