change design footer & home & fields

components/layout/footer/index.js

@@ -91,7 +91,7 @@ function Footer() {
         </div>
 
         {/* Left */}
-        <div className="w-full lg:w-fit flex flex-row lg:flex-col items-center lg:items-start justify-center gap-[50px]">
+        <div className="w-full lg:w-fit flex flex-row lg:flex-col items-center lg:items-start justify-center gap-[32px]">
           <p className="text-[#3B3B3B] after:!duration-500 w-fit text-[16px] after:hover:w-full after:transition-all after:hover:bg-[#F17732] font-bold pb-1.5 relative after:absolute after:right-0 after:h-0.5 after:bottom-0 after:w-0">
             همراه با ما باشید:
           </p>

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>