nvis-fe-cms-libs 1.1.34 → 1.1.36

package/dist/nvis-fe-cms-libs.umd.js

@@ -897,72 +897,63 @@ var __async = (__this, __arguments, generator) => {
       return () => itemRef.current && observer.unobserve(itemRef.current);
     }, []);
     const logoSrc = getLogoUrl(partner.logoUrl);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        ref: itemRef,
-        className: `partner-card relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden
-    ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-500" : "bg-white border border-gray-200 hover:border-blue-300"}
-    ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
-        style: { transitionDelay: `${idx * 150}ms` },
-        onClick: () => partner.websiteUrl && window.open(partner.websiteUrl, "_blank"),
-        children: [
-          isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: "absolute w-12 h-12 bg-white/5 rounded-full",
-                style: { left: "10%", top: "20%" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: "absolute w-10 h-10 bg-white/5 rounded-full",
-                style: { right: "30%", bottom: "10%" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: "absolute w-14 h-14 bg-white/5 rounded-md",
-                style: { left: "20%", bottom: "30%" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: 'absolute inset-0 bg-[url("data:image/svg+xml,%3Csvg width=\\\\\\"60\\\\\\" height=\\\\\\"60\\\\\\" viewBox=\\\\\\"0 0 60 60\\\\\\" xmlns=\\\\\\"http://www.w3.org/2000/svg\\\\\\"%3E%3Cg fill=\\\\\\"none\\\\\\" fill-rule=\\\\\\"evenodd\\\\\\"%3E%3Cg fill=\\\\\\"%23ffffff\\\\\\" fill-opacity=\\\\\\"0.05\\\\\\"%3E%3Ccircle cx=\\\\\\"30\\\\\\" cy=\\\\\\"30\\\\\\" r=\\\\\\"2\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")] opacity-20'
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "logo-container w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden", children: logoSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "img",
-            {
-              src: logoSrc,
-              alt: partner.name,
-              className: "logo-image max-w-full max-h-full object-contain"
-            }
-          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "h4",
-            {
-              className: `font-bold text-center mb-2 ${isDarkMode ? "text-white" : "text-gray-900"}`,
-              children: partner.name
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "p",
-            {
-              className: `text-sm text-center mb-2 ${isDarkMode ? "text-gray-300" : "text-gray-600"}`,
-              children: partner.description
-            }
-          ),
-          partner.websiteUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "website-hint", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-blue-600 font-medium", children: [
-            t("partners.viewDetails") || "Xem chi tiết",
-            " →"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("style", { jsx: true, children: `
+    const cardContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "absolute w-12 h-12 bg-white/5 rounded-full",
+            style: { left: "10%", top: "20%" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "absolute w-10 h-10 bg-white/5 rounded-full",
+            style: { right: "30%", bottom: "10%" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "absolute w-14 h-14 bg-white/5 rounded-md",
+            style: { left: "20%", bottom: "30%" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: 'absolute inset-0 bg-[url("data:image/svg+xml,%3Csvg width=\\\\\\"60\\\\\\" height=\\\\\\"60\\\\\\" viewBox=\\\\\\"0 0 60 60\\\\\\" xmlns=\\\\\\"http://www.w3.org/2000/svg\\\\\\"%3E%3Cg fill=\\\\\\"none\\\\\\" fill-rule=\\\\\\"evenodd\\\\\\"%3E%3Cg fill=\\\\\\"%23ffffff\\\\\\" fill-opacity=\\\\\\"0.05\\\\\\"%3E%3Ccircle cx=\\\\\\"30\\\\\\" cy=\\\\\\"30\\\\\\" r=\\\\\\"2\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")] opacity-20'
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "logo-container w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden", children: logoSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "img",
+        {
+          src: logoSrc,
+          alt: partner.name,
+          className: "logo-image max-w-full max-h-full object-contain"
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "h4",
+        {
+          className: `font-bold text-center mb-2 ${isDarkMode ? "text-white" : "text-gray-900"}`,
+          children: partner.name
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "p",
+        {
+          className: `text-sm text-center mb-2 ${isDarkMode ? "text-gray-300" : "text-gray-600"}`,
+          children: partner.description
+        }
+      ),
+      partner.websiteUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "website-hint", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-blue-600 font-medium", children: [
+        t("partners.viewDetails") || "Xem chi tiết",
+        " →"
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("style", { jsx: true, children: `
         .partner-card {
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         }
@@ -997,7 +988,32 @@ var __async = (__this, __arguments, generator) => {
           transform: translateY(0);
         }
       ` })
-        ]
+    ] });
+    if (partner.websiteUrl) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "a",
+        {
+          ref: itemRef,
+          href: partner.websiteUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: `partner-card relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden
+    ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-500" : "bg-white border border-gray-200 hover:border-blue-300"}
+    ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
+          style: { transitionDelay: `${idx * 150}ms`, textDecoration: "none" },
+          children: cardContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref: itemRef,
+        className: `partner-card relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out overflow-hidden
+    ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800" : "bg-white border border-gray-200"}
+    ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
+        style: { transitionDelay: `${idx * 150}ms` },
+        children: cardContent
       }
     );
   };
@@ -1013,13 +1029,14 @@ var __async = (__this, __arguments, generator) => {
     }, []);
     return width;
   }
-  const PartnersSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
+  const PartnersSection = ({ data, t, isDarkMode, imageBaseUrl = "", section }) => {
     var _a, _b;
     const partnersData = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.map((item) => item.data)) || [];
     const [currentPartnerSlide, setCurrentPartnerSlide] = require$$0.useState(0);
     const [partnersVisible, setPartnersVisible] = require$$0.useState(false);
     const partnersRef = require$$0.useRef(null);
     const windowWidth = useWindowSize$1();
+    const sectionTitle = (section == null ? void 0 : section.title) || "...";
     const getLogoUrl = (logoUrl) => {
       if (!logoUrl) return null;
       if (logoUrl.startsWith("http")) return logoUrl;
@@ -1063,28 +1080,16 @@ var __async = (__this, __arguments, generator) => {
     }, []);
     if (!partnersData.length) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
-            children: [
-              "🤝 ",
-              t("partners.header.badge")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "h2",
-          {
-            className: `text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? "text-white" : "text-gray-800"}`,
-            children: [
-              t("partners.header.title"),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2", children: t("partners.header.subtitle") })
-            ]
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: `inline-block px-4 py-2 rounded-full text-lg font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
+          children: [
+            "🤝 ",
+            sectionTitle
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: partnersRef, className: "relative overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
@@ -1370,114 +1375,54 @@ var __async = (__this, __arguments, generator) => {
       ] })
     ] }) });
   };
-  const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
-    const itemRef = require$$0.useRef(null);
-    const [visible, setVisible] = require$$0.useState(false);
-    const [isHovered, setIsHovered] = require$$0.useState(false);
-    if (!partner) return null;
-    require$$0.useEffect(() => {
-      const observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            if (entry.isIntersecting) {
-              setVisible(true);
-              observer.unobserve(entry.target);
-            }
-          });
-        },
-        { threshold: 0.2 }
-      );
-      if (itemRef.current) observer.observe(itemRef.current);
-      return () => itemRef.current && observer.unobserve(itemRef.current);
-    }, []);
-    const logoSrc = getLogoUrl ? getLogoUrl(partner.logoUrl) : null;
-    const handleImageError = (e) => {
-      e.target.style.display = "none";
-      e.target.nextSibling.style.display = "flex";
-    };
-    const handleClick = () => {
-      if (partner.websiteUrl) {
-        window.open(partner.websiteUrl, "_blank", "noopener,noreferrer");
-      }
-    };
+  const PartnerListCard = ({ partner, idx, t, isDarkMode, getLogoUrl }) => {
+    const logoUrl = getLogoUrl(partner.logo);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
+      "a",
       {
-        ref: itemRef,
-        className: `relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px] w-full
-        ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800" : "bg-white border border-gray-200"}
-        ${visible ? "opacity-100" : "opacity-0"}
-        ${isHovered ? isDarkMode ? "border-blue-500 shadow-lg shadow-blue-500/20" : "border-blue-300 shadow-lg shadow-blue-500/20" : ""}`,
+        href: partner.website || partner.url || "#",
+        target: partner.website || partner.url ? "_blank" : "_self",
+        rel: partner.website || partner.url ? "noopener noreferrer" : "",
+        className: `group relative overflow-hidden rounded-2xl transition-all duration-500 hover:-translate-y-2 hover:scale-105 ${isDarkMode ? "bg-gradient-to-br from-gray-800 to-gray-900 border border-gray-700 hover:border-blue-500/50" : "bg-gradient-to-br from-white to-gray-50 border border-gray-200 hover:border-blue-400/50"} shadow-lg hover:shadow-2xl`,
         style: {
-          transitionDelay: `${idx * 150}ms`,
-          transform: `translateY(${isHovered ? "-4px" : "0px"}) scale(${visible ? "1" : "0.75"})`,
-          position: "relative",
-          zIndex: isHovered ? 10 : 1
+          animationDelay: `${idx * 0.1}s`,
+          textDecoration: "none"
         },
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        onClick: handleClick,
         children: [
-          isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-12 h-12 bg-white/5 rounded-full pointer-events-none", style: { left: "10%", top: "20%", zIndex: -1 } }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-10 h-10 bg-white/5 rounded-full pointer-events-none", style: { right: "30%", bottom: "10%", zIndex: -1 } }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-14 h-14 bg-white/5 rounded-md pointer-events-none", style: { left: "20%", bottom: "30%", zIndex: -1 } }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 opacity-20 pointer-events-none", style: { zIndex: -1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-blue-500/0 via-purple-500/0 to-pink-500/0 group-hover:from-blue-500/10 group-hover:via-purple-500/10 group-hover:to-pink-500/10 transition-all duration-700" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative p-6 flex flex-col items-center justify-center min-h-[180px]", children: [
+            logoUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-24 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "img",
+              {
+                src: logoUrl,
+                alt: partner.name || t("partners.logoAlt") || "Partner logo",
+                className: "max-w-full max-h-full object-contain filter grayscale group-hover:grayscale-0 transition-all duration-500 group-hover:scale-110",
+                loading: "lazy"
+              }
+            ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                style: {
-                  backgroundImage: `url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
-                  backgroundSize: "60px 60px"
-                },
-                className: "w-full h-full"
+                className: `w-20 h-20 rounded-full flex items-center justify-center mb-4 ${isDarkMode ? "bg-gray-700" : "bg-gray-200"}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-3xl", children: "🤝" })
               }
-            ) })
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "h3",
+              {
+                className: `text-base font-bold text-center line-clamp-2 ${isDarkMode ? "text-white" : "text-gray-800"} group-hover:text-transparent group-hover:bg-gradient-to-r group-hover:from-blue-500 group-hover:to-purple-500 group-hover:bg-clip-text transition-all duration-300`,
+                children: partner.name || t("partners.unnamed") || "Partner"
+              }
+            ),
+            partner.description && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "p",
+              {
+                className: `text-xs text-center mt-2 line-clamp-2 ${isDarkMode ? "text-gray-400" : "text-gray-600"}`,
+                children: partner.description
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `relative w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300
-          ${isDarkMode ? "border-gray-600" : "border-gray-200"}
-          ${isHovered ? "border-blue-500" : ""}
-        `,
-              style: {
-                background: isDarkMode ? isHovered ? "linear-gradient(135deg, #4b5563 0%, #374151 100%)" : "linear-gradient(135deg, #374151 0%, #1f2937 100%)" : isHovered ? "linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)" : "linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)"
-              },
-              children: logoSrc ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "img",
-                  {
-                    src: logoSrc,
-                    alt: partner.name || (t == null ? void 0 : t("partners.logoAlt")) || "Partner logo",
-                    className: "max-w-full max-h-full object-contain transition-all duration-300",
-                    style: {
-                      filter: isDarkMode ? isHovered ? "grayscale(0) opacity(1)" : "grayscale(0.3) opacity(0.8)" : isHovered ? "grayscale(0) opacity(1)" : "grayscale(0.2) opacity(0.9)",
-                      transform: isHovered ? "scale(1.05)" : "scale(1)"
-                    },
-                    onError: handleImageError,
-                    loading: "lazy"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", style: { display: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
-              ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: `font-bold text-center mb-2 text-sm leading-tight ${isDarkMode ? "text-white" : "text-gray-900"}`, children: partner.name }),
-          partner.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-xs text-center mb-3 line-clamp-2 px-1 ${isDarkMode ? "text-gray-300" : "text-gray-600"}`, children: partner.description }),
-          partner.websiteUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "transition-all duration-300 absolute bottom-4",
-              style: {
-                opacity: isHovered ? 1 : 0,
-                transform: `translateY(${isHovered ? "0px" : "4px"})`
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-blue-600 font-medium", children: [
-                (t == null ? void 0 : t("partners.viewDetails")) || "Xem chi tiết",
-                " →"
-              ] })
-            }
-          )
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-0 right-0 w-20 h-20 bg-gradient-to-br from-blue-500/20 to-purple-500/20 rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 left-0 w-20 h-20 bg-gradient-to-tr from-purple-500/20 to-pink-500/20 rounded-tr-full opacity-0 group-hover:opacity-100 transition-opacity duration-500" })
         ]
       }
     );
@@ -1493,7 +1438,7 @@ var __async = (__this, __arguments, generator) => {
     }, []);
     return width;
   }
-  const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "" }) => {
+  const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "", section }) => {
     const [partnersData, setPartnersData] = require$$0.useState([]);
     const [error, setError] = require$$0.useState(null);
     const [loading, setLoading] = require$$0.useState(true);
@@ -1501,6 +1446,7 @@ var __async = (__this, __arguments, generator) => {
     const [partnersVisible, setPartnersVisible] = require$$0.useState(false);
     const partnersRef = require$$0.useRef(null);
     const windowWidth = useWindowSize();
+    const sectionTitle = (section == null ? void 0 : section.title) || "...";
     const getLogoUrl = (logoUrl) => {
       if (!logoUrl) return null;
       if (logoUrl.startsWith("http")) return logoUrl;
@@ -1581,28 +1527,16 @@ var __async = (__this, __arguments, generator) => {
     }
     if (!partnersData.length) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
-            children: [
-              "🤝 ",
-              t("partners.badge") || "ĐỐI TÁC CHIẾN LƯỢC"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "h2",
-          {
-            className: `text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? "text-white" : "text-gray-800"}`,
-            children: [
-              t("partners.title.part1") || "Đồng hành cùng",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2", children: t("partners.title.part2") || "Những thương hiệu hàng đầu" })
-            ]
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: `inline-block px-4 py-2 rounded-full text-lg font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
+          children: [
+            "🤝 ",
+            sectionTitle
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: partnersRef, className: "relative", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
@@ -4289,7 +4223,7 @@ var __async = (__this, __arguments, generator) => {
       }
     );
   };
-  const FaqSection = ({ data, t, isDarkMode }) => {
+  const FaqSection = ({ data, t, isDarkMode, section }) => {
     const [activeIndex, setActiveIndex] = require$$0.useState(-1);
     const faqs = require$$0.useMemo(() => {
       if ((data == null ? void 0 : data.sectionDataBindingItems) && Array.isArray(data.sectionDataBindingItems)) {
@@ -4300,6 +4234,7 @@ var __async = (__this, __arguments, generator) => {
     const toggleFaq = (index2) => {
       setActiveIndex(activeIndex === index2 ? -1 : index2);
     };
+    const sectionTitle = (section == null ? void 0 : section.title) || "...";
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionWrapper, { isDarkMode, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center mb-6 animate-fade-in", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `
@@ -4316,7 +4251,7 @@ var __async = (__this, __arguments, generator) => {
           }
         ) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12 animate-fade-in", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: `text-4xl font-bold mb-3 ${isDarkMode ? "text-white" : "text-gray-900"}`, children: (t == null ? void 0 : t("faq.title")) || "Frequently Asked Questions" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: `text-4xl font-bold mb-3 ${isDarkMode ? "text-white" : "text-gray-900"}`, children: sectionTitle }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-1 w-20 mx-auto rounded-full ${isDarkMode ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-600 to-indigo-600"}` })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: faqs.map((faq, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -4567,9 +4502,6 @@ var __async = (__this, __arguments, generator) => {
     if (!pages || pages.length === 0) {
       return null;
     }
-    const handleNavigate = (slug) => {
-      window.location.href = slug;
-    };
     const handleLoadMore = () => {
       setVisibleCount((prev) => prev + 8);
     };
@@ -4608,9 +4540,9 @@ var __async = (__this, __arguments, generator) => {
       }, children: visiblePages.map((page) => {
         const iconUrl = getImageUrl(page.icon);
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
+          "a",
           {
-            onClick: () => handleNavigate(page.slug),
+            href: page.slug,
             style: {
               backgroundColor: isDarkMode ? "#1f2937" : "#ffffff",
               borderRadius: "12px",
@@ -4623,7 +4555,8 @@ var __async = (__this, __arguments, generator) => {
               flexDirection: "column",
               alignItems: "center",
               textAlign: "center",
-              gap: "16px"
+              gap: "16px",
+              textDecoration: "none"
             },
             onMouseEnter: (e) => {
               e.currentTarget.style.transform = "translateY(-8px)";
@@ -4712,9 +4645,6 @@ var __async = (__this, __arguments, generator) => {
     if (!pages || pages.length === 0) {
       return null;
     }
-    const handleNavigate = (slug) => {
-      window.location.href = slug;
-    };
     const handleLoadMore = () => {
       setVisibleCount((prev) => prev + 5);
     };
@@ -4744,9 +4674,9 @@ var __async = (__this, __arguments, generator) => {
         const mainImage = ((_b = (_a2 = page.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b.url) || page.icon;
         const imageUrl = getImageUrl(mainImage);
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
+          "a",
           {
-            onClick: () => handleNavigate(page.slug),
+            href: page.slug,
             style: {
               display: "flex",
               gap: "20px",
@@ -4756,7 +4686,8 @@ var __async = (__this, __arguments, generator) => {
               cursor: "pointer",
               transition: "all 0.2s",
               border: `1px solid ${isDarkMode ? "#374151" : "#e5e7eb"}`,
-              padding: "16px"
+              padding: "16px",
+              textDecoration: "none"
             },
             onMouseEnter: (e) => {
               e.currentTarget.style.backgroundColor = isDarkMode ? "#374151" : "#f9fafb";
@@ -4873,9 +4804,6 @@ var __async = (__this, __arguments, generator) => {
     if (!pages || pages.length === 0) {
       return null;
     }
-    const handleNavigate = (slug) => {
-      window.location.href = slug;
-    };
     const getImageUrl = (url) => {
       if (!url) return "";
       if (url.startsWith("http://") || url.startsWith("https://")) return url;
@@ -4906,9 +4834,9 @@ var __async = (__this, __arguments, generator) => {
         const mainImage = ((_b = (_a2 = page.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b.url) || page.icon;
         const imageUrl = getImageUrl(mainImage);
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
+          "a",
           {
-            onClick: () => handleNavigate(page.slug),
+            href: page.slug,
             style: {
               backgroundColor: isDarkMode ? "#1e293b" : "#ffffff",
               borderRadius: "16px",
@@ -4916,7 +4844,9 @@ var __async = (__this, __arguments, generator) => {
               cursor: "pointer",
               transition: "all 0.3s",
               boxShadow: isDarkMode ? "0 4px 6px -1px rgba(0, 0, 0, 0.5)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
-              border: `1px solid ${isDarkMode ? "#334155" : "#e2e8f0"}`
+              border: `1px solid ${isDarkMode ? "#334155" : "#e2e8f0"}`,
+              textDecoration: "none",
+              display: "block"
             },
             onMouseEnter: (e) => {
               e.currentTarget.style.transform = "translateY(-8px)";