change design footer & home & fields

components/layout/footer/menu/HeadMenu.js

@@ -7,7 +7,7 @@ function HeadMenu({ title, name, isOpen, changeMenu }) {
       className="!flex lg:!hidden !items-center !justify-between !w-full !py-[8px] !px-[4px] !border !border-solid !border-transparent !rounded-bl-none !rounded-br-none !border-b-[#E5E5E5]"
       onClick={() => changeMenu(name)}
     >
-      <p className="text-[#262866] text-[14px] font-medium">{title}</p>
+      <p className="text-[#262866] text-[14px] font-medium">{title.name}</p>
       <div
         className={`
                 transition-all duration-500

components/layout/footer/menu/ListMenu.js

@@ -1,6 +1,9 @@
+import Link from "next/link";
 import React from "react";
 
 function ListMenu({ list, isOpen }) {
+  console.log(list);
+
   return (
     <ul
       className={`
@@ -21,7 +24,7 @@ function ListMenu({ list, isOpen }) {
             text-[16px] w-fit
             `}
         >
-          {item}
+          {item.link ? <Link href={item.link}>{item.name}</Link> : item.name}
         </li>
       ))}
     </ul>