nvis-fe-cms-libs 1.1.27 → 1.1.28

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

@@ -3406,39 +3406,40 @@ const ImageSingleSection = ({ data, t, isDarkMode, getObjectUrl: getObjectUrl2 }
   )) }) });
 };
 const TextWithTitleSection = ({ section, data, isDarkMode }) => {
+  var _a;
   const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
+  const title = ((_a = textItems[0]) == null ? void 0 : _a.value) || "";
+  const descriptions = textItems.slice(1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
     padding: "40px 20px",
-    backgroundColor: isDarkMode ? "#1f2937" : "#f8f9fa",
-    textAlign: "center"
-  }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      style: {
-        backgroundColor: isDarkMode ? "#374151" : "white",
-        padding: "30px 20px",
-        marginBottom: "20px",
-        borderRadius: "8px",
-        boxShadow: isDarkMode ? "0 2px 4px rgba(0,0,0,0.3)" : "0 2px 4px rgba(0,0,0,0.1)"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
-          fontSize: "24px",
-          fontWeight: "bold",
-          color: isDarkMode ? "#f9fafb" : "#1f2937",
-          marginBottom: "16px",
-          lineHeight: "1.3"
-        }, children: item.title }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+    backgroundColor: isDarkMode ? "#111827" : "#ffffff"
+  }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto" }, children: [
+    title && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
+      fontSize: "36px",
+      fontWeight: "700",
+      color: isDarkMode ? "#ffffff" : "#000000",
+      marginBottom: "16px",
+      lineHeight: "1.2",
+      textAlign: "left",
+      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+    }, children: title }),
+    descriptions.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        style: {
           fontSize: "16px",
           lineHeight: "1.6",
-          color: isDarkMode ? "#d1d5db" : "#4b5563",
-          textAlign: "left"
-        }, children: item.value })
-      ]
-    },
-    item.id || index2
-  )) }) });
+          color: isDarkMode ? "#9ca3af" : "#6b7280",
+          textAlign: "left",
+          fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+          fontWeight: "400",
+          marginBottom: index2 < descriptions.length - 1 ? "16px" : "0"
+        },
+        children: item.value
+      },
+      item.id || index2
+    ))
+  ] }) });
 };
 const TextSection = ({ data, isDarkMode }) => {
   const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
@@ -3447,25 +3448,20 @@ const TextSection = ({ data, isDarkMode }) => {
     {
       style: {
         padding: "40px 20px",
-        backgroundColor: isDarkMode ? "#1f2937" : "#f8f9fa",
-        // Dark: slate-800, Light: gray-100
-        textAlign: "center"
+        backgroundColor: isDarkMode ? "#111827" : "#ffffff"
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           style: {
-            backgroundColor: isDarkMode ? "#374151" : "white",
-            // Dark: slate-700, Light: white
-            padding: "20px",
+            padding: "0",
             marginBottom: "20px",
-            borderRadius: "8px",
-            boxShadow: isDarkMode ? "0 2px 4px rgba(0,0,0,0.3)" : "0 2px 4px rgba(0,0,0,0.1)",
-            fontSize: "16px",
-            lineHeight: "1.6",
-            color: isDarkMode ? "#d1d5db" : "#333",
-            // Dark: gray-300, Light: dark gray
-            textAlign: "left"
+            fontSize: "28px",
+            fontWeight: "700",
+            lineHeight: "1.3",
+            color: isDarkMode ? "#f9fafb" : "#111827",
+            textAlign: "left",
+            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
           },
           children: item.value
         },