nvis-fe-cms-libs 1.1.20 → 1.1.22

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

@@ -706,7 +706,7 @@ var __async = (__this, __arguments, generator) => {
             className: `relative inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg overflow-hidden ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 text-emerald-300 border-blue-800" : "bg-white text-emerald-800 border-gray-200"}`,
             children: [
               "📈 ",
-              t("timeline.header.badge") || "HÀNH TRÌNH PHÁT TRIỂN",
+              timelineData.title,
               isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
@@ -1747,31 +1747,42 @@ var __async = (__this, __arguments, generator) => {
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$z = [
+  const __iconNode$B = [
+    ["path", { d: "M5 12h14", key: "1ays0h" }],
+    ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+  ];
+  const ArrowRight = createLucideIcon("arrow-right", __iconNode$B);
+  /**
+   * @license lucide-react v0.536.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$A = [
     ["path", { d: "M2 4v16", key: "vw9hq8" }],
     ["path", { d: "M2 8h18a2 2 0 0 1 2 2v10", key: "1dgv2r" }],
     ["path", { d: "M2 17h20", key: "18nfp3" }],
     ["path", { d: "M6 8v9", key: "1yriud" }]
   ];
-  const Bed = createLucideIcon("bed", __iconNode$z);
+  const Bed = createLucideIcon("bed", __iconNode$A);
   /**
    * @license lucide-react v0.536.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$y = [
+  const __iconNode$z = [
     ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
     ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
   ];
-  const Briefcase = createLucideIcon("briefcase", __iconNode$y);
+  const Briefcase = createLucideIcon("briefcase", __iconNode$z);
   /**
    * @license lucide-react v0.536.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$x = [
+  const __iconNode$y = [
     ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
     ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
     ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
@@ -1780,14 +1791,14 @@ var __async = (__this, __arguments, generator) => {
     ["path", { d: "M10 14h4", key: "kelpxr" }],
     ["path", { d: "M10 18h4", key: "1ulq68" }]
   ];
-  const Building2 = createLucideIcon("building-2", __iconNode$x);
+  const Building2 = createLucideIcon("building-2", __iconNode$y);
   /**
    * @license lucide-react v0.536.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$w = [
+  const __iconNode$x = [
     ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", ry: "2", key: "76otgf" }],
     ["path", { d: "M9 22v-4h6v4", key: "r93iot" }],
     ["path", { d: "M8 6h.01", key: "1dz90k" }],
@@ -1800,14 +1811,14 @@ var __async = (__this, __arguments, generator) => {
     ["path", { d: "M8 10h.01", key: "19clt8" }],
     ["path", { d: "M8 14h.01", key: "6423bh" }]
   ];
-  const Building = createLucideIcon("building", __iconNode$w);
+  const Building = createLucideIcon("building", __iconNode$x);
   /**
    * @license lucide-react v0.536.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$v = [
+  const __iconNode$w = [
     ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", key: "1nb95v" }],
     ["line", { x1: "8", x2: "16", y1: "6", y2: "6", key: "x4nwl0" }],
     ["line", { x1: "16", x2: "16", y1: "14", y2: "18", key: "wjye3r" }],
@@ -1819,15 +1830,23 @@ var __async = (__this, __arguments, generator) => {
     ["path", { d: "M12 18h.01", key: "mhygvu" }],
     ["path", { d: "M8 18h.01", key: "lrp35t" }]
   ];
-  const Calculator = createLucideIcon("calculator", __iconNode$v);
+  const Calculator = createLucideIcon("calculator", __iconNode$w);
+  /**
+   * @license lucide-react v0.536.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$v = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+  const ChevronDown = createLucideIcon("chevron-down", __iconNode$v);
   /**
    * @license lucide-react v0.536.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$u = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-  const ChevronDown = createLucideIcon("chevron-down", __iconNode$u);
+  const __iconNode$u = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+  const ChevronRight = createLucideIcon("chevron-right", __iconNode$u);
   /**
    * @license lucide-react v0.536.0 - ISC
    *
@@ -4607,7 +4626,7 @@ var __async = (__this, __arguments, generator) => {
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-5 lg:p-8 flex flex-col justify-center", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: `text-3xl lg:text-4xl font-black mb-3 bg-gradient-to-r ${color} bg-clip-text text-transparent`, children: item.title }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `${isDarkMode ? "text-gray-300" : "text-gray-600"} text-sm leading-relaxed mb-5`, children: item.description }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `${isDarkMode ? "text-gray-300" : "text-gray-600"} text-base leading-relaxed mb-5`, children: item.description }),
                   item.features && item.features.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2 mb-6", children: item.features.map((feature, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 group", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mt-0.5 w-4 h-4 rounded-full bg-gradient-to-r ${color} flex items-center justify-center flex-shrink-0`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${isDarkMode ? "text-gray-300 group-hover:text-white" : "text-gray-700 group-hover:text-gray-900"} font-medium text-xs transition-colors`, children: feature })
@@ -4668,6 +4687,615 @@ var __async = (__this, __arguments, generator) => {
       ] })
     ] });
   };
+  const PageChildrenSelectSection = ({ data, isDarkMode, section, imageBaseUrl = "" }) => {
+    var _a;
+    const pages = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.map((item) => item.data).filter(Boolean)) || [];
+    const sectionTitle = (section == null ? void 0 : section.title) || "";
+    const sectionDescription = (section == null ? void 0 : section.description) || "";
+    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;
+      return `${imageBaseUrl}${url}`;
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: {
+      padding: "80px 16px",
+      backgroundColor: isDarkMode ? "#111827" : "#f5f5f5",
+      transition: "background-color 0.3s"
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+      maxWidth: "1400px",
+      margin: "0 auto"
+    }, children: [
+      sectionTitle && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+        marginBottom: "50px",
+        textAlign: "center"
+      }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
+          fontSize: "36px",
+          fontWeight: "700",
+          marginBottom: "16px",
+          color: isDarkMode ? "#f9fafb" : "#4b5563"
+        }, children: sectionTitle }),
+        sectionDescription && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: {
+          fontSize: "16px",
+          lineHeight: "1.6",
+          color: isDarkMode ? "#d1d5db" : "#6b7280",
+          maxWidth: "900px",
+          margin: "0 auto"
+        }, children: sectionDescription })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+        gap: "24px"
+      }, children: pages.map((page) => {
+        const iconUrl = getImageUrl(page.icon);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            onClick: () => handleNavigate(page.slug),
+            style: {
+              backgroundColor: isDarkMode ? "#1f2937" : "#ffffff",
+              borderRadius: "12px",
+              padding: "32px 20px",
+              cursor: "pointer",
+              transition: "all 0.3s",
+              border: `1px solid ${isDarkMode ? "#374151" : "#e5e7eb"}`,
+              boxShadow: isDarkMode ? "0 4px 6px -1px rgba(0, 0, 0, 0.3)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              textAlign: "center",
+              gap: "16px"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.transform = "translateY(-8px)";
+              e.currentTarget.style.boxShadow = isDarkMode ? "0 20px 25px -5px rgba(0, 0, 0, 0.5)" : "0 20px 25px -5px rgba(0, 0, 0, 0.15)";
+              e.currentTarget.style.borderColor = isDarkMode ? "#f97316" : "#f97316";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.transform = "translateY(0)";
+              e.currentTarget.style.boxShadow = isDarkMode ? "0 4px 6px -1px rgba(0, 0, 0, 0.3)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
+              e.currentTarget.style.borderColor = isDarkMode ? "#374151" : "#e5e7eb";
+            },
+            children: [
+              iconUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+                width: "80px",
+                height: "80px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: iconUrl,
+                  alt: page.title,
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "contain"
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: {
+                fontSize: "16px",
+                fontWeight: "600",
+                color: isDarkMode ? "#f9fafb" : "#4b5563",
+                margin: 0,
+                lineHeight: "1.4"
+              }, children: page.title })
+            ]
+          },
+          page.id
+        );
+      }) })
+    ] }) });
+  };
+  const PageChildrenSelectSection1 = ({ data, isDarkMode, section, imageBaseUrl = "" }) => {
+    var _a;
+    const pages = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.map((item) => item.data).filter(Boolean)) || [];
+    const sectionTitle = (section == null ? void 0 : section.title) || "";
+    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;
+      return `${imageBaseUrl}${url}`;
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: {
+      padding: "60px 16px",
+      backgroundColor: isDarkMode ? "#111827" : "#ffffff",
+      transition: "background-color 0.3s"
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+      maxWidth: "1280px",
+      margin: "0 auto"
+    }, children: [
+      sectionTitle && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
+        fontSize: "28px",
+        fontWeight: "700",
+        marginBottom: "40px",
+        color: isDarkMode ? "#f9fafb" : "#1e40af",
+        textTransform: "uppercase",
+        letterSpacing: "0.5px"
+      }, children: sectionTitle }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "24px"
+      }, children: pages.map((page) => {
+        var _a2, _b;
+        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",
+          {
+            onClick: () => handleNavigate(page.slug),
+            style: {
+              display: "flex",
+              gap: "20px",
+              backgroundColor: isDarkMode ? "#1f2937" : "#ffffff",
+              borderRadius: "8px",
+              overflow: "hidden",
+              cursor: "pointer",
+              transition: "all 0.2s",
+              border: `1px solid ${isDarkMode ? "#374151" : "#e5e7eb"}`,
+              padding: "16px"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.backgroundColor = isDarkMode ? "#374151" : "#f9fafb";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = isDarkMode ? "#1f2937" : "#ffffff";
+            },
+            children: [
+              imageUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+                width: "200px",
+                height: "140px",
+                flexShrink: 0,
+                overflow: "hidden",
+                borderRadius: "6px"
+              }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: imageUrl,
+                  alt: page.title,
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover"
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center"
+              }, children: [
+                page.tagKeys && page.tagKeys.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+                  fontSize: "12px",
+                  fontWeight: "600",
+                  color: isDarkMode ? "#60a5fa" : "#2563eb",
+                  marginBottom: "8px",
+                  textTransform: "uppercase",
+                  letterSpacing: "0.5px"
+                }, children: page.tagKeys[0].key }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: {
+                  fontSize: "18px",
+                  fontWeight: "700",
+                  marginBottom: "8px",
+                  color: isDarkMode ? "#f9fafb" : "#1f2937",
+                  lineHeight: "1.4"
+                }, children: page.title }),
+                page.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: {
+                  fontSize: "14px",
+                  lineHeight: "1.6",
+                  color: isDarkMode ? "#d1d5db" : "#6b7280",
+                  margin: 0
+                }, children: page.description })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+                display: "flex",
+                alignItems: "center",
+                paddingLeft: "16px"
+              }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ChevronRight,
+                {
+                  size: 20,
+                  style: {
+                    color: isDarkMode ? "#9ca3af" : "#d1d5db",
+                    transition: "color 0.2s"
+                  }
+                }
+              ) })
+            ]
+          },
+          page.id
+        );
+      }) })
+    ] }) });
+  };
+  const warn = (i18n, code, msg, rest) => {
+    var _a, _b, _c, _d;
+    const args = [msg, __spreadValues({
+      code
+    }, rest || {})];
+    if ((_b = (_a = i18n == null ? void 0 : i18n.services) == null ? void 0 : _a.logger) == null ? void 0 : _b.forward) {
+      return i18n.services.logger.forward(args, "warn", "react-i18next::", true);
+    }
+    if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;
+    if ((_d = (_c = i18n == null ? void 0 : i18n.services) == null ? void 0 : _c.logger) == null ? void 0 : _d.warn) {
+      i18n.services.logger.warn(...args);
+    } else if (console == null ? void 0 : console.warn) {
+      console.warn(...args);
+    }
+  };
+  const alreadyWarned = {};
+  const warnOnce = (i18n, code, msg, rest) => {
+    if (isString(msg) && alreadyWarned[msg]) return;
+    if (isString(msg)) alreadyWarned[msg] = /* @__PURE__ */ new Date();
+    warn(i18n, code, msg, rest);
+  };
+  const loadedClb = (i18n, cb) => () => {
+    if (i18n.isInitialized) {
+      cb();
+    } else {
+      const initialized = () => {
+        setTimeout(() => {
+          i18n.off("initialized", initialized);
+        }, 0);
+        cb();
+      };
+      i18n.on("initialized", initialized);
+    }
+  };
+  const loadNamespaces = (i18n, ns, cb) => {
+    i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+  };
+  const loadLanguages = (i18n, lng, ns, cb) => {
+    if (isString(ns)) ns = [ns];
+    if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
+    ns.forEach((n) => {
+      if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
+    });
+    i18n.loadLanguages(lng, loadedClb(i18n, cb));
+  };
+  const hasLoadedNamespace = (ns, i18n, options = {}) => {
+    if (!i18n.languages || !i18n.languages.length) {
+      warnOnce(i18n, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
+        languages: i18n.languages
+      });
+      return true;
+    }
+    return i18n.hasLoadedNamespace(ns, {
+      lng: options.lng,
+      precheck: (i18nInstance2, loadNotPending) => {
+        if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
+      }
+    });
+  };
+  const isString = (obj) => typeof obj === "string";
+  const isObject = (obj) => typeof obj === "object" && obj !== null;
+  const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+  const htmlEntities = {
+    "&amp;": "&",
+    "&#38;": "&",
+    "&lt;": "<",
+    "&#60;": "<",
+    "&gt;": ">",
+    "&#62;": ">",
+    "&apos;": "'",
+    "&#39;": "'",
+    "&quot;": '"',
+    "&#34;": '"',
+    "&nbsp;": " ",
+    "&#160;": " ",
+    "&copy;": "©",
+    "&#169;": "©",
+    "&reg;": "®",
+    "&#174;": "®",
+    "&hellip;": "…",
+    "&#8230;": "…",
+    "&#x2F;": "/",
+    "&#47;": "/"
+  };
+  const unescapeHtmlEntity = (m) => htmlEntities[m];
+  const unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+  let defaultOptions = {
+    bindI18n: "languageChanged",
+    bindI18nStore: "",
+    transEmptyNodeValue: "",
+    transSupportBasicHtmlNodes: true,
+    transWrapTextNodes: "",
+    transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
+    useSuspense: true,
+    unescape
+  };
+  const getDefaults = () => defaultOptions;
+  let i18nInstance;
+  const getI18n = () => i18nInstance;
+  const I18nContext = require$$0.createContext();
+  class ReportNamespaces {
+    constructor() {
+      this.usedNamespaces = {};
+    }
+    addUsedNamespaces(namespaces) {
+      namespaces.forEach((ns) => {
+        if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
+      });
+    }
+    getUsedNamespaces() {
+      return Object.keys(this.usedNamespaces);
+    }
+  }
+  const usePrevious = (value, ignore) => {
+    const ref = require$$0.useRef();
+    require$$0.useEffect(() => {
+      ref.current = value;
+    }, [value, ignore]);
+    return ref.current;
+  };
+  const alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
+  const useMemoizedT = (i18n, language, namespace, keyPrefix) => require$$0.useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+  const useTranslation = (ns, props = {}) => {
+    var _a, _b, _c, _d;
+    const {
+      i18n: i18nFromProps
+    } = props;
+    const {
+      i18n: i18nFromContext,
+      defaultNS: defaultNSFromContext
+    } = require$$0.useContext(I18nContext) || {};
+    const i18n = i18nFromProps || i18nFromContext || getI18n();
+    if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+    if (!i18n) {
+      warnOnce(i18n, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+      const notReadyT = (k, optsOrDefaultValue) => {
+        if (isString(optsOrDefaultValue)) return optsOrDefaultValue;
+        if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
+        return Array.isArray(k) ? k[k.length - 1] : k;
+      };
+      const retNotReady = [notReadyT, {}, false];
+      retNotReady.t = notReadyT;
+      retNotReady.i18n = {};
+      retNotReady.ready = false;
+      return retNotReady;
+    }
+    if ((_a = i18n.options.react) == null ? void 0 : _a.wait) warnOnce(i18n, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+    const i18nOptions = __spreadValues(__spreadValues(__spreadValues({}, getDefaults()), i18n.options.react), props);
+    const {
+      useSuspense,
+      keyPrefix
+    } = i18nOptions;
+    let namespaces = defaultNSFromContext || ((_b = i18n.options) == null ? void 0 : _b.defaultNS);
+    namespaces = isString(namespaces) ? [namespaces] : namespaces || ["translation"];
+    (_d = (_c = i18n.reportNamespaces).addUsedNamespaces) == null ? void 0 : _d.call(_c, namespaces);
+    const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n) => hasLoadedNamespace(n, i18n, i18nOptions));
+    const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+    const getT = () => memoGetT;
+    const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+    const [t, setT] = require$$0.useState(getT);
+    let joinedNS = namespaces.join();
+    if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+    const previousJoinedNS = usePrevious(joinedNS);
+    const isMounted = require$$0.useRef(true);
+    require$$0.useEffect(() => {
+      const {
+        bindI18n,
+        bindI18nStore
+      } = i18nOptions;
+      isMounted.current = true;
+      if (!ready && !useSuspense) {
+        if (props.lng) {
+          loadLanguages(i18n, props.lng, namespaces, () => {
+            if (isMounted.current) setT(getNewT);
+          });
+        } else {
+          loadNamespaces(i18n, namespaces, () => {
+            if (isMounted.current) setT(getNewT);
+          });
+        }
+      }
+      if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+        setT(getNewT);
+      }
+      const boundReset = () => {
+        if (isMounted.current) setT(getNewT);
+      };
+      if (bindI18n) i18n == null ? void 0 : i18n.on(bindI18n, boundReset);
+      if (bindI18nStore) i18n == null ? void 0 : i18n.store.on(bindI18nStore, boundReset);
+      return () => {
+        isMounted.current = false;
+        if (i18n && bindI18n) bindI18n == null ? void 0 : bindI18n.split(" ").forEach((e) => i18n.off(e, boundReset));
+        if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e) => i18n.store.off(e, boundReset));
+      };
+    }, [i18n, joinedNS]);
+    require$$0.useEffect(() => {
+      if (isMounted.current && ready) {
+        setT(getT);
+      }
+    }, [i18n, keyPrefix, ready]);
+    const ret = [t, i18n, ready];
+    ret.t = t;
+    ret.i18n = i18n;
+    ret.ready = ready;
+    if (ready) return ret;
+    if (!ready && !useSuspense) return ret;
+    throw new Promise((resolve) => {
+      if (props.lng) {
+        loadLanguages(i18n, props.lng, namespaces, () => resolve());
+      } else {
+        loadNamespaces(i18n, namespaces, () => resolve());
+      }
+    });
+  };
+  const PageChildrenSelectSection2 = ({ data, isDarkMode, section, imageBaseUrl = "" }) => {
+    var _a;
+    const { t } = useTranslation();
+    const pages = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.map((item) => item.data).filter(Boolean)) || [];
+    const sectionTitle = (section == null ? void 0 : section.title) || "";
+    const [visibleCount, setVisibleCount] = require$$0.useState(6);
+    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;
+      return `${imageBaseUrl}${url}`;
+    };
+    const handleLoadMore = () => {
+      setVisibleCount((prev) => prev + 6);
+    };
+    const visiblePages = pages.slice(0, visibleCount);
+    const hasMore = visibleCount < pages.length;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: {
+      padding: "80px 16px",
+      backgroundColor: isDarkMode ? "#0f172a" : "#f8fafc",
+      transition: "background-color 0.3s"
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+      maxWidth: "1400px",
+      margin: "0 auto"
+    }, children: [
+      sectionTitle && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
+        fontSize: "36px",
+        fontWeight: "700",
+        marginBottom: "50px",
+        color: isDarkMode ? "#f1f5f9" : "#1e293b"
+      }, children: sectionTitle }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fit, minmax(350px, 1fr))",
+        gap: "30px",
+        marginBottom: "50px"
+      }, children: visiblePages.map((page) => {
+        var _a2, _b;
+        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",
+          {
+            onClick: () => handleNavigate(page.slug),
+            style: {
+              backgroundColor: isDarkMode ? "#1e293b" : "#ffffff",
+              borderRadius: "16px",
+              overflow: "hidden",
+              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"}`
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.transform = "translateY(-8px)";
+              e.currentTarget.style.boxShadow = isDarkMode ? "0 20px 25px -5px rgba(0, 0, 0, 0.6)" : "0 20px 25px -5px rgba(0, 0, 0, 0.15)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.transform = "translateY(0)";
+              e.currentTarget.style.boxShadow = isDarkMode ? "0 4px 6px -1px rgba(0, 0, 0, 0.5)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
+            },
+            children: [
+              imageUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+                width: "100%",
+                height: "240px",
+                overflow: "hidden",
+                position: "relative"
+              }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: imageUrl,
+                  alt: page.title,
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                    transition: "transform 0.3s"
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.transform = "scale(1.05)";
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.transform = "scale(1)";
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+                padding: "24px"
+              }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: {
+                  fontSize: "20px",
+                  fontWeight: "700",
+                  marginBottom: "12px",
+                  color: isDarkMode ? "#f1f5f9" : "#1e293b",
+                  lineHeight: "1.4",
+                  minHeight: "56px"
+                }, children: page.title }),
+                page.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: {
+                  fontSize: "14px",
+                  lineHeight: "1.6",
+                  color: isDarkMode ? "#cbd5e1" : "#64748b",
+                  marginBottom: "16px",
+                  display: "-webkit-box",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical",
+                  overflow: "hidden"
+                }, children: page.description })
+              ] })
+            ]
+          },
+          page.id
+        );
+      }) }),
+      hasMore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+        display: "flex",
+        justifyContent: "center"
+      }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: handleLoadMore,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "8px",
+            padding: "14px 32px",
+            fontSize: "16px",
+            fontWeight: "600",
+            color: "#ffffff",
+            backgroundColor: "#ef4444",
+            border: "none",
+            borderRadius: "50px",
+            cursor: "pointer",
+            transition: "all 0.3s",
+            boxShadow: "0 4px 6px -1px rgba(239, 68, 68, 0.3)"
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "#dc2626";
+            e.currentTarget.style.transform = "translateY(-2px)";
+            e.currentTarget.style.boxShadow = "0 10px 15px -3px rgba(239, 68, 68, 0.4)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "#ef4444";
+            e.currentTarget.style.transform = "translateY(0)";
+            e.currentTarget.style.boxShadow = "0 4px 6px -1px rgba(239, 68, 68, 0.3)";
+          },
+          children: [
+            t("pageChildrenSelect.moreInsights"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { size: 18 })
+          ]
+        }
+      ) })
+    ] }) });
+  };
   const index = {
     AboutCompanySection,
     CompanyValues,
@@ -4690,7 +5318,10 @@ var __async = (__this, __arguments, generator) => {
     DiagramSection,
     DiagramSection2,
     FaqSection,
-    PageHighlightSection
+    PageHighlightSection,
+    PageChildrenSelectSection,
+    PageChildrenSelectSection1,
+    PageChildrenSelectSection2
   };
   exports2.AboutCompanySection = AboutCompanySection;
   exports2.CompanyValues = CompanyValues;
@@ -4704,6 +5335,9 @@ var __async = (__this, __arguments, generator) => {
   exports2.ImageSection = ImageSection;
   exports2.ImageSingleSection = ImageSingleSection;
   exports2.MilestoneSection = MilestoneSection;
+  exports2.PageChildrenSelectSection = PageChildrenSelectSection;
+  exports2.PageChildrenSelectSection1 = PageChildrenSelectSection1;
+  exports2.PageChildrenSelectSection2 = PageChildrenSelectSection2;
   exports2.PageHighlightSection = PageHighlightSection;
   exports2.PartnerCard = PartnerCard;
   exports2.PartnerListCard = PartnerListCard;