nvis-fe-cms-libs 1.1.34 → 1.1.36

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

@@ -894,72 +894,63 @@ const PartnerCard = ({ partner, idx, t, getLogoUrl, isDarkMode }) => {
     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);
         }
@@ -994,7 +985,32 @@ const PartnerCard = ({ partner, idx, t, getLogoUrl, isDarkMode }) => {
           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
     }
   );
 };
@@ -1010,13 +1026,14 @@ function useWindowSize$1() {
   }, []);
   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] = useState(0);
   const [partnersVisible, setPartnersVisible] = useState(false);
   const partnersRef = 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;
@@ -1060,28 +1077,16 @@ const PartnersSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
   }, []);
   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",
       {
@@ -1367,114 +1372,54 @@ const TestimonialsSection = ({ data, t, isDarkMode, section }) => {
     ] })
   ] }) });
 };
-const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
-  const itemRef = useRef(null);
-  const [visible, setVisible] = useState(false);
-  const [isHovered, setIsHovered] = useState(false);
-  if (!partner) return null;
-  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" })
       ]
     }
   );
@@ -1490,7 +1435,7 @@ function useWindowSize() {
   }, []);
   return width;
 }
-const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "" }) => {
+const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "", section }) => {
   const [partnersData, setPartnersData] = useState([]);
   const [error, setError] = useState(null);
   const [loading, setLoading] = useState(true);
@@ -1498,6 +1443,7 @@ const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "" }
   const [partnersVisible, setPartnersVisible] = useState(false);
   const partnersRef = 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;
@@ -1578,28 +1524,16 @@ const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "" }
   }
   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",
       {
@@ -4286,7 +4220,7 @@ const FaqItem = ({ faq, index: index2, isActive, onToggle, isDarkMode, t }) => {
     }
   );
 };
-const FaqSection = ({ data, t, isDarkMode }) => {
+const FaqSection = ({ data, t, isDarkMode, section }) => {
   const [activeIndex, setActiveIndex] = useState(-1);
   const faqs = useMemo(() => {
     if ((data == null ? void 0 : data.sectionDataBindingItems) && Array.isArray(data.sectionDataBindingItems)) {
@@ -4297,6 +4231,7 @@ const FaqSection = ({ data, t, isDarkMode }) => {
   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: `
@@ -4313,7 +4248,7 @@ const FaqSection = ({ data, t, isDarkMode }) => {
         }
       ) }) }),
       /* @__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(
@@ -4564,9 +4499,6 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
   if (!pages || pages.length === 0) {
     return null;
   }
-  const handleNavigate = (slug) => {
-    window.location.href = slug;
-  };
   const handleLoadMore = () => {
     setVisibleCount((prev) => prev + 8);
   };
@@ -4605,9 +4537,9 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
     }, 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",
@@ -4620,7 +4552,8 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
             flexDirection: "column",
             alignItems: "center",
             textAlign: "center",
-            gap: "16px"
+            gap: "16px",
+            textDecoration: "none"
           },
           onMouseEnter: (e) => {
             e.currentTarget.style.transform = "translateY(-8px)";
@@ -4709,9 +4642,6 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
   if (!pages || pages.length === 0) {
     return null;
   }
-  const handleNavigate = (slug) => {
-    window.location.href = slug;
-  };
   const handleLoadMore = () => {
     setVisibleCount((prev) => prev + 5);
   };
@@ -4741,9 +4671,9 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
       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",
@@ -4753,7 +4683,8 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
             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";
@@ -4870,9 +4801,6 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
   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;
@@ -4903,9 +4831,9 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
       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",
@@ -4913,7 +4841,9 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
             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)";