Footer Fixed

src/components/Footer/index.js

@@ -21,10 +21,10 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
           <div className="flex items-center ml-8 ">
             <img src={callIcon} className="p-2" />
             <div>
-              <h1 className="text-3xl text-bold mb-2 font-black">
+              <h1 className="text-2xl 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>
+              <p className="text-lg font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
             </div>
           </div>
 
@@ -36,19 +36,19 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
         </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}`}
+        className={`flex flex-col bg-gray-200 py-16 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-20' : ''} key={index}>
+                links.map((section, index) => <ul className={index != 0 ? 'mr-16' : ''} key={index}>
                   {
                     section.map((link, index) => <li
-                      className={`font-light text-xs leading-7 hover:font-bold  ${color}`}
+                      className={`font-light text-md leading-7 hover:font-bold  ${color}`}
                       key={index}
                     >
-                      <a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a>
+                      <a href="" className={`${index == 0 ? ' text-lg font-bold' : ''}`}>{link}</a>
                     </li>)
                   }
                 </ul>)