nvis-fe-cms-libs 2.1.6 → 2.1.7

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

@@ -968,108 +968,57 @@ const PartnerCard_2 = ({ partner, idx, t, getLogoUrl, isDarkMode }) => {
     return () => itemRef.current && observer.unobserve(itemRef.current);
   }, []);
   const logoSrc = getLogoUrl(partner.logoUrl);
-  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 rounded-full",
-          style: { left: "10%", top: "20%", background: "rgba(255,255,255,0.05)" }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "absolute w-10 h-10 rounded-full",
-          style: { right: "30%", bottom: "10%", background: "rgba(255,255,255,0.05)" }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "absolute w-14 h-14 rounded-md",
-          style: { left: "20%", bottom: "30%", background: "rgba(255,255,255,0.05)" }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "absolute inset-0 opacity-20",
-          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")'
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "w-full rounded-lg overflow-hidden bg-surface flex items-center justify-center p-4",
-        style: {
-          height: "75%",
-          borderWidth: "1px",
-          borderStyle: "solid",
-          borderColor: isHovered ? "var(--brand-primary)" : "var(--border-color)",
-          backgroundColor: isHovered ? "var(--bg-body)" : "var(--bg-surface)",
-          transition: "all 0.3s ease"
-        },
-        children: logoSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "img",
-          {
-            src: logoSrc,
-            alt: partner.name,
-            className: "max-w-full max-h-full object-contain",
-            style: {
-              filter: isHovered ? "grayscale(0) opacity(1)" : isDarkMode ? "grayscale(0.3) opacity(0.8)" : "grayscale(0.2) opacity(0.9)",
-              transform: isHovered ? "scale(1.05)" : "scale(1)",
-              transition: "all 0.3s ease"
-            }
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-brand flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-small px-1", children: partner.name }) })
-      }
-    ),
-    partner.websiteUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "card-link justify-center",
-        style: {
-          opacity: isHovered ? 1 : 0,
-          transform: isHovered ? "translateY(0)" : "translateY(4px)",
-          transition: "all 0.3s ease"
-        },
-        children: [
-          t("partners.viewDetails") || "Xem chi tiết",
-          " →"
-        ]
-      }
-    )
-  ] });
-  const baseClasses = `card items-center justify-center transition-all duration-700 ease-out overflow-hidden ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}`;
+  const cardContent = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1
+  }, children: logoSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+    width: "100%",
+    height: "100px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "img",
+    {
+      src: logoSrc,
+      alt: partner.name || t("partners.logoAlt") || "Partner logo",
+      style: {
+        maxWidth: "100%",
+        maxHeight: "100%",
+        objectFit: "contain",
+        transform: isHovered ? "scale(1.05)" : "scale(1)",
+        transition: "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)"
+      },
+      loading: "lazy"
+    }
+  ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-surface", style: {
+    width: "5rem",
+    height: "5rem",
+    borderRadius: "9999px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "1.875rem" }, children: "🤝" }) }) });
+  const baseClasses = `card transition-all duration-700 ease-out ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}`;
   const dynamicStyles = {
-    transitionDelay: `${idx * 150}ms`
+    transitionDelay: `${idx * 150}ms`,
+    textDecoration: "none",
+    overflow: "hidden",
+    minHeight: "280px",
+    padding: "1.5rem",
+    display: "flex",
+    flexDirection: "column"
   };
-  if (partner.websiteUrl) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "a",
-      {
-        ref: itemRef,
-        href: partner.websiteUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: `${baseClasses} cursor-pointer`,
-        style: __spreadProps(__spreadValues({}, dynamicStyles), {
-          textDecoration: "none"
-        }),
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        children: cardContent
-      }
-    );
-  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
+    "a",
     {
       ref: itemRef,
+      href: partner.websiteUrl || "#",
+      target: partner.websiteUrl ? "_blank" : "_self",
+      rel: partner.websiteUrl ? "noopener noreferrer" : "",
       className: baseClasses,
       style: dynamicStyles,
       onMouseEnter: () => setIsHovered(true),