Footer improvements

Author: Tarun Sharma

src/components/Global/Footer.js

@@ -3,7 +3,7 @@ import Link from "next/link";
 
 const navigation = [
   {
-    name: "ABOUT US",
+    name: "About Us",
     href: "/about",
     children: [
       { name: "Who we are?", href: "/about#who" },
@@ -12,7 +12,7 @@ const navigation = [
     ],
   },
   {
-    name: "SOCIALS",
+    name: "Socials",
     href: "/",
     children: [
       { name: "GitHub", href: "" },
@@ -22,12 +22,12 @@ const navigation = [
     ],
   },
   {
-    name: "CONTACT",
+    name: "Contact",
     href: "/contact",
     children: [{ name: "Contact us", href: "" }],
   },
   {
-    name: "PARTNERS",
+    name: "Partners",
     href: "/partners",
     children: [
       { name: "Our partners", href: "" },
@@ -45,11 +45,7 @@ const Footer = () => {
             <div className="flex justify-center text-teal-600 sm:justify-start">
               <a href="https://webxdao.github.io/">
                 <span className="sr-only">WebX DAO</span>
-                <img
-                  className="w-auto h-16 sm:h-10 md:h-[4.2rem]"
-                  src="/images/logo/logo.png"
-                  alt=""
-                />
+                <img className="w-auto sm:h-14 md:h-16 h-12" src="/images/logo/logo.png" alt="" />
               </a>
             </div>
             {/*
@@ -64,15 +60,14 @@ const Footer = () => {
                 <div key={item.name + "_footer"} className="sm:text-left">
                   <p className="text-lg sm:text-sm font-medium text-white/90">{item.name}</p>
 
-                  <nav className="mt-4 sm:mt-8" aria-label={item.name}>
+                  <nav className="mt-4 sm:mt-3" aria-label={item.name}>
                     <ul className="space-y-4 text-sm">
                       {item.children.map((child) => (
                         <li key={child.name}>
-                          <Link
-                            className="transition text-white/60 hover:text-white/60/75"
-                            href="/"
-                          >
-                            <span className="text-white/60">{child.name}</span>
+                          <Link href="/">
+                            <span className="text-white/60 hover:text-white/95 transition cursor-pointer">
+                              {child.name}
+                            </span>
                           </Link>
                         </li>
                       ))}