fix/header

src/components/ui/layout/header.tsx

@@ -57,10 +57,9 @@ function Header() {
       </div>
 
       <div className="sticky top-0 z-50 bg-[#ededed] shadow-md">
-        <div className="w-full flex justify-center">
-          <div className="max-w-[1200px] w-full px-4 flex items-center justify-between h-20">
+        <div className="w-full flex justify-between">
           {/* Logo */}
-            <a href="#" className="flex items-center">
+          <a href="/" className="flex items-center">
             <Image
               className="w-[140px] object-contain lg:ml-0 ml-10"
               src={logo}
@@ -69,7 +68,7 @@ function Header() {
           </a>
 
           {/* Desktop Menu */}
-            <nav className="hidden lg:flex items-center flex-1 ml-8">
+          <nav className="hidden lg:flex items-center">
             {/* Dùng component MenuItem để gọn */}
             <MenuItem
               title="Giới thiệu"
@@ -175,7 +174,6 @@ function Header() {
             {toggleMenu ? <X size={20} /> : <Menu size={20} />}
           </button>
         </div>
-        </div>
 
         {/* Mobile Menu */}
         <div