nvis-fe-cms-libs 1.1.25 → 1.1.27

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

@@ -697,12 +697,14 @@ const TimelineSection = ({ data, t, isDarkMode, section }) => {
     ] }) });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: `py-20 ${isDarkMode ? "bg-gray-800" : "bg-white"}`, 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.jsx(
-        "div",
-        {
-          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: isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `relative inline-block px-4 py-2 rounded-full text-lg 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: [
+          "📈 ",
+          sectionTitle,
+          isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
@@ -731,19 +733,9 @@ const TimelineSection = ({ data, t, isDarkMode, section }) => {
               }
             )
           ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "h2",
-        {
-          className: `text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? "text-white" : "text-gray-900"}`,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent", children: [
-            "📈 ",
-            sectionTitle
-          ] })
-        }
-      )
-    ] }),
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-blue-500 to-purple-600 rounded-full" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-8", children: timelineData.map((milestone, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1068,11 +1060,12 @@ const PartnersSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
     }
   );
 };
-const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline }) => {
+const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline, section }) => {
   const [milestones, setMilestones] = useState([]);
   const [loading, setLoading] = useState(true);
   const [timelineVisible, setTimelineVisible] = useState([]);
   const timelineRefs = useRef([]);
+  const sectionTitle = (section == null ? void 0 : section.title) || "...";
   useEffect(() => {
     const fetchMilestones = () => __async(null, null, function* () {
       var _a, _b;
@@ -1159,28 +1152,16 @@ const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline }) => {
     {
       className: `py-20 ${isDarkMode ? "bg-gray-800" : "bg-white"}`,
       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: `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("milestone.header.badge")
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "h2",
-            {
-              className: `text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? "text-white" : "text-gray-900"}`,
-              children: [
-                t("milestone.header.title"),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent", children: t("milestone.header.subtitle") })
-              ]
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: `relative inline-block px-4 py-2 rounded-full text-lg 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: [
+              "📈 ",
+              sectionTitle
+            ]
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-blue-500 to-purple-600 rounded-full" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-8", children: milestones.map((milestone, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1229,9 +1210,10 @@ const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline }) => {
     }
   );
 };
-const TestimonialsSection = ({ data, t, isDarkMode }) => {
+const TestimonialsSection = ({ data, t, isDarkMode, section }) => {
   var _a;
   const [currentIndex, setCurrentIndex] = useState(0);
+  const sectionTitle = (section == null ? void 0 : section.title) || "...";
   const testimonials = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data).map((item) => {
     var _a2, _b, _c, _d;
     return {
@@ -1278,20 +1260,10 @@ const TestimonialsSection = ({ data, t, isDarkMode }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? "bg-indigo-900/50 text-indigo-300 border border-indigo-800" : "bg-indigo-100 text-indigo-800"}`,
+            className: `inline-block px-4 py-2 rounded-full text-lg font-semibold mb-4 ${isDarkMode ? "bg-indigo-900/50 text-indigo-300 border border-indigo-800" : "bg-indigo-100 text-indigo-800"}`,
             children: [
               "💬 ",
-              t("testimonials.header.badge")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "h2",
-          {
-            className: `text-3xl lg:text-4xl font-bold mb-8 transition-colors duration-200 ${isDarkMode ? "text-white" : "text-gray-900"}`,
-            children: [
-              t("testimonials.header.title"),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent", children: t("testimonials.header.subtitle") })
+              sectionTitle
             ]
           }
         ),
@@ -2718,22 +2690,16 @@ const ContactFormSection = ({ data, t, isDarkMode, consultationRequestService })
     ] })
   ] }) }) });
 };
-const ContactInfoSection = ({ data, t, isDarkMode }) => {
+const ContactInfoSection = ({ data, t, isDarkMode, section }) => {
   var _a, _b;
   const contactData = ((_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 sectionTitle = (section == null ? void 0 : section.title) || "...";
   if (!contactData.length) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: `py-16 ${isDarkMode ? "bg-gray-900" : "bg-slate-50"}`, 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-flex items-center px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? "bg-indigo-900/50 text-indigo-300" : "bg-indigo-50 text-indigo-700"}`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(User, { size: 16, className: "mr-2" }),
-        t("contact.team.badge") || "Đội ngũ hỗ trợ"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: `text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? "text-white" : "text-slate-800"}`, children: [
-        t("contact.team.title") || "Liên hệ với đội ngũ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent", children: t("contact.team.subtitle") || "chuyên nghiệp của chúng tôi" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-lg max-w-3xl mx-auto ${isDarkMode ? "text-gray-300" : "text-slate-600"}`, children: t("contact.team.description") || "Chúng tôi luôn sẵn sàng hỗ trợ bạn với đội ngũ chuyên nghiệp và giàu kinh nghiệm" })
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `inline-flex items-center px-4 py-2 rounded-full text-lg font-semibold mb-4 ${isDarkMode ? "bg-indigo-900/50 text-indigo-300" : "bg-indigo-50 text-indigo-700"}`, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(User, { size: 22, className: "mr-2" }),
+      sectionTitle
+    ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: contactData.map((contact, index2) => {
       var _a2;
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -2791,10 +2757,11 @@ const ContactInfoSection = ({ data, t, isDarkMode }) => {
     }) })
   ] }) });
 };
-const ContactListAutoSection = ({ data, t, isDarkMode, getContactList }) => {
+const ContactListAutoSection = ({ data, t, isDarkMode, getContactList, section }) => {
   const [contacts, setContacts] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
+  const sectionTitle = (section == null ? void 0 : section.title) || "...";
   useEffect(() => {
     loadContacts();
   }, []);
@@ -2837,10 +2804,7 @@ const ContactListAutoSection = ({ data, t, isDarkMode, getContactList }) => {
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: `py-20 ${isDarkMode ? "bg-gray-900" : "bg-gray-50"} transition-colors duration-300`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-6xl mx-auto px-5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-16", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: `text-4xl font-bold ${isDarkMode ? "text-white" : "text-gray-900"} mb-4`, children: t("contactList.header.title") || "Thông Tin Liên Hệ" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-lg ${isDarkMode ? "text-gray-400" : "text-gray-600"} max-w-2xl mx-auto`, children: t("contactList.header.description") || "Đội ngũ chuyên nghiệp của chúng tôi luôn sẵn sàng hỗ trợ bạn" })
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: `text-4xl font-bold ${isDarkMode ? "text-white" : "text-gray-900"} mb-4`, children: sectionTitle }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-10", children: contacts.map((contact, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(ContactCard, { contact, t, isDarkMode }, contact.id || index2)) })
   ] }) });
 };
@@ -2902,9 +2866,10 @@ const ContactInfo = ({ icon, label, value, href, isDarkMode }) => {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mx-2 px-2", children: content });
 };
-const CustomerFeedbackAutoSection = ({ data, t, isDarkMode, loadCustomerFeedback }) => {
+const CustomerFeedbackAutoSection = ({ data, t, isDarkMode, loadCustomerFeedback, section }) => {
   const [feedbacks, setFeedbacks] = useState([]);
   const [currentIndex, setCurrentIndex] = useState(0);
+  const sectionTitle = (section == null ? void 0 : section.title) || "...";
   useEffect(() => {
     const fetchData = () => __async(null, null, function* () {
       const res = yield loadCustomerFeedback();
@@ -2987,20 +2952,10 @@ const CustomerFeedbackAutoSection = ({ data, t, isDarkMode, loadCustomerFeedback
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? "bg-indigo-900/50 text-indigo-300 border border-indigo-800" : "bg-indigo-100 text-indigo-800"}`,
+              className: `inline-block px-4 py-2 rounded-full text-lg font-semibold mb-4 ${isDarkMode ? "bg-indigo-900/50 text-indigo-300 border border-indigo-800" : "bg-indigo-100 text-indigo-800"}`,
               children: [
                 "💬 ",
-                t("customerFeedback.badge") || "Phản hồi khách hàng"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "h2",
-            {
-              className: `text-3xl lg:text-4xl font-bold mb-8 transition-colors duration-200 ${isDarkMode ? "text-white" : "text-gray-900"}`,
-              children: [
-                t("customerFeedback.titlelanding") || "Khách hàng nói gì",
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent", children: t("customerFeedback.subtitle") || "về chúng tôi" })
+                sectionTitle
               ]
             }
           ),
@@ -4757,7 +4712,7 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
           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 = "#1638f9ff";
+            e.currentTarget.style.borderColor = "#361985ff";
           },
           onMouseLeave: (e) => {
             e.currentTarget.style.transform = "translateY(0)";
@@ -4808,7 +4763,7 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
           fontSize: "16px",
           fontWeight: "600",
           color: "#fff",
-          backgroundColor: "#f97316",
+          backgroundColor: "#361985ff",
           border: "none",
           borderRadius: "9999px",
           cursor: "pointer",
@@ -4816,11 +4771,11 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
           boxShadow: "0 4px 6px -1px rgba(249, 115, 22, 0.3)"
         },
         onMouseEnter: (e) => {
-          e.currentTarget.style.backgroundColor = "#ea580c";
+          e.currentTarget.style.backgroundColor = "#361985ff";
           e.currentTarget.style.transform = "translateY(-2px)";
         },
         onMouseLeave: (e) => {
-          e.currentTarget.style.backgroundColor = "#f97316";
+          e.currentTarget.style.backgroundColor = "#361985ff";
           e.currentTarget.style.transform = "translateY(0)";
         },
         children: [
@@ -4975,7 +4930,7 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
           fontSize: "16px",
           fontWeight: "600",
           color: "#fff",
-          backgroundColor: "#2563eb",
+          backgroundColor: "#361985ff",
           border: "none",
           borderRadius: "9999px",
           cursor: "pointer",
@@ -4983,11 +4938,11 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
           boxShadow: "0 4px 6px -1px rgba(37, 99, 235, 0.3)"
         },
         onMouseEnter: (e) => {
-          e.currentTarget.style.backgroundColor = "#1d4ed8";
+          e.currentTarget.style.backgroundColor = "#361985ff";
           e.currentTarget.style.transform = "translateY(-2px)";
         },
         onMouseLeave: (e) => {
-          e.currentTarget.style.backgroundColor = "#2563eb";
+          e.currentTarget.style.backgroundColor = "#361985ff";
           e.currentTarget.style.transform = "translateY(0)";
         },
         children: [
@@ -5130,7 +5085,7 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
           fontSize: "16px",
           fontWeight: "600",
           color: "#ffffff",
-          backgroundColor: "#ef4444",
+          backgroundColor: "#361985ff",
           border: "none",
           borderRadius: "50px",
           cursor: "pointer",
@@ -5138,12 +5093,12 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
           boxShadow: "0 4px 6px -1px rgba(239, 68, 68, 0.3)"
         },
         onMouseEnter: (e) => {
-          e.currentTarget.style.backgroundColor = "#dc2626";
+          e.currentTarget.style.backgroundColor = "#361985ff";
           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.backgroundColor = "#361985ff";
           e.currentTarget.style.transform = "translateY(0)";
           e.currentTarget.style.boxShadow = "0 4px 6px -1px rgba(239, 68, 68, 0.3)";
         },