nvis-fe-cms-libs 1.1.19 → 1.1.21

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

@@ -49,7 +49,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import require$$0, { useRef, useState, useEffect, useMemo, forwardRef, createElement } from "react";
+import require$$0, { useRef, useState, useEffect, useMemo, forwardRef, createElement, createContext, useContext, useCallback } from "react";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production = {};
 /**
@@ -1744,31 +1744,42 @@ const createLucideIcon = (iconName, iconNode) => {
  * 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" }],
@@ -1777,14 +1788,14 @@ const __iconNode$x = [
   ["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" }],
@@ -1797,14 +1808,14 @@ const __iconNode$w = [
   ["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" }],
@@ -1816,15 +1827,23 @@ const __iconNode$v = [
   ["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
  *
@@ -4557,7 +4576,7 @@ const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
   }, [highlightData.length]);
   const handleNavigate = (slug) => {
     if (slug) {
-      window.open(slug, "_blank");
+      window.location.href = slug;
     }
   };
   const gradientColors = [
@@ -4603,8 +4622,8 @@ const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
                 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-8 left-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `inline-block bg-gradient-to-r ${color} text-white px-6 py-3 rounded-full text-sm font-bold shadow-xl`, children: item.tag }) })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-5 lg:p-8 flex flex-col justify-center", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { 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("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-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 })
@@ -4665,6 +4684,615 @@ const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
     ] })
   ] });
 };
+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 = 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 = useRef();
+  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) => 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
+  } = 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] = useState(getT);
+  let joinedNS = namespaces.join();
+  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+  const previousJoinedNS = usePrevious(joinedNS);
+  const isMounted = useRef(true);
+  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]);
+  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] = 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,
@@ -4687,7 +5315,10 @@ const index = {
   DiagramSection,
   DiagramSection2,
   FaqSection,
-  PageHighlightSection
+  PageHighlightSection,
+  PageChildrenSelectSection,
+  PageChildrenSelectSection1,
+  PageChildrenSelectSection2
 };
 export {
   AboutCompanySection,
@@ -4702,6 +5333,9 @@ export {
   ImageSection,
   ImageSingleSection,
   MilestoneSection,
+  PageChildrenSelectSection,
+  PageChildrenSelectSection1,
+  PageChildrenSelectSection2,
   PageHighlightSection,
   PartnerCard,
   PartnerListCard,