page home responsive & change component element & page blog item

components/layout/header/index.js

@@ -13,8 +13,6 @@ import UserLogin from "@/components/icons/UserLogin";
 function Header({ name }) {
 
     const [isActive, setIsActive] = useState(false);
-    console.log(name);
-
 
     return (
         <div

components/layout/header/list/Row.js

@@ -4,7 +4,7 @@ import Link from "next/link";
 
 function Row({ name }) {
     return (
-        <ul className="hidden lg:flex items-center justify-center gap-[40px]">
+        <ul className="hidden lg:flex items-center justify-center gap-[30px] xl:gap-[40px]">
             {listNav.map(nav => (
                 <li
                     key={nav.id}
@@ -12,9 +12,9 @@ function Row({ name }) {
                     <Link
                         href={nav.link}
                         className={`
-                                ${isActiveURL(nav.link.replace('/', ''), name) ? '!text-[#526CAC]' : 'text-[#525252]'}
-                                    text-[16px] font-medium
-                                `}
+                            ${isActiveURL(nav.link.replace('/', ''), name) ? '!text-[#526CAC]' : 'text-[#525252]'}
+                            text-[16px] font-medium
+                        `}
                     >
                         {nav.name}
                     </Link>

components/layout/header/list/col/index.js

@@ -4,9 +4,6 @@ import Link from "next/link";
 import { isActiveURL } from "@/helper";
 
 function Col({ isActive, setIsActive, name }) {
-
-    console.log(name);
-
     return (
         <div className="flex lg:hidden">
             {/* <Button variant="text" className="!p-0.5">