nvis-fe-cms-libs 1.1.40 → 1.1.42
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.
|
@@ -395,22 +395,28 @@ var __async = (__this, __arguments, generator) => {
|
|
|
395
395
|
const items = [
|
|
396
396
|
{
|
|
397
397
|
icon: "💡",
|
|
398
|
-
|
|
399
|
-
|
|
398
|
+
gradient: "bg-gradient-blue-soft",
|
|
399
|
+
textGradient: "text-gradient-blue-soft",
|
|
400
|
+
iconBg: isDarkMode ? "bg-blue-900/40" : "bg-blue-100",
|
|
401
|
+
iconColor: isDarkMode ? "text-blue-300" : "text-blue-600",
|
|
400
402
|
title: t("about.companyValues.vision") || "Tầm nhìn",
|
|
401
403
|
text: cleanHtmlContent(safeCompanyData.vision) || "Tầm nhìn của chúng tôi sẽ được cập nhật trong thời gian tới."
|
|
402
404
|
},
|
|
403
405
|
{
|
|
404
406
|
icon: "🚀",
|
|
405
|
-
|
|
406
|
-
|
|
407
|
+
gradient: "bg-gradient-emerald-teal",
|
|
408
|
+
textGradient: "text-gradient-emerald-teal",
|
|
409
|
+
iconBg: isDarkMode ? "bg-emerald-900/40" : "bg-emerald-100",
|
|
410
|
+
iconColor: isDarkMode ? "text-emerald-300" : "text-emerald-600",
|
|
407
411
|
title: t("about.companyValues.mission") || "Sứ mệnh",
|
|
408
412
|
text: cleanHtmlContent(safeCompanyData.mission) || "Sứ mệnh của chúng tôi sẽ được cập nhật trong thời gian tới."
|
|
409
413
|
},
|
|
410
414
|
{
|
|
411
415
|
icon: "💎",
|
|
412
|
-
|
|
413
|
-
|
|
416
|
+
gradient: "bg-gradient-purple-soft",
|
|
417
|
+
textGradient: "text-gradient-purple-soft",
|
|
418
|
+
iconBg: isDarkMode ? "bg-purple-900/40" : "bg-purple-100",
|
|
419
|
+
iconColor: isDarkMode ? "text-purple-300" : "text-purple-600",
|
|
414
420
|
title: t("about.companyValues.coreValues") || "Giá trị cốt lõi",
|
|
415
421
|
text: cleanHtmlContent(safeCompanyData.coreValues) || "Giá trị cốt lõi của chúng tôi sẽ được cập nhật trong thời gian tới."
|
|
416
422
|
}
|
|
@@ -448,11 +454,54 @@ var __async = (__this, __arguments, generator) => {
|
|
|
448
454
|
};
|
|
449
455
|
}, [validItems.length]);
|
|
450
456
|
if (!companyData || validItems.length === 0) {
|
|
451
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
457
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
458
|
+
"div",
|
|
459
|
+
{
|
|
460
|
+
className: "text-center py-8 px-4 rounded-lg border",
|
|
461
|
+
style: {
|
|
462
|
+
backgroundColor: isDarkMode ? "var(--bg-secondary)" : "var(--bg-secondary)",
|
|
463
|
+
borderColor: isDarkMode ? "var(--border-primary)" : "var(--border-primary)"
|
|
464
|
+
},
|
|
465
|
+
children: [
|
|
466
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
467
|
+
"div",
|
|
468
|
+
{
|
|
469
|
+
className: "w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center",
|
|
470
|
+
style: {
|
|
471
|
+
backgroundColor: isDarkMode ? "var(--bg-tertiary)" : "var(--bg-tertiary)"
|
|
472
|
+
},
|
|
473
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
474
|
+
"svg",
|
|
475
|
+
{
|
|
476
|
+
className: "w-8 h-8",
|
|
477
|
+
style: { color: isDarkMode ? "var(--text-tertiary)" : "var(--text-tertiary)" },
|
|
478
|
+
fill: "none",
|
|
479
|
+
stroke: "currentColor",
|
|
480
|
+
viewBox: "0 0 24 24",
|
|
481
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })
|
|
482
|
+
}
|
|
483
|
+
)
|
|
484
|
+
}
|
|
485
|
+
),
|
|
486
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
487
|
+
"h3",
|
|
488
|
+
{
|
|
489
|
+
className: "text-lg font-semibold mb-2",
|
|
490
|
+
style: { color: isDarkMode ? "var(--text-primary)" : "var(--text-primary)" },
|
|
491
|
+
children: "Thông tin công ty"
|
|
492
|
+
}
|
|
493
|
+
),
|
|
494
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
495
|
+
"p",
|
|
496
|
+
{
|
|
497
|
+
className: "text-sm",
|
|
498
|
+
style: { color: isDarkMode ? "var(--text-secondary)" : "var(--text-secondary)" },
|
|
499
|
+
children: "Tầm nhìn, sứ mệnh và giá trị cốt lõi sẽ được cập nhật sớm."
|
|
500
|
+
}
|
|
501
|
+
)
|
|
502
|
+
]
|
|
503
|
+
}
|
|
504
|
+
);
|
|
456
505
|
}
|
|
457
506
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-6", children: validItems.map((item, index2) => {
|
|
458
507
|
try {
|
|
@@ -460,13 +509,26 @@ var __async = (__this, __arguments, generator) => {
|
|
|
460
509
|
"div",
|
|
461
510
|
{
|
|
462
511
|
ref: (el) => refs.current[index2] = el,
|
|
463
|
-
className: `
|
|
464
|
-
|
|
512
|
+
className: `
|
|
513
|
+
flex items-start space-x-4 rounded-2xl p-6
|
|
514
|
+
transform transition-all duration-700 ease-out
|
|
515
|
+
border backdrop-blur-sm
|
|
516
|
+
${visible[index2] ? "opacity-100 scale-100" : "opacity-0 scale-75"}
|
|
517
|
+
`,
|
|
518
|
+
style: __spreadValues({
|
|
519
|
+
transitionDelay: `${index2 * 200}ms`,
|
|
520
|
+
borderColor: isDarkMode ? "var(--border-primary)" : "var(--border-primary)",
|
|
521
|
+
backgroundColor: isDarkMode ? "var(--bg-secondary)" : "transparent"
|
|
522
|
+
}, isDarkMode && {
|
|
523
|
+
backgroundImage: `linear-gradient(to bottom right,
|
|
524
|
+
${index2 === 0 ? "var(--gradient-blue-soft-start)" : index2 === 1 ? "var(--gradient-emerald-start)" : "var(--gradient-purple-soft-start)"}15,
|
|
525
|
+
${index2 === 0 ? "var(--gradient-blue-soft-end)" : index2 === 1 ? "var(--gradient-emerald-end)" : "var(--gradient-purple-soft-end)"}10)`
|
|
526
|
+
}),
|
|
465
527
|
children: [
|
|
466
528
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
467
529
|
"div",
|
|
468
530
|
{
|
|
469
|
-
className: `w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${
|
|
531
|
+
className: `w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${item.iconBg} ${item.iconColor}`,
|
|
470
532
|
children: item.icon
|
|
471
533
|
}
|
|
472
534
|
),
|
|
@@ -474,15 +536,18 @@ var __async = (__this, __arguments, generator) => {
|
|
|
474
536
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
475
537
|
"h3",
|
|
476
538
|
{
|
|
477
|
-
className: `text-lg font-bold mb-1 ${
|
|
539
|
+
className: `text-lg font-bold mb-1 ${item.textGradient}`,
|
|
478
540
|
children: item.title
|
|
479
541
|
}
|
|
480
542
|
),
|
|
481
543
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
482
544
|
"p",
|
|
483
545
|
{
|
|
484
|
-
className: `leading-relaxed ${
|
|
546
|
+
className: `leading-relaxed ${// Style khác nhau cho placeholder vs real content
|
|
485
547
|
item.text.includes("sẽ được cập nhật") ? "italic opacity-75" : ""}`,
|
|
548
|
+
style: {
|
|
549
|
+
color: isDarkMode ? "var(--text-secondary)" : "var(--text-secondary)"
|
|
550
|
+
},
|
|
486
551
|
children: item.text
|
|
487
552
|
}
|
|
488
553
|
)
|
|
@@ -496,12 +561,33 @@ var __async = (__this, __arguments, generator) => {
|
|
|
496
561
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
497
562
|
"div",
|
|
498
563
|
{
|
|
499
|
-
className:
|
|
564
|
+
className: "flex items-start space-x-4 rounded-lg p-4 border opacity-50",
|
|
565
|
+
style: {
|
|
566
|
+
backgroundColor: isDarkMode ? "var(--bg-secondary)" : "var(--bg-secondary)",
|
|
567
|
+
borderColor: isDarkMode ? "var(--border-primary)" : "var(--border-primary)"
|
|
568
|
+
},
|
|
500
569
|
children: [
|
|
501
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
570
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
571
|
+
"div",
|
|
572
|
+
{
|
|
573
|
+
className: "w-10 h-10 rounded-lg flex items-center justify-center",
|
|
574
|
+
style: {
|
|
575
|
+
backgroundColor: isDarkMode ? "#7f1d1d40" : "#fee2e2",
|
|
576
|
+
color: isDarkMode ? "#fca5a5" : "#dc2626"
|
|
577
|
+
},
|
|
578
|
+
children: "❌"
|
|
579
|
+
}
|
|
580
|
+
),
|
|
502
581
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
|
|
503
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
504
|
-
|
|
582
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
583
|
+
"h3",
|
|
584
|
+
{
|
|
585
|
+
className: "text-lg font-bold mb-1",
|
|
586
|
+
style: { color: isDarkMode ? "var(--text-primary)" : "var(--text-primary)" },
|
|
587
|
+
children: "Lỗi hiển thị"
|
|
588
|
+
}
|
|
589
|
+
),
|
|
590
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: isDarkMode ? "var(--text-secondary)" : "var(--text-secondary)" }, children: "Không thể hiển thị mục này do vấn đề dữ liệu." })
|
|
505
591
|
] })
|
|
506
592
|
]
|
|
507
593
|
},
|
|
@@ -511,74 +597,17 @@ var __async = (__this, __arguments, generator) => {
|
|
|
511
597
|
}) });
|
|
512
598
|
};
|
|
513
599
|
const SectionWrapper = ({
|
|
514
|
-
variant,
|
|
515
|
-
isDarkMode,
|
|
600
|
+
variant = "softLight",
|
|
516
601
|
className = "",
|
|
517
602
|
children
|
|
518
603
|
}) => {
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
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"
|
|
604
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
605
|
+
"section",
|
|
606
|
+
{
|
|
607
|
+
className: `section-wrapper section-wrapper--${variant} ${className}`,
|
|
608
|
+
children
|
|
561
609
|
}
|
|
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
|
-
] });
|
|
610
|
+
);
|
|
582
611
|
};
|
|
583
612
|
const AboutCompanySection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
|
|
584
613
|
var _a, _b;
|