nvis-fe-cms-libs 1.1.24 → 1.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -697,57 +697,7 @@ const TimelineSection = ({ data, t, isDarkMode, section }) => {
|
|
|
697
697
|
] }) });
|
|
698
698
|
}
|
|
699
699
|
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: [
|
|
700
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
701
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
702
|
-
"div",
|
|
703
|
-
{
|
|
704
|
-
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"}`,
|
|
705
|
-
children: [
|
|
706
|
-
"📈 ",
|
|
707
|
-
sectionTitle,
|
|
708
|
-
isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
709
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
710
|
-
"div",
|
|
711
|
-
{
|
|
712
|
-
className: "absolute w-12 h-12 bg-white/5 rounded-full",
|
|
713
|
-
style: { left: "10%", top: "20%" }
|
|
714
|
-
}
|
|
715
|
-
),
|
|
716
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
717
|
-
"div",
|
|
718
|
-
{
|
|
719
|
-
className: "absolute w-10 h-10 bg-white/5 rounded-full",
|
|
720
|
-
style: { right: "30%", bottom: "10%" }
|
|
721
|
-
}
|
|
722
|
-
),
|
|
723
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
724
|
-
"div",
|
|
725
|
-
{
|
|
726
|
-
className: "absolute w-14 h-14 bg-white/5 rounded-md",
|
|
727
|
-
style: { left: "20%", bottom: "30%" }
|
|
728
|
-
}
|
|
729
|
-
),
|
|
730
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
731
|
-
"div",
|
|
732
|
-
{
|
|
733
|
-
className: 'absolute inset-0 bg-[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")] opacity-20'
|
|
734
|
-
}
|
|
735
|
-
)
|
|
736
|
-
] })
|
|
737
|
-
]
|
|
738
|
-
}
|
|
739
|
-
),
|
|
740
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
741
|
-
"h2",
|
|
742
|
-
{
|
|
743
|
-
className: `text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? "text-white" : "text-gray-900"}`,
|
|
744
|
-
children: [
|
|
745
|
-
t("timeline.header.title1") || "Những cột mốc",
|
|
746
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent", children: t("timeline.header.title2") || "Quan trọng" })
|
|
747
|
-
]
|
|
748
|
-
}
|
|
749
|
-
)
|
|
750
|
-
] }),
|
|
700
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent", children: sectionTitle }) }),
|
|
751
701
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
|
|
752
702
|
/* @__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" }),
|
|
753
703
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-8", children: timelineData.map((milestone, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
@@ -1749,7 +1699,7 @@ const __iconNode$B = [
|
|
|
1749
1699
|
["path", { d: "M5 12h14", key: "1ays0h" }],
|
|
1750
1700
|
["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
|
|
1751
1701
|
];
|
|
1752
|
-
const ArrowRight
|
|
1702
|
+
const ArrowRight = createLucideIcon("arrow-right", __iconNode$B);
|
|
1753
1703
|
/**
|
|
1754
1704
|
* @license lucide-react v0.536.0 - ISC
|
|
1755
1705
|
*
|
|
@@ -4761,7 +4711,7 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
4761
4711
|
onMouseEnter: (e) => {
|
|
4762
4712
|
e.currentTarget.style.transform = "translateY(-8px)";
|
|
4763
4713
|
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)";
|
|
4764
|
-
e.currentTarget.style.borderColor = "#
|
|
4714
|
+
e.currentTarget.style.borderColor = "#361985ff";
|
|
4765
4715
|
},
|
|
4766
4716
|
onMouseLeave: (e) => {
|
|
4767
4717
|
e.currentTarget.style.transform = "translateY(0)";
|
|
@@ -4812,7 +4762,7 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
4812
4762
|
fontSize: "16px",
|
|
4813
4763
|
fontWeight: "600",
|
|
4814
4764
|
color: "#fff",
|
|
4815
|
-
backgroundColor: "#
|
|
4765
|
+
backgroundColor: "#361985ff",
|
|
4816
4766
|
border: "none",
|
|
4817
4767
|
borderRadius: "9999px",
|
|
4818
4768
|
cursor: "pointer",
|
|
@@ -4820,11 +4770,11 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
4820
4770
|
boxShadow: "0 4px 6px -1px rgba(249, 115, 22, 0.3)"
|
|
4821
4771
|
},
|
|
4822
4772
|
onMouseEnter: (e) => {
|
|
4823
|
-
e.currentTarget.style.backgroundColor = "#
|
|
4773
|
+
e.currentTarget.style.backgroundColor = "#361985ff";
|
|
4824
4774
|
e.currentTarget.style.transform = "translateY(-2px)";
|
|
4825
4775
|
},
|
|
4826
4776
|
onMouseLeave: (e) => {
|
|
4827
|
-
e.currentTarget.style.backgroundColor = "#
|
|
4777
|
+
e.currentTarget.style.backgroundColor = "#361985ff";
|
|
4828
4778
|
e.currentTarget.style.transform = "translateY(0)";
|
|
4829
4779
|
},
|
|
4830
4780
|
children: [
|
|
@@ -4979,7 +4929,7 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
4979
4929
|
fontSize: "16px",
|
|
4980
4930
|
fontWeight: "600",
|
|
4981
4931
|
color: "#fff",
|
|
4982
|
-
backgroundColor: "#
|
|
4932
|
+
backgroundColor: "#361985ff",
|
|
4983
4933
|
border: "none",
|
|
4984
4934
|
borderRadius: "9999px",
|
|
4985
4935
|
cursor: "pointer",
|
|
@@ -4987,11 +4937,11 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
4987
4937
|
boxShadow: "0 4px 6px -1px rgba(37, 99, 235, 0.3)"
|
|
4988
4938
|
},
|
|
4989
4939
|
onMouseEnter: (e) => {
|
|
4990
|
-
e.currentTarget.style.backgroundColor = "#
|
|
4940
|
+
e.currentTarget.style.backgroundColor = "#361985ff";
|
|
4991
4941
|
e.currentTarget.style.transform = "translateY(-2px)";
|
|
4992
4942
|
},
|
|
4993
4943
|
onMouseLeave: (e) => {
|
|
4994
|
-
e.currentTarget.style.backgroundColor = "#
|
|
4944
|
+
e.currentTarget.style.backgroundColor = "#361985ff";
|
|
4995
4945
|
e.currentTarget.style.transform = "translateY(0)";
|
|
4996
4946
|
},
|
|
4997
4947
|
children: [
|
|
@@ -5134,7 +5084,7 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
5134
5084
|
fontSize: "16px",
|
|
5135
5085
|
fontWeight: "600",
|
|
5136
5086
|
color: "#ffffff",
|
|
5137
|
-
backgroundColor: "#
|
|
5087
|
+
backgroundColor: "#361985ff",
|
|
5138
5088
|
border: "none",
|
|
5139
5089
|
borderRadius: "50px",
|
|
5140
5090
|
cursor: "pointer",
|
|
@@ -5142,18 +5092,18 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
|
|
|
5142
5092
|
boxShadow: "0 4px 6px -1px rgba(239, 68, 68, 0.3)"
|
|
5143
5093
|
},
|
|
5144
5094
|
onMouseEnter: (e) => {
|
|
5145
|
-
e.currentTarget.style.backgroundColor = "#
|
|
5095
|
+
e.currentTarget.style.backgroundColor = "#361985ff";
|
|
5146
5096
|
e.currentTarget.style.transform = "translateY(-2px)";
|
|
5147
5097
|
e.currentTarget.style.boxShadow = "0 10px 15px -3px rgba(239, 68, 68, 0.4)";
|
|
5148
5098
|
},
|
|
5149
5099
|
onMouseLeave: (e) => {
|
|
5150
|
-
e.currentTarget.style.backgroundColor = "#
|
|
5100
|
+
e.currentTarget.style.backgroundColor = "#361985ff";
|
|
5151
5101
|
e.currentTarget.style.transform = "translateY(0)";
|
|
5152
5102
|
e.currentTarget.style.boxShadow = "0 4px 6px -1px rgba(239, 68, 68, 0.3)";
|
|
5153
5103
|
},
|
|
5154
5104
|
children: [
|
|
5155
5105
|
t("pageChildrenSelect.moreInsights"),
|
|
5156
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight
|
|
5106
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { size: 18 })
|
|
5157
5107
|
]
|
|
5158
5108
|
}
|
|
5159
5109
|
) })
|