nvis-fe-cms-libs 1.1.28 → 1.1.30

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.
Files changed (5) hide show
  1. package/dist/nvis-fe-cms-libs.es.js +425 -576
  2. package/dist/nvis-fe-cms-libs.es.js.map +1 -1
  3. package/dist/nvis-fe-cms-libs.umd.js +425 -576
  4. package/dist/nvis-fe-cms-libs.umd.js.map +1 -1
  5. package/package.json +1 -1
package/dist/nvis-fe-cms-libs.umd.js CHANGED
@@ -460,7 +460,7 @@ var __async = (__this, __arguments, generator) => {
460
460
  "div",
461
461
  {
462
462
  ref: (el) => refs.current[index2] = el,
463
- className: `flex items-start space-x-4 rounded-lg p-4 transform transition-all duration-700 ease-out border ${isDarkMode ? "border-gray-700" : "border-gray-300"} ${visible[index2] ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
463
+ className: `flex items-start space-x-4 rounded-2xl p-6 transform transition-all duration-700 ease-out border backdrop-blur-sm ${isDarkMode ? "border-blue-800/40 bg-gradient-to-br from-blue-900/30 via-indigo-900/20 to-purple-900/30 hover:from-blue-800/40 hover:to-purple-800/40" : "border-gray-200 bg-transparent hover:border-gray-300"} ${visible[index2] ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
464
464
  style: { transitionDelay: `${index2 * 200}ms` },
465
465
  children: [
466
466
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -510,6 +510,76 @@ var __async = (__this, __arguments, generator) => {
510
510
  }
511
511
  }) });
512
512
  };
513
+ const SectionWrapper = ({
514
+ variant,
515
+ isDarkMode,
516
+ className = "",
517
+ children
518
+ }) => {
519
+ const defaultVariant = "neutral";
520
+ const currentVariant = variant || defaultVariant;
521
+ const variants = {
522
+ blue: {
523
+ light: "bg-gradient-to-b from-white via-blue-100 to-white",
524
+ dark: "bg-gradient-to-b from-gray-950 via-blue-900 to-gray-950",
525
+ lightDecor1: "bg-blue-200/30",
526
+ lightDecor2: "bg-blue-300/30",
527
+ darkDecor1: "bg-blue-500/10",
528
+ darkDecor2: "bg-blue-600/10"
529
+ },
530
+ purple: {
531
+ light: "bg-gradient-to-b from-white via-purple-100 to-white",
532
+ dark: "bg-gradient-to-b from-gray-950 via-purple-900 to-gray-950",
533
+ lightDecor1: "bg-purple-200/30",
534
+ lightDecor2: "bg-pink-200/30",
535
+ darkDecor1: "bg-purple-500/10",
536
+ darkDecor2: "bg-pink-500/10"
537
+ },
538
+ green: {
539
+ light: "bg-gradient-to-b from-white via-emerald-100 to-white",
540
+ dark: "bg-gradient-to-b from-gray-950 via-emerald-900 to-gray-950",
541
+ lightDecor1: "bg-emerald-200/30",
542
+ lightDecor2: "bg-teal-200/30",
543
+ darkDecor1: "bg-emerald-500/10",
544
+ darkDecor2: "bg-teal-500/10"
545
+ },
546
+ neutral: {
547
+ light: "bg-gradient-to-b from-white via-gray-100 to-white",
548
+ dark: "bg-gradient-to-b from-gray-950 via-gray-800 to-gray-950",
549
+ lightDecor1: "bg-gray-200/30",
550
+ lightDecor2: "bg-gray-300/30",
551
+ darkDecor1: "bg-gray-600/10",
552
+ darkDecor2: "bg-gray-700/10"
553
+ },
554
+ softLight: {
555
+ light: "bg-gradient-to-b from-white via-blue-50 to-white",
556
+ dark: "bg-gradient-to-b from-gray-950 via-blue-950 to-gray-950",
557
+ lightDecor1: "bg-blue-100/25",
558
+ lightDecor2: "bg-purple-100/25",
559
+ darkDecor1: "bg-blue-500/10",
560
+ darkDecor2: "bg-purple-500/10"
561
+ }
562
+ };
563
+ const current = variants[currentVariant] || variants[defaultVariant];
564
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: `relative py-32 ${isDarkMode ? current.dark : current.light} ${className}`, children: [
565
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
566
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
567
+ "div",
568
+ {
569
+ className: `absolute top-10 left-1/4 w-72 h-72 ${isDarkMode ? current.darkDecor1 : current.lightDecor1} rounded-full blur-3xl animate-pulse`
570
+ }
571
+ ),
572
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
573
+ "div",
574
+ {
575
+ className: `absolute bottom-10 right-1/4 w-80 h-80 ${isDarkMode ? current.darkDecor2 : current.lightDecor2} rounded-full blur-3xl animate-pulse`,
576
+ style: { animationDelay: "2s" }
577
+ }
578
+ )
579
+ ] }),
580
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative z-10", children })
581
+ ] });
582
+ };
513
583
  const AboutCompanySection = ({ data, t, isDarkMode }) => {
514
584
  var _a, _b;
515
585
  const safeT = typeof t === "function" ? t : (key, options) => {
@@ -576,7 +646,7 @@ var __async = (__this, __arguments, generator) => {
576
646
  /* @__PURE__ */ jsxRuntimeExports.jsx(
577
647
  "h1",
578
648
  {
579
- className: `text-4xl lg:text-5xl font-bold ${isDarkMode ? "text-white" : "text-gray-100"}`,
649
+ className: `text-5xl lg:text-6xl font-extrabold tracking-tight mb-4 ${isDarkMode ? "text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-indigo-300 to-purple-400 drop-shadow-[0_2px_8px_rgba(0,0,0,0.6)]" : "text-transparent bg-clip-text bg-gradient-to-r from-blue-100 via-indigo-50 to-purple-100 drop-shadow-[0_2px_6px_rgba(0,0,0,0.4)]"}`,
580
650
  children: name
581
651
  }
582
652
  )
@@ -586,7 +656,7 @@ var __async = (__this, __arguments, generator) => {
586
656
  "div",
587
657
  {
588
658
  dangerouslySetInnerHTML: { __html: shortDescription },
589
- className: `prose max-w-none transition-colors mb-6 ${isDarkMode ? "prose-invert text-gray-300" : "text-gray-800"}`
659
+ className: `prose max-w-none mb-8 leading-relaxed transition-colors ${isDarkMode ? "prose-invert text-gray-200" : "text-gray-100"} text-lg sm:text-xl md:text-2xl font-light tracking-wide`
590
660
  }
591
661
  ),
592
662
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -606,58 +676,52 @@ var __async = (__this, __arguments, generator) => {
606
676
  ]
607
677
  }
608
678
  ),
609
- /* @__PURE__ */ jsxRuntimeExports.jsx(
610
- "section",
611
- {
612
- className: `py-20 transition-colors duration-300 ${isDarkMode ? "bg-gray-900" : "bg-gray-50"}`,
613
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
614
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
615
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
616
- "div",
617
- {
618
- className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? "bg-blue-900/40 text-blue-300 border border-blue-700" : "bg-blue-100 text-blue-800"}`,
619
- children: [
620
- "📖 ",
621
- safeT("aboutCompany.story.badge")
622
- ]
623
- }
624
- ),
625
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
626
- "h2",
627
- {
628
- className: `text-3xl lg:text-4xl font-bold mb-6 ${isDarkMode ? "text-white" : "text-gray-800"}`,
629
- children: [
630
- safeT("aboutCompany.story.title"),
631
- " ",
632
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent", children: name })
633
- ]
634
- }
635
- ),
636
- /* @__PURE__ */ jsxRuntimeExports.jsx(
637
- "div",
638
- {
639
- dangerouslySetInnerHTML: { __html: description },
640
- className: `prose max-w-none transition-colors ${isDarkMode ? "prose-invert text-gray-300" : "text-gray-600"}`
641
- }
642
- )
643
- ] }),
644
- /* @__PURE__ */ jsxRuntimeExports.jsx(
645
- "div",
679
+ /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
680
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
681
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
682
+ "div",
683
+ {
684
+ className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? "bg-blue-900/40 text-blue-300 border border-blue-700" : "bg-blue-100 text-blue-800"}`,
685
+ children: [
686
+ "📖 ",
687
+ safeT("aboutCompany.story.badge")
688
+ ]
689
+ }
690
+ ),
691
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
692
+ "h2",
693
+ {
694
+ className: `text-3xl lg:text-4xl font-bold mb-6 ${isDarkMode ? "text-white" : "text-gray-800"}`,
695
+ children: [
696
+ safeT("aboutCompany.story.title"),
697
+ " ",
698
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent", children: name })
699
+ ]
700
+ }
701
+ ),
702
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
703
+ "div",
704
+ {
705
+ dangerouslySetInnerHTML: { __html: description },
706
+ className: `prose max-w-none transition-colors ${isDarkMode ? "prose-invert text-gray-300" : "text-gray-600"}`
707
+ }
708
+ )
709
+ ] }),
710
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
711
+ "div",
712
+ {
713
+ className: `transition-colors ${isDarkMode ? "text-gray-300" : "text-gray-700"}`,
714
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(
715
+ CompanyValues,
646
716
  {
647
- className: `transition-colors ${isDarkMode ? "text-gray-300" : "text-gray-700"}`,
648
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(
649
- CompanyValues,
650
- {
651
- companyData,
652
- t: safeT,
653
- isDarkMode
654
- }
655
- )
717
+ companyData,
718
+ t: safeT,
719
+ isDarkMode
656
720
  }
657
721
  )
658
- ] }) })
659
- }
660
- )
722
+ }
723
+ )
724
+ ] }) }) })
661
725
  ] });
662
726
  };
663
727
  const TimelineSection = ({ data, t, isDarkMode, section }) => {
@@ -699,7 +763,7 @@ var __async = (__this, __arguments, generator) => {
699
763
  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `${isDarkMode ? "text-gray-300" : "text-gray-600"}`, children: t("timeline.noData.description") || "Hiện tại chưa có milestone nào được thiết lập." })
700
764
  ] }) });
701
765
  }
702
- 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: [
766
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
703
767
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
704
768
  "div",
705
769
  {
@@ -998,70 +1062,64 @@ var __async = (__this, __arguments, generator) => {
998
1062
  return () => partnersRef.current && observer.unobserve(partnersRef.current);
999
1063
  }, []);
1000
1064
  if (!partnersData.length) return null;
1001
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1002
- "section",
1003
- {
1004
- className: `py-12 lg:py-20 transition-colors duration-300 ${isDarkMode ? "bg-gradient-to-b from-gray-950 via-gray-900 to-gray-800" : "bg-gradient-to-b from-white via-gray-50 to-gray-100"}`,
1005
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
1006
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12", children: [
1007
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1065
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
1066
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12", children: [
1067
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1068
+ "div",
1069
+ {
1070
+ className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
1071
+ children: [
1072
+ "🤝 ",
1073
+ t("partners.header.badge")
1074
+ ]
1075
+ }
1076
+ ),
1077
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1078
+ "h2",
1079
+ {
1080
+ className: `text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? "text-white" : "text-gray-800"}`,
1081
+ children: [
1082
+ t("partners.header.title"),
1083
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2", children: t("partners.header.subtitle") })
1084
+ ]
1085
+ }
1086
+ )
1087
+ ] }),
1088
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: partnersRef, className: "relative overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1089
+ "div",
1090
+ {
1091
+ className: `transition-all duration-1000 ease-out ${partnersVisible ? "opacity-100 scale-100" : "opacity-0 scale-95"}`,
1092
+ children: [
1093
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-56 md:h-64 lg:h-72 xl:h-80 mb-8", children: partners.map((group, slideIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1008
1094
  "div",
1009
1095
  {
1010
- className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
1011
- children: [
1012
- "🤝 ",
1013
- t("partners.header.badge")
1014
- ]
1015
- }
1016
- ),
1017
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1018
- "h2",
1019
- {
1020
- className: `text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? "text-white" : "text-gray-800"}`,
1021
- children: [
1022
- t("partners.header.title"),
1023
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2", children: t("partners.header.subtitle") })
1024
- ]
1025
- }
1026
- )
1027
- ] }),
1028
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: partnersRef, className: "relative overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1029
- "div",
1030
- {
1031
- className: `transition-all duration-1000 ease-out ${partnersVisible ? "opacity-100 scale-100" : "opacity-0 scale-95"}`,
1032
- children: [
1033
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-56 md:h-64 lg:h-72 xl:h-80 mb-8", children: partners.map((group, slideIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1034
- "div",
1096
+ className: `absolute inset-0 transition-all duration-1000 ease-in-out ${slideIndex === currentPartnerSlide ? "opacity-100 translate-x-0" : slideIndex < currentPartnerSlide ? "opacity-0 -translate-x-full" : "opacity-0 translate-x-full"}`,
1097
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 h-full px-2", children: group.map((partner, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1098
+ PartnerCard,
1035
1099
  {
1036
- className: `absolute inset-0 transition-all duration-1000 ease-in-out ${slideIndex === currentPartnerSlide ? "opacity-100 translate-x-0" : slideIndex < currentPartnerSlide ? "opacity-0 -translate-x-full" : "opacity-0 translate-x-full"}`,
1037
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 h-full px-2", children: group.map((partner, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1038
- PartnerCard,
1039
- {
1040
- partner,
1041
- idx,
1042
- t,
1043
- getLogoUrl,
1044
- isDarkMode
1045
- },
1046
- partner.id || idx
1047
- )) })
1048
- },
1049
- slideIndex
1050
- )) }),
1051
- partners.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2", children: partners.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1052
- "button",
1053
- {
1054
- onClick: () => setCurrentPartnerSlide(index2),
1055
- className: `w-3 h-3 rounded-full transition-all ${index2 === currentPartnerSlide ? "bg-blue-500 scale-125" : isDarkMode ? "bg-gray-600 hover:bg-blue-400" : "bg-gray-300 hover:bg-blue-500"}`
1100
+ partner,
1101
+ idx,
1102
+ t,
1103
+ getLogoUrl,
1104
+ isDarkMode
1056
1105
  },
1057
- index2
1106
+ partner.id || idx
1058
1107
  )) })
1059
- ]
1060
- }
1061
- ) })
1062
- ] })
1063
- }
1064
- );
1108
+ },
1109
+ slideIndex
1110
+ )) }),
1111
+ partners.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2", children: partners.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1112
+ "button",
1113
+ {
1114
+ onClick: () => setCurrentPartnerSlide(index2),
1115
+ className: `w-3 h-3 rounded-full transition-all ${index2 === currentPartnerSlide ? "bg-blue-500 scale-125" : isDarkMode ? "bg-gray-600 hover:bg-blue-400" : "bg-gray-300 hover:bg-blue-500"}`
1116
+ },
1117
+ index2
1118
+ )) })
1119
+ ]
1120
+ }
1121
+ ) })
1122
+ ] }) });
1065
1123
  };
1066
1124
  const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline, section }) => {
1067
1125
  const [milestones, setMilestones] = require$$0.useState([]);
@@ -1150,68 +1208,62 @@ var __async = (__this, __arguments, generator) => {
1150
1208
  }
1151
1209
  );
1152
1210
  }
1153
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1154
- "section",
1155
- {
1156
- className: `py-20 ${isDarkMode ? "bg-gray-800" : "bg-white"}`,
1157
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
1158
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1159
- "div",
1160
- {
1161
- 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"}`,
1162
- children: [
1163
- "📈 ",
1164
- sectionTitle
1165
- ]
1166
- }
1167
- ) }),
1168
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
1169
- /* @__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" }),
1170
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-8", children: milestones.map((milestone, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
1171
- "div",
1172
- {
1173
- ref: (el) => timelineRefs.current[index2] = el,
1174
- className: `flex items-center transition-all duration-700 ease-out ${index2 % 2 === 0 ? "flex-row" : "flex-row-reverse"} ${timelineVisible[index2] ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
1175
- style: { transitionDelay: `${index2 * 200}ms` },
1176
- children: [
1177
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1178
- "div",
1179
- {
1180
- className: `relative p-5 rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl overflow-hidden ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-600" : "bg-gray-50 hover:shadow-2xl"}`,
1181
- children: [
1182
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-blue-600 font-bold text-xl mb-2", children: milestone.time }),
1183
- /* @__PURE__ */ jsxRuntimeExports.jsx(
1184
- "h3",
1185
- {
1186
- className: `text-lg font-bold mb-2 ${isDarkMode ? "text-white" : "text-gray-900"}`,
1187
- children: milestone.title
1188
- }
1189
- ),
1190
- /* @__PURE__ */ jsxRuntimeExports.jsx(
1191
- "p",
1192
- {
1193
- className: `${isDarkMode ? "text-gray-300" : "text-gray-600"}`,
1194
- children: milestone.description
1195
- }
1196
- )
1197
- ]
1198
- }
1199
- ) }),
1200
- /* @__PURE__ */ jsxRuntimeExports.jsx(
1201
- "div",
1202
- {
1203
- className: `w-6 h-6 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full border-4 ${isDarkMode ? "border-gray-800" : "border-white"} shadow-[0_0_10px_5px_rgba(59,130,246,0.5)] flex-shrink-0 z-10 animate-pulse`
1204
- }
1205
- ),
1206
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" })
1207
- ]
1208
- },
1209
- milestone.id
1210
- )) })
1211
- ] })
1212
- ] })
1213
- }
1214
- );
1211
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
1212
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1213
+ "div",
1214
+ {
1215
+ 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"}`,
1216
+ children: [
1217
+ "📈 ",
1218
+ sectionTitle
1219
+ ]
1220
+ }
1221
+ ) }),
1222
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
1223
+ /* @__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" }),
1224
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-8", children: milestones.map((milestone, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
1225
+ "div",
1226
+ {
1227
+ ref: (el) => timelineRefs.current[index2] = el,
1228
+ className: `flex items-center transition-all duration-700 ease-out ${index2 % 2 === 0 ? "flex-row" : "flex-row-reverse"} ${timelineVisible[index2] ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
1229
+ style: { transitionDelay: `${index2 * 200}ms` },
1230
+ children: [
1231
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1232
+ "div",
1233
+ {
1234
+ className: `relative p-5 rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl overflow-hidden ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-600" : "bg-gray-50 hover:shadow-2xl"}`,
1235
+ children: [
1236
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-blue-600 font-bold text-xl mb-2", children: milestone.time }),
1237
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
1238
+ "h3",
1239
+ {
1240
+ className: `text-lg font-bold mb-2 ${isDarkMode ? "text-white" : "text-gray-900"}`,
1241
+ children: milestone.title
1242
+ }
1243
+ ),
1244
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
1245
+ "p",
1246
+ {
1247
+ className: `${isDarkMode ? "text-gray-300" : "text-gray-600"}`,
1248
+ children: milestone.description
1249
+ }
1250
+ )
1251
+ ]
1252
+ }
1253
+ ) }),
1254
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
1255
+ "div",
1256
+ {
1257
+ className: `w-6 h-6 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full border-4 ${isDarkMode ? "border-gray-800" : "border-white"} shadow-[0_0_10px_5px_rgba(59,130,246,0.5)] flex-shrink-0 z-10 animate-pulse`
1258
+ }
1259
+ ),
1260
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" })
1261
+ ]
1262
+ },
1263
+ milestone.id
1264
+ )) })
1265
+ ] })
1266
+ ] }) });
1215
1267
  };
1216
1268
  const TestimonialsSection = ({ data, t, isDarkMode, section }) => {
1217
1269
  var _a;
@@ -1255,74 +1307,68 @@ var __async = (__this, __arguments, generator) => {
1255
1307
  return () => clearInterval(interval);
1256
1308
  }
1257
1309
  }, [displayTestimonials.length]);
1258
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1259
- "section",
1260
- {
1261
- className: `py-20 transition-colors duration-200 ${isDarkMode ? "bg-gray-700" : "bg-gray-50"}`,
1262
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
1263
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1264
- "div",
1265
- {
1266
- 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"}`,
1267
- children: [
1268
- "💬 ",
1269
- sectionTitle
1270
- ]
1271
- }
1272
- ),
1273
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
1274
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1275
- "div",
1276
- {
1277
- className: `p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode ? "bg-gray-800/80 backdrop-blur-sm border border-gray-700" : "bg-white"}`,
1278
- children: [
1279
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1280
- "blockquote",
1310
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
1311
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1312
+ "div",
1313
+ {
1314
+ 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"}`,
1315
+ children: [
1316
+ "💬 ",
1317
+ sectionTitle
1318
+ ]
1319
+ }
1320
+ ),
1321
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
1322
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1323
+ "div",
1324
+ {
1325
+ className: `p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode ? "bg-gray-800/80 backdrop-blur-sm border border-gray-700" : "bg-white"}`,
1326
+ children: [
1327
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1328
+ "blockquote",
1329
+ {
1330
+ className: `text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`,
1331
+ children: [
1332
+ '"',
1333
+ displayTestimonials[currentIndex].quote,
1334
+ '"'
1335
+ ]
1336
+ }
1337
+ ),
1338
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center space-x-4 animate-fadeIn", children: [
1339
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl", children: "👤" }),
1340
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-left", children: [
1341
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
1342
+ "div",
1281
1343
  {
1282
- className: `text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`,
1283
- children: [
1284
- '"',
1285
- displayTestimonials[currentIndex].quote,
1286
- '"'
1287
- ]
1344
+ className: `font-bold text-base transition-colors duration-200 ${isDarkMode ? "text-white" : "text-gray-900"}`,
1345
+ children: displayTestimonials[currentIndex].author
1288
1346
  }
1289
1347
  ),
1290
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center space-x-4 animate-fadeIn", children: [
1291
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl", children: "👤" }),
1292
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-left", children: [
1293
- /* @__PURE__ */ jsxRuntimeExports.jsx(
1294
- "div",
1295
- {
1296
- className: `font-bold text-base transition-colors duration-200 ${isDarkMode ? "text-white" : "text-gray-900"}`,
1297
- children: displayTestimonials[currentIndex].author
1298
- }
1299
- ),
1300
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-blue-600 font-medium text-sm", children: displayTestimonials[currentIndex].position }),
1301
- displayTestimonials[currentIndex].company && /* @__PURE__ */ jsxRuntimeExports.jsx(
1302
- "div",
1303
- {
1304
- className: `text-xs transition-colors duration-200 ${isDarkMode ? "text-gray-400" : "text-gray-600"}`,
1305
- children: displayTestimonials[currentIndex].company
1306
- }
1307
- )
1308
- ] })
1309
- ] })
1310
- ]
1311
- },
1312
- currentIndex
1313
- ),
1314
- displayTestimonials.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: displayTestimonials.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1315
- "button",
1316
- {
1317
- onClick: () => setCurrentIndex(index2),
1318
- className: `w-2.5 h-2.5 rounded-full transition-all duration-300 ${index2 === currentIndex ? "bg-blue-600" : isDarkMode ? "bg-gray-600 hover:bg-gray-500" : "bg-gray-300 hover:bg-gray-400"}`
1319
- },
1320
- index2
1321
- )) })
1322
- ] })
1323
- ] })
1324
- }
1325
- );
1348
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-blue-600 font-medium text-sm", children: displayTestimonials[currentIndex].position }),
1349
+ displayTestimonials[currentIndex].company && /* @__PURE__ */ jsxRuntimeExports.jsx(
1350
+ "div",
1351
+ {
1352
+ className: `text-xs transition-colors duration-200 ${isDarkMode ? "text-gray-400" : "text-gray-600"}`,
1353
+ children: displayTestimonials[currentIndex].company
1354
+ }
1355
+ )
1356
+ ] })
1357
+ ] })
1358
+ ]
1359
+ },
1360
+ currentIndex
1361
+ ),
1362
+ displayTestimonials.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: displayTestimonials.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1363
+ "button",
1364
+ {
1365
+ onClick: () => setCurrentIndex(index2),
1366
+ className: `w-2.5 h-2.5 rounded-full transition-all duration-300 ${index2 === currentIndex ? "bg-blue-600" : isDarkMode ? "bg-gray-600 hover:bg-gray-500" : "bg-gray-300 hover:bg-gray-400"}`
1367
+ },
1368
+ index2
1369
+ )) })
1370
+ ] })
1371
+ ] }) });
1326
1372
  };
1327
1373
  const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
1328
1374
  const itemRef = require$$0.useRef(null);
@@ -1534,72 +1580,66 @@ var __async = (__this, __arguments, generator) => {
1534
1580
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "py-20 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-red-500", children: t("partners.error") || error }) });
1535
1581
  }
1536
1582
  if (!partnersData.length) return null;
1537
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
1538
- "section",
1539
- {
1540
- className: `py-12 lg:py-20 transition-colors duration-300 ${isDarkMode ? "bg-gradient-to-b from-gray-950 via-gray-900 to-gray-800" : "bg-gradient-to-b from-white via-gray-50 to-gray-100"}`,
1541
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
1542
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12", children: [
1543
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1583
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
1584
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-12", children: [
1585
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1586
+ "div",
1587
+ {
1588
+ className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
1589
+ children: [
1590
+ "🤝 ",
1591
+ t("partners.badge") || "ĐỐI TÁC CHIẾN LƯỢC"
1592
+ ]
1593
+ }
1594
+ ),
1595
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
1596
+ "h2",
1597
+ {
1598
+ className: `text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? "text-white" : "text-gray-800"}`,
1599
+ children: [
1600
+ t("partners.title.part1") || "Đồng hành cùng",
1601
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2", children: t("partners.title.part2") || "Những thương hiệu hàng đầu" })
1602
+ ]
1603
+ }
1604
+ )
1605
+ ] }),
1606
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: partnersRef, className: "relative", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1607
+ "div",
1608
+ {
1609
+ className: `transition-all duration-1000 ease-out ${partnersVisible ? "opacity-100 scale-100" : "opacity-0 scale-95"}`,
1610
+ children: [
1611
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative overflow-hidden mb-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-[220px]", children: partners.map((group, slideIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1544
1612
  "div",
1545
1613
  {
1546
- className: `inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode ? "bg-blue-900/30 text-blue-300 border-blue-800" : "bg-blue-100 text-blue-800 border-blue-200"}`,
1547
- children: [
1548
- "🤝 ",
1549
- t("partners.badge") || "ĐỐI TÁC CHIẾN LƯỢC"
1550
- ]
1551
- }
1552
- ),
1553
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
1554
- "h2",
1555
- {
1556
- className: `text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? "text-white" : "text-gray-800"}`,
1557
- children: [
1558
- t("partners.title.part1") || "Đồng hành cùng",
1559
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2", children: t("partners.title.part2") || "Những thương hiệu hàng đầu" })
1560
- ]
1561
- }
1562
- )
1563
- ] }),
1564
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: partnersRef, className: "relative", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1565
- "div",
1566
- {
1567
- className: `transition-all duration-1000 ease-out ${partnersVisible ? "opacity-100 scale-100" : "opacity-0 scale-95"}`,
1568
- children: [
1569
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative overflow-hidden mb-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-[220px]", children: partners.map((group, slideIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1570
- "div",
1614
+ className: `absolute inset-0 w-full transition-all duration-1000 ease-in-out ${slideIndex === currentPartnerSlide ? "opacity-100 translate-x-0" : slideIndex < currentPartnerSlide ? "opacity-0 -translate-x-full" : "opacity-0 translate-x-full"}`,
1615
+ style: { zIndex: slideIndex === currentPartnerSlide ? 10 : 1 },
1616
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 px-2", children: group.map((partner, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1617
+ PartnerListCard,
1571
1618
  {
1572
- className: `absolute inset-0 w-full transition-all duration-1000 ease-in-out ${slideIndex === currentPartnerSlide ? "opacity-100 translate-x-0" : slideIndex < currentPartnerSlide ? "opacity-0 -translate-x-full" : "opacity-0 translate-x-full"}`,
1573
- style: { zIndex: slideIndex === currentPartnerSlide ? 10 : 1 },
1574
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 px-2", children: group.map((partner, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1575
- PartnerListCard,
1576
- {
1577
- partner,
1578
- idx,
1579
- t,
1580
- isDarkMode,
1581
- getLogoUrl
1582
- },
1583
- partner.id || `${slideIndex}-${idx}`
1584
- )) })
1619
+ partner,
1620
+ idx,
1621
+ t,
1622
+ isDarkMode,
1623
+ getLogoUrl
1585
1624
  },
1586
- slideIndex
1587
- )) }) }),
1588
- partners.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2", style: { zIndex: 50 }, children: partners.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1589
- "button",
1590
- {
1591
- onClick: () => setCurrentPartnerSlide(index2),
1592
- className: `w-3 h-3 rounded-full transition-all duration-300 ${index2 === currentPartnerSlide ? "bg-blue-500 scale-125 shadow-lg" : isDarkMode ? "bg-gray-600 hover:bg-blue-400" : "bg-gray-300 hover:bg-blue-500"}`,
1593
- "aria-label": `Slide ${index2 + 1}`
1594
- },
1595
- index2
1625
+ partner.id || `${slideIndex}-${idx}`
1596
1626
  )) })
1597
- ]
1598
- }
1599
- ) })
1600
- ] })
1601
- }
1602
- );
1627
+ },
1628
+ slideIndex
1629
+ )) }) }),
1630
+ partners.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2", style: { zIndex: 50 }, children: partners.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
1631
+ "button",
1632
+ {
1633
+ onClick: () => setCurrentPartnerSlide(index2),
1634
+ className: `w-3 h-3 rounded-full transition-all duration-300 ${index2 === currentPartnerSlide ? "bg-blue-500 scale-125 shadow-lg" : isDarkMode ? "bg-gray-600 hover:bg-blue-400" : "bg-gray-300 hover:bg-blue-500"}`,
1635
+ "aria-label": `Slide ${index2 + 1}`
1636
+ },
1637
+ index2
1638
+ )) })
1639
+ ]
1640
+ }
1641
+ ) })
1642
+ ] }) });
1603
1643
  };
1604
1644
  /**
1605
1645
  * @license lucide-react v0.536.0 - ISC
@@ -2382,7 +2422,7 @@ var __async = (__this, __arguments, generator) => {
2382
2422
  });
2383
2423
  const inputBaseClasses = `w-full px-4 py-3 rounded-xl border transition-all duration-200 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none ${isDarkMode ? "bg-gray-700 border-gray-600 text-white placeholder-gray-400 focus:border-indigo-500" : "bg-white border-slate-300 text-slate-900 placeholder-slate-500 focus:border-indigo-500"}`;
2384
2424
  const labelClasses = `block text-sm font-semibold mb-2 ${isDarkMode ? "text-gray-300" : "text-slate-700"}`;
2385
- return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: `py-16 transition-colors duration-200 ${isDarkMode ? "bg-gray-950" : "bg-white"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid lg:grid-cols-3 gap-12", children: [
2425
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid lg:grid-cols-3 gap-12", children: [
2386
2426
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `rounded-2xl p-8 shadow-lg border transition-colors duration-200 ${isDarkMode ? "bg-gray-800 border-gray-700" : "bg-white border-slate-200"}`, children: [
2387
2427
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center mb-6", children: [
2388
2428
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-600 flex items-center justify-center mr-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { size: 20, className: "text-white" }) }),
@@ -2698,7 +2738,7 @@ var __async = (__this, __arguments, generator) => {
2698
2738
  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)) || [];
2699
2739
  const sectionTitle = (section == null ? void 0 : section.title) || "...";
2700
2740
  if (!contactData.length) return null;
2701
- 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: [
2741
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
2702
2742
  /* @__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: [
2703
2743
  /* @__PURE__ */ jsxRuntimeExports.jsx(User, { size: 22, className: "mr-2" }),
2704
2744
  sectionTitle
@@ -2806,7 +2846,7 @@ var __async = (__this, __arguments, generator) => {
2806
2846
  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `${isDarkMode ? "text-gray-500" : "text-gray-500"}`, children: t("contactList.status.noData.description") || "Danh sách liên hệ sẽ hiển thị tại đây" })
2807
2847
  ] });
2808
2848
  }
2809
- 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: [
2849
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-6xl mx-auto px-5", children: [
2810
2850
  /* @__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 }) }),
2811
2851
  /* @__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)) })
2812
2852
  ] }) });
@@ -2946,75 +2986,71 @@ var __async = (__this, __arguments, generator) => {
2946
2986
  );
2947
2987
  }
2948
2988
  const currentFeedback = feedbacks[currentIndex];
2949
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(
2950
- "section",
2951
- {
2952
- className: `py-20 transition-colors duration-200 ${isDarkMode ? "bg-gray-700" : "bg-gray-50"}`,
2953
- children: [
2954
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
2955
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
2956
- "div",
2957
- {
2958
- 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"}`,
2959
- children: [
2960
- "💬 ",
2961
- sectionTitle
2962
- ]
2963
- }
2964
- ),
2965
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
2966
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
2967
- "div",
2968
- {
2969
- className: `p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode ? "bg-gray-800/80 backdrop-blur-sm border border-gray-700" : "bg-white shadow-lg"}`,
2970
- children: [
2971
- /* @__PURE__ */ jsxRuntimeExports.jsxs(
2972
- "blockquote",
2989
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionWrapper, { isDarkMode, children: [
2990
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
2991
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
2992
+ "div",
2993
+ {
2994
+ 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"}`,
2995
+ children: [
2996
+ "💬 ",
2997
+ sectionTitle
2998
+ ]
2999
+ }
3000
+ ),
3001
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
3002
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
3003
+ "div",
3004
+ {
3005
+ className: `p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode ? "bg-gray-800/80 backdrop-blur-sm border border-gray-700" : "bg-white shadow-lg"}`,
3006
+ children: [
3007
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(
3008
+ "blockquote",
3009
+ {
3010
+ className: `text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 leading-relaxed ${isDarkMode ? "text-gray-300" : "text-gray-700"}`,
3011
+ children: [
3012
+ '"',
3013
+ currentFeedback.content,
3014
+ '"'
3015
+ ]
3016
+ }
3017
+ ),
3018
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center space-x-4 animate-fadeIn", children: [
3019
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl", children: "👤" }),
3020
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-left", children: [
3021
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
3022
+ "div",
2973
3023
  {
2974
- className: `text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 leading-relaxed ${isDarkMode ? "text-gray-300" : "text-gray-700"}`,
2975
- children: [
2976
- '"',
2977
- currentFeedback.content,
2978
- '"'
2979
- ]
3024
+ className: `font-bold text-base transition-colors duration-200 ${isDarkMode ? "text-white" : "text-gray-900"}`,
3025
+ children: currentFeedback.customerName
2980
3026
  }
2981
3027
  ),
2982
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center space-x-4 animate-fadeIn", children: [
2983
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl", children: "👤" }),
2984
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-left", children: [
2985
- /* @__PURE__ */ jsxRuntimeExports.jsx(
2986
- "div",
2987
- {
2988
- className: `font-bold text-base transition-colors duration-200 ${isDarkMode ? "text-white" : "text-gray-900"}`,
2989
- children: currentFeedback.customerName
2990
- }
2991
- ),
2992
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-blue-600 font-medium text-sm", children: currentFeedback.customerTitle }),
2993
- currentFeedback.customerCompany && /* @__PURE__ */ jsxRuntimeExports.jsx(
2994
- "div",
2995
- {
2996
- className: `text-xs transition-colors duration-200 ${isDarkMode ? "text-gray-400" : "text-gray-600"}`,
2997
- children: currentFeedback.customerCompany
2998
- }
2999
- )
3000
- ] })
3001
- ] })
3002
- ]
3003
- },
3004
- currentIndex
3005
- ),
3006
- feedbacks.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: feedbacks.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
3007
- "button",
3008
- {
3009
- onClick: () => setCurrentIndex(index2),
3010
- className: `w-2.5 h-2.5 rounded-full transition-all duration-300 ${index2 === currentIndex ? "bg-blue-600" : isDarkMode ? "bg-gray-600 hover:bg-gray-500" : "bg-gray-300 hover:bg-gray-400"}`,
3011
- "aria-label": t("customerFeedback.switchToFeedback", { number: index2 + 1 }) || `Chuyển đến phản hồi ${index2 + 1}`
3012
- },
3013
- index2
3014
- )) })
3015
- ] })
3016
- ] }),
3017
- /* @__PURE__ */ jsxRuntimeExports.jsx("style", { jsx: true, children: `
3028
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-blue-600 font-medium text-sm", children: currentFeedback.customerTitle }),
3029
+ currentFeedback.customerCompany && /* @__PURE__ */ jsxRuntimeExports.jsx(
3030
+ "div",
3031
+ {
3032
+ className: `text-xs transition-colors duration-200 ${isDarkMode ? "text-gray-400" : "text-gray-600"}`,
3033
+ children: currentFeedback.customerCompany
3034
+ }
3035
+ )
3036
+ ] })
3037
+ ] })
3038
+ ]
3039
+ },
3040
+ currentIndex
3041
+ ),
3042
+ feedbacks.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: feedbacks.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
3043
+ "button",
3044
+ {
3045
+ onClick: () => setCurrentIndex(index2),
3046
+ className: `w-2.5 h-2.5 rounded-full transition-all duration-300 ${index2 === currentIndex ? "bg-blue-600" : isDarkMode ? "bg-gray-600 hover:bg-gray-500" : "bg-gray-300 hover:bg-gray-400"}`,
3047
+ "aria-label": t("customerFeedback.switchToFeedback", { number: index2 + 1 }) || `Chuyển đến phản hồi ${index2 + 1}`
3048
+ },
3049
+ index2
3050
+ )) })
3051
+ ] })
3052
+ ] }),
3053
+ /* @__PURE__ */ jsxRuntimeExports.jsx("style", { jsx: true, children: `
3018
3054
  .animate-fadeIn {
3019
3055
  animation: fadeIn 0.5s ease-in-out;
3020
3056
  }
@@ -3029,9 +3065,7 @@ var __async = (__this, __arguments, generator) => {
3029
3065
  }
3030
3066
  }
3031
3067
  ` })
3032
- ]
3033
- }
3034
- );
3068
+ ] });
3035
3069
  };
3036
3070
  const ProductListSection = ({ data, t, isDarkMode, getProductList }) => {
3037
3071
  const [products, setProducts] = require$$0.useState([]);
@@ -3259,164 +3293,12 @@ var __async = (__this, __arguments, generator) => {
3259
3293
  }
3260
3294
  );
3261
3295
  };
3262
- const ImageItem = ({ item, index: index2, isDarkMode, t, getObjectUrl: getObjectUrl2 }) => {
3263
- var _a;
3264
- const media = (_a = item.medias) == null ? void 0 : _a[0];
3265
- const getImageUrl = () => {
3266
- if (!(media == null ? void 0 : media.url)) return null;
3267
- if (media.url instanceof File) {
3268
- return URL.createObjectURL(media.url);
3269
- }
3270
- if (typeof media.url === "string" && getObjectUrl2) {
3271
- return getObjectUrl2(media.url);
3272
- }
3273
- return media.url;
3274
- };
3275
- const imageUrl = getImageUrl();
3276
- require$$0.useEffect(() => {
3277
- return () => {
3278
- if (imageUrl && imageUrl.startsWith("blob:")) {
3279
- URL.revokeObjectURL(imageUrl);
3280
- }
3281
- };
3282
- }, [imageUrl]);
3283
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
3284
- "div",
3285
- {
3286
- style: {
3287
- borderRadius: "8px",
3288
- overflow: "hidden",
3289
- boxShadow: isDarkMode ? "0 4px 8px rgba(0,0,0,0.3)" : "0 4px 8px rgba(0,0,0,0.1)"
3290
- },
3291
- children: imageUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
3292
- "img",
3293
- {
3294
- src: imageUrl,
3295
- alt: `Image ${index2 + 1}`,
3296
- style: {
3297
- width: "100%",
3298
- height: "250px",
3299
- objectFit: "cover"
3300
- },
3301
- onError: (e) => {
3302
- e.currentTarget.parentElement.style.display = "none";
3303
- }
3304
- }
3305
- ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
3306
- "div",
3307
- {
3308
- style: {
3309
- width: "100%",
3310
- height: "250px",
3311
- backgroundColor: isDarkMode ? "#374151" : "#f3f4f6",
3312
- display: "flex",
3313
- alignItems: "center",
3314
- justifyContent: "center",
3315
- color: isDarkMode ? "#9ca3af" : "#6b7280",
3316
- fontSize: "14px"
3317
- },
3318
- children: t("imageSection.noImage") || "No image available"
3319
- }
3320
- )
3321
- },
3322
- item.id || index2
3323
- );
3324
- };
3325
- const ImageSection = ({ data, t, isDarkMode, getObjectUrl: getObjectUrl2 }) => {
3326
- const imageItems = require$$0.useMemo(() => (data == null ? void 0 : data.sectionDataBindingItems) || [], [data]);
3327
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
3328
- padding: "40px 20px",
3329
- backgroundColor: isDarkMode ? "#111827" : "white"
3330
- }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "1200px", margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
3331
- "div",
3332
- {
3333
- style: {
3334
- display: "grid",
3335
- gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
3336
- gap: "20px"
3337
- },
3338
- children: imageItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
3339
- ImageItem,
3340
- {
3341
- item,
3342
- index: index2,
3343
- isDarkMode,
3344
- t,
3345
- getObjectUrl: getObjectUrl2
3346
- },
3347
- item.id || index2
3348
- ))
3349
- }
3350
- ) }) });
3351
- };
3352
- const SingleImageItem = ({ item, index: index2, isDarkMode }) => {
3353
- var _a;
3354
- const media = (_a = item.medias) == null ? void 0 : _a[0];
3355
- const getImageUrl = () => {
3356
- if (!(media == null ? void 0 : media.url)) return null;
3357
- if (media.url instanceof File) {
3358
- return URL.createObjectURL(media.url);
3359
- }
3360
- if (getObjectUrl && typeof media.url === "string") {
3361
- return getObjectUrl(media.url);
3362
- }
3363
- return media.url;
3364
- };
3365
- const imageUrl = getImageUrl();
3366
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
3367
- "div",
3368
- {
3369
- style: {
3370
- borderRadius: "12px",
3371
- overflow: "hidden",
3372
- boxShadow: isDarkMode ? "0 8px 24px rgba(0,0,0,0.4)" : "0 8px 24px rgba(0,0,0,0.15)",
3373
- marginBottom: "30px"
3374
- },
3375
- children: imageUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
3376
- "img",
3377
- {
3378
- src: imageUrl,
3379
- alt: `Single Image ${index2 + 1}`,
3380
- style: {
3381
- width: "100%",
3382
- height: "400px",
3383
- objectFit: "cover",
3384
- display: "block"
3385
- },
3386
- onError: (e) => {
3387
- e.currentTarget.style.display = "none";
3388
- }
3389
- }
3390
- )
3391
- },
3392
- item.id || index2
3393
- );
3394
- };
3395
- const ImageSingleSection = ({ data, t, isDarkMode, getObjectUrl: getObjectUrl2 }) => {
3396
- const imageItems = require$$0.useMemo(() => (data == null ? void 0 : data.sectionDataBindingItems) || [], [data]);
3397
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
3398
- padding: "40px 20px",
3399
- backgroundColor: isDarkMode ? "#111827" : "white"
3400
- }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: imageItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
3401
- SingleImageItem,
3402
- {
3403
- item,
3404
- index: index2,
3405
- isDarkMode,
3406
- getObjectUrl: getObjectUrl2
3407
- },
3408
- item.id || index2
3409
- )) }) });
3410
- };
3411
3296
  const TextWithTitleSection = ({ section, data, isDarkMode }) => {
3412
3297
  var _a;
3413
3298
  const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
3414
3299
  const title = ((_a = textItems[0]) == null ? void 0 : _a.value) || "";
3415
3300
  const descriptions = textItems.slice(1);
3416
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
3417
- padding: "40px 20px",
3418
- backgroundColor: isDarkMode ? "#111827" : "#ffffff"
3419
- }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto" }, children: [
3301
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto" }, children: [
3420
3302
  title && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
3421
3303
  fontSize: "36px",
3422
3304
  fontWeight: "700",
@@ -3446,32 +3328,23 @@ var __async = (__this, __arguments, generator) => {
3446
3328
  };
3447
3329
  const TextSection = ({ data, isDarkMode }) => {
3448
3330
  const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
3449
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
3331
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
3450
3332
  "div",
3451
3333
  {
3452
3334
  style: {
3453
- padding: "40px 20px",
3454
- backgroundColor: isDarkMode ? "#111827" : "#ffffff"
3335
+ padding: "0",
3336
+ marginBottom: "20px",
3337
+ fontSize: "28px",
3338
+ fontWeight: "700",
3339
+ lineHeight: "1.3",
3340
+ color: isDarkMode ? "#f9fafb" : "#111827",
3341
+ textAlign: "left",
3342
+ fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
3455
3343
  },
3456
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
3457
- "div",
3458
- {
3459
- style: {
3460
- padding: "0",
3461
- marginBottom: "20px",
3462
- fontSize: "28px",
3463
- fontWeight: "700",
3464
- lineHeight: "1.3",
3465
- color: isDarkMode ? "#f9fafb" : "#111827",
3466
- textAlign: "left",
3467
- fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
3468
- },
3469
- children: item.value
3470
- },
3471
- item.id || index2
3472
- )) })
3473
- }
3474
- );
3344
+ children: item.value
3345
+ },
3346
+ item.id || index2
3347
+ )) }) });
3475
3348
  };
3476
3349
  const DiagramSection = ({ data, t, isDarkMode }) => {
3477
3350
  var _a, _b;
@@ -4427,7 +4300,7 @@ var __async = (__this, __arguments, generator) => {
4427
4300
  const toggleFaq = (index2) => {
4428
4301
  setActiveIndex(activeIndex === index2 ? -1 : index2);
4429
4302
  };
4430
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `py-16 px-4 ${isDarkMode ? "bg-gradient-to-b from-gray-900 via-gray-900 to-gray-800" : "bg-gradient-to-b from-gray-50 to-white"}`, children: [
4303
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionWrapper, { isDarkMode, children: [
4431
4304
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto", children: [
4432
4305
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center mb-6 animate-fade-in", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `
4433
4306
  w-10 h-10 rounded-lg flex items-center justify-center
@@ -4623,15 +4496,7 @@ var __async = (__this, __arguments, generator) => {
4623
4496
  },
4624
4497
  index2
4625
4498
  );
4626
- }) }),
4627
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center gap-3 mt-8", children: highlightData.map((_, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
4628
- "button",
4629
- {
4630
- onClick: () => setActiveTab(index2),
4631
- className: `transition-all duration-300 rounded-full ${activeTab === index2 ? "w-12 h-3 bg-gradient-to-r from-blue-600 to-purple-600" : isDarkMode ? "w-3 h-3 bg-gray-600 hover:bg-gray-500" : "w-3 h-3 bg-gray-300 hover:bg-gray-400"}`
4632
- },
4633
- index2
4634
- )) })
4499
+ }) })
4635
4500
  ] })
4636
4501
  ] });
4637
4502
  };
@@ -4657,11 +4522,7 @@ var __async = (__this, __arguments, generator) => {
4657
4522
  if (url.startsWith("http://") || url.startsWith("https://")) return url;
4658
4523
  return `${imageBaseUrl}${url}`;
4659
4524
  };
4660
- return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: {
4661
- padding: "80px 16px",
4662
- backgroundColor: isDarkMode ? "#111827" : "#f5f5f5",
4663
- transition: "background-color 0.3s"
4664
- }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
4525
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
4665
4526
  maxWidth: "1400px",
4666
4527
  margin: "0 auto"
4667
4528
  }, children: [
@@ -4806,11 +4667,7 @@ var __async = (__this, __arguments, generator) => {
4806
4667
  if (url.startsWith("http://") || url.startsWith("https://")) return url;
4807
4668
  return `${imageBaseUrl}${url}`;
4808
4669
  };
4809
- return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: {
4810
- padding: "60px 16px",
4811
- backgroundColor: isDarkMode ? "#111827" : "#ffffff",
4812
- transition: "background-color 0.3s"
4813
- }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
4670
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
4814
4671
  maxWidth: "1280px",
4815
4672
  margin: "0 auto"
4816
4673
  }, children: [
@@ -4973,11 +4830,7 @@ var __async = (__this, __arguments, generator) => {
4973
4830
  };
4974
4831
  const visiblePages = pages.slice(0, visibleCount);
4975
4832
  const hasMore = visibleCount < pages.length;
4976
- return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: {
4977
- padding: "80px 16px",
4978
- backgroundColor: isDarkMode ? "#0f172a" : "#f8fafc",
4979
- transition: "background-color 0.3s"
4980
- }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
4833
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
4981
4834
  maxWidth: "1400px",
4982
4835
  margin: "0 auto"
4983
4836
  }, children: [
@@ -5124,8 +4977,6 @@ var __async = (__this, __arguments, generator) => {
5124
4977
  ContactListAutoSection,
5125
4978
  CustomerFeedbackAutoSection,
5126
4979
  ProductListSection,
5127
- ImageSection,
5128
- ImageSingleSection,
5129
4980
  TextWithTitleSection,
5130
4981
  TextSection,
5131
4982
  DiagramSection,
@@ -5145,8 +4996,6 @@ var __async = (__this, __arguments, generator) => {
5145
4996
  exports2.DiagramSection = DiagramSection;
5146
4997
  exports2.DiagramSection2 = DiagramSection2;
5147
4998
  exports2.FaqSection = FaqSection;
5148
- exports2.ImageSection = ImageSection;
5149
- exports2.ImageSingleSection = ImageSingleSection;
5150
4999
  exports2.MilestoneSection = MilestoneSection;
5151
5000
  exports2.PageChildrenSelectSection = PageChildrenSelectSection;
5152
5001
  exports2.PageChildrenSelectSection1 = PageChildrenSelectSection1;