fix/header_link

src/app/(main)/_lib/layout/MenuItem.tsx

-const MenuItem = ({ title, items, link }: { title: string; items: string[]; link?: string }) => (
+import Link from "next/link";
+
+type MenuItemProps = {
+  title: string;
+  link?: string;
+  items: { title: string; link: string }[];
+};
+
+const MenuItem = ({ title, link, items }: MenuItemProps) => {
+  return (
     <div className="group relative">
-    <a
+      <Link
+        href={`/${link || ""}`}
         className="px-3 py-5 text-[16px] font-[600] text-[#124588] hover:text-[#E8C518] transition block"
-      href={`${link}`}
       >
         {title}
-    </a>
+      </Link>
+
+      {/* Dropdown */}
       <div className="absolute left-0 top-full hidden group-hover:block bg-[#124588]/98 text-white text-[14px] font-[500] min-w-[220px] shadow-lg">
         {items.map((item, i) => (
-        <div
+          <Link
             key={i}
-          className="px-5 py-3 hover:bg-[#e8c518]/80 cursor-pointer whitespace-nowrap"
+            href={`/${link}/${item.link}`}
+            className="block px-5 py-3 hover:bg-[#e8c518]/80 cursor-pointer whitespace-nowrap transition"
           >
-          {item}
-        </div>
+            {item.title}
+          </Link>
         ))}
       </div>
     </div>
-);
+  );
+};
 
 export default MenuItem;

src/app/(main)/_lib/layout/header.tsx

@@ -75,35 +75,72 @@ function Header() {
                 title="Giới thiệu"
                 link="gioi-thieu"
                 items={[
-                  "Về VCCI-HCM",
-                  "Chức Năng Và Nhiệm Vụ",
-                  "Sơ Đồ Tổ Chức",
-                  "Dịch Vụ Cung Cấp",
+                  { title: "Về VCCI-HCM", link: "ve-vcci-hcm" },
+                  {
+                    title: "Chức Năng Và Nhiệm Vụ",
+                    link: "chuc-nang-va-nhiem-vu",
+                  },
+                  { title: "Sơ Đồ Tổ Chức", link: "so-do-to-chuc" },
+                  { title: "Dịch Vụ Cung Cấp", link: "dich-vu-cung-cap" },
                 ]}
               />
               <MenuItem
                 title="Hội viên"
                 link="hoi-vien"
                 items={[
-                  "Lợi Ích Của Hội Viên VCCI",
-                  "Đăng Ký Hội Viên",
-                  "Kết Nối Hội Viên",
-                  "Tin Hội Viên",
+                  {
+                    title: "Lợi Ích Của Hội Viên VCCI",
+                    link: "",
+                  },
+                  { title: "Đăng Ký Hội Viên", link: "dang-ky-hoi-vien" },
+                  { title: "Kết Nối Hội Viên", link: "ket-noi-hoi-vien" },
+                  { title: "Tin Hội Viên", link: "tin-hoi-vien" },
+                ]}
+              />
+              <MenuItem
+                title="Hoạt động"
+                link="hoat-dong"
+                items={[
+                  { title: "Sự Kiện", link: "" },
+                  { title: "Đào Tạo", link: "dao-tao" },
                 ]}
               />
-              <MenuItem title="Hoạt động" items={["Sự Kiện", "Đào Tạo"]} />
               <MenuItem
                 title="Xuất Xứ Hàng Hóa"
                 link="xuat-xu-hang-hoa"
                 items={[
-                  "Định Nghĩa Chung",
-                  "Mục Đích Của C/O",
-                  "Luật Áp Dụng Về C/O",
-                  "Thủ Tục Cấp C/O",
-                  "Biểu Mẫu C/O Và Cách Khai",
-                  "Phí Và Lệ Phí Cấp C/O",
-                  "Điểm Cấp Và Thời Gian Cấp C/O",
-                  "Thông Tin Liên Hệ",
+                  {
+                    title: "Định Nghĩa Chung",
+                    link: "dinh-nghia-chung",
+                  },
+                  {
+                    title: "Mục Đích Của C/O",
+                    link: "muc-dich",
+                  },
+                  {
+                    title: "Luật Áp Dụng Về C/O",
+                    link: "luat-ap-dung",
+                  },
+                  {
+                    title: "Thủ Tục Cấp C/O",
+                    link: "thu-tuc-cap",
+                  },
+                  {
+                    title: "Biểu Mẫu C/O Và Cách Khai",
+                    link: "bieu-mau-c-o-va-cach-khai",
+                  },
+                  {
+                    title: "Phí Và Lệ Phí Cấp C/O",
+                    link: "phi-va-le-phi-cap",
+                  },
+                  {
+                    title: "Điểm Cấp Và Thời Gian Cấp C/O",
+                    link: "diem-cap-va-thoi-gian-cap",
+                  },
+                  {
+                    title: "Thông Tin Liên Hệ",
+                    link: "thong-tin-lien-he",
+                  },
                 ]}
               />
 
@@ -151,23 +188,29 @@ function Header() {
                 title="Xúc tiến thương mại"
                 link="xuc-tien-thuong-mai"
                 items={[
-                  "Hồ Sơ Thị Trường",
-                  "Môi Trường Kinh Doanh",
-                  "Cơ Hội Kinh Doanh",
-                  "Hỗ Trợ Kinh Doanh",
+                  { title: "Hồ Sơ Thị Trường", link: "ho-so-thi-truong" },
+                  {
+                    title: "Môi Trường Kinh Doanh",
+                    link: "moi-truong-kinh-doanh",
+                  },
+                  { title: "Cơ Hội Kinh Doanh", link: "co-hoi-kinh-doanh" },
+                  { title: "Hỗ Trợ Kinh Doanh", link: "ho-tro-kinh-doanh" },
                 ]}
               />
               <MenuItem
                 title="Thông tin truyền thông"
                 link="thong-tin-truyen-thong"
                 items={[
-                  "Tin VCCI",
-                  "Tin Kinh Tế",
-                  "Tin Doanh Nghiệp",
-                  "Chuyên Đề",
-                  "Thông Tin Chính Sách Và Pháp Luật",
-                  "Ấn Phẩm",
-                  "Thư Viện Tài Liệu",
+                  { title: "Tin VCCI", link: "tin-vcci" },
+                  { title: "Tin Kinh Tế", link: "tin-kinh-te" },
+                  { title: "Tin Doanh Nghiệp", link: "tin-doanh-nghiep" },
+                  { title: "Chuyên Đề", link: "chuyen-de" },
+                  {
+                    title: "Thông Tin Chính Sách Và Pháp Luật",
+                    link: "thong-tin-chinh-sach-va-phap-luat",
+                  },
+                  { title: "Ấn Phẩm", link: "an-pham" },
+                  { title: "Thư Viện Tài Liệu", link: "thu-vien-tai-lieu" },
                 ]}
               />
             </nav>
@@ -184,7 +227,8 @@ function Header() {
 
         {/* Mobile Menu */}
         <div
-          className={`lg:hidden bg-white shadow-lg transition-all duration-300 overflow-hidden ${toggleMenu ? "max-h-96 opacity-100" : "max-h-0 opacity-0"
+          className={`lg:hidden bg-white shadow-lg transition-all duration-300 overflow-hidden ${
+            toggleMenu ? "max-h-96 opacity-100" : "max-h-0 opacity-0"
           }`}
         >
           {[