nvis-fe-cms-libs 1.1.41 → 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.
|
@@ -392,22 +392,28 @@ const CompanyValues = ({ companyData, t, isDarkMode }) => {
|
|
|
392
392
|
const items = [
|
|
393
393
|
{
|
|
394
394
|
icon: "💡",
|
|
395
|
-
|
|
396
|
-
|
|
395
|
+
gradient: "bg-gradient-blue-soft",
|
|
396
|
+
textGradient: "text-gradient-blue-soft",
|
|
397
|
+
iconBg: isDarkMode ? "bg-blue-900/40" : "bg-blue-100",
|
|
398
|
+
iconColor: isDarkMode ? "text-blue-300" : "text-blue-600",
|
|
397
399
|
title: t("about.companyValues.vision") || "Tầm nhìn",
|
|
398
400
|
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."
|
|
399
401
|
},
|
|
400
402
|
{
|
|
401
403
|
icon: "🚀",
|
|
402
|
-
|
|
403
|
-
|
|
404
|
+
gradient: "bg-gradient-emerald-teal",
|
|
405
|
+
textGradient: "text-gradient-emerald-teal",
|
|
406
|
+
iconBg: isDarkMode ? "bg-emerald-900/40" : "bg-emerald-100",
|
|
407
|
+
iconColor: isDarkMode ? "text-emerald-300" : "text-emerald-600",
|
|
404
408
|
title: t("about.companyValues.mission") || "Sứ mệnh",
|
|
405
409
|
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."
|
|
406
410
|
},
|
|
407
411
|
{
|
|
408
412
|
icon: "💎",
|
|
409
|
-
|
|
410
|
-
|
|
413
|
+
gradient: "bg-gradient-purple-soft",
|
|
414
|
+
textGradient: "text-gradient-purple-soft",
|
|
415
|
+
iconBg: isDarkMode ? "bg-purple-900/40" : "bg-purple-100",
|
|
416
|
+
iconColor: isDarkMode ? "text-purple-300" : "text-purple-600",
|
|
411
417
|
title: t("about.companyValues.coreValues") || "Giá trị cốt lõi",
|
|
412
418
|
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."
|
|
413
419
|
}
|
|
@@ -445,11 +451,54 @@ const CompanyValues = ({ companyData, t, isDarkMode }) => {
|
|
|
445
451
|
};
|
|
446
452
|
}, [validItems.length]);
|
|
447
453
|
if (!companyData || validItems.length === 0) {
|
|
448
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
454
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
455
|
+
"div",
|
|
456
|
+
{
|
|
457
|
+
className: "text-center py-8 px-4 rounded-lg border",
|
|
458
|
+
style: {
|
|
459
|
+
backgroundColor: isDarkMode ? "var(--bg-secondary)" : "var(--bg-secondary)",
|
|
460
|
+
borderColor: isDarkMode ? "var(--border-primary)" : "var(--border-primary)"
|
|
461
|
+
},
|
|
462
|
+
children: [
|
|
463
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
464
|
+
"div",
|
|
465
|
+
{
|
|
466
|
+
className: "w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center",
|
|
467
|
+
style: {
|
|
468
|
+
backgroundColor: isDarkMode ? "var(--bg-tertiary)" : "var(--bg-tertiary)"
|
|
469
|
+
},
|
|
470
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
471
|
+
"svg",
|
|
472
|
+
{
|
|
473
|
+
className: "w-8 h-8",
|
|
474
|
+
style: { color: isDarkMode ? "var(--text-tertiary)" : "var(--text-tertiary)" },
|
|
475
|
+
fill: "none",
|
|
476
|
+
stroke: "currentColor",
|
|
477
|
+
viewBox: "0 0 24 24",
|
|
478
|
+
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" })
|
|
479
|
+
}
|
|
480
|
+
)
|
|
481
|
+
}
|
|
482
|
+
),
|
|
483
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
484
|
+
"h3",
|
|
485
|
+
{
|
|
486
|
+
className: "text-lg font-semibold mb-2",
|
|
487
|
+
style: { color: isDarkMode ? "var(--text-primary)" : "var(--text-primary)" },
|
|
488
|
+
children: "Thông tin công ty"
|
|
489
|
+
}
|
|
490
|
+
),
|
|
491
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
492
|
+
"p",
|
|
493
|
+
{
|
|
494
|
+
className: "text-sm",
|
|
495
|
+
style: { color: isDarkMode ? "var(--text-secondary)" : "var(--text-secondary)" },
|
|
496
|
+
children: "Tầm nhìn, sứ mệnh và giá trị cốt lõi sẽ được cập nhật sớm."
|
|
497
|
+
}
|
|
498
|
+
)
|
|
499
|
+
]
|
|
500
|
+
}
|
|
501
|
+
);
|
|
453
502
|
}
|
|
454
503
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-6", children: validItems.map((item, index2) => {
|
|
455
504
|
try {
|
|
@@ -457,13 +506,26 @@ const CompanyValues = ({ companyData, t, isDarkMode }) => {
|
|
|
457
506
|
"div",
|
|
458
507
|
{
|
|
459
508
|
ref: (el) => refs.current[index2] = el,
|
|
460
|
-
className: `
|
|
461
|
-
|
|
509
|
+
className: `
|
|
510
|
+
flex items-start space-x-4 rounded-2xl p-6
|
|
511
|
+
transform transition-all duration-700 ease-out
|
|
512
|
+
border backdrop-blur-sm
|
|
513
|
+
${visible[index2] ? "opacity-100 scale-100" : "opacity-0 scale-75"}
|
|
514
|
+
`,
|
|
515
|
+
style: __spreadValues({
|
|
516
|
+
transitionDelay: `${index2 * 200}ms`,
|
|
517
|
+
borderColor: isDarkMode ? "var(--border-primary)" : "var(--border-primary)",
|
|
518
|
+
backgroundColor: isDarkMode ? "var(--bg-secondary)" : "transparent"
|
|
519
|
+
}, isDarkMode && {
|
|
520
|
+
backgroundImage: `linear-gradient(to bottom right,
|
|
521
|
+
${index2 === 0 ? "var(--gradient-blue-soft-start)" : index2 === 1 ? "var(--gradient-emerald-start)" : "var(--gradient-purple-soft-start)"}15,
|
|
522
|
+
${index2 === 0 ? "var(--gradient-blue-soft-end)" : index2 === 1 ? "var(--gradient-emerald-end)" : "var(--gradient-purple-soft-end)"}10)`
|
|
523
|
+
}),
|
|
462
524
|
children: [
|
|
463
525
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
464
526
|
"div",
|
|
465
527
|
{
|
|
466
|
-
className: `w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${
|
|
528
|
+
className: `w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${item.iconBg} ${item.iconColor}`,
|
|
467
529
|
children: item.icon
|
|
468
530
|
}
|
|
469
531
|
),
|
|
@@ -471,15 +533,18 @@ const CompanyValues = ({ companyData, t, isDarkMode }) => {
|
|
|
471
533
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
472
534
|
"h3",
|
|
473
535
|
{
|
|
474
|
-
className: `text-lg font-bold mb-1 ${
|
|
536
|
+
className: `text-lg font-bold mb-1 ${item.textGradient}`,
|
|
475
537
|
children: item.title
|
|
476
538
|
}
|
|
477
539
|
),
|
|
478
540
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
479
541
|
"p",
|
|
480
542
|
{
|
|
481
|
-
className: `leading-relaxed ${
|
|
543
|
+
className: `leading-relaxed ${// Style khác nhau cho placeholder vs real content
|
|
482
544
|
item.text.includes("sẽ được cập nhật") ? "italic opacity-75" : ""}`,
|
|
545
|
+
style: {
|
|
546
|
+
color: isDarkMode ? "var(--text-secondary)" : "var(--text-secondary)"
|
|
547
|
+
},
|
|
483
548
|
children: item.text
|
|
484
549
|
}
|
|
485
550
|
)
|
|
@@ -493,12 +558,33 @@ const CompanyValues = ({ companyData, t, isDarkMode }) => {
|
|
|
493
558
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
494
559
|
"div",
|
|
495
560
|
{
|
|
496
|
-
className:
|
|
561
|
+
className: "flex items-start space-x-4 rounded-lg p-4 border opacity-50",
|
|
562
|
+
style: {
|
|
563
|
+
backgroundColor: isDarkMode ? "var(--bg-secondary)" : "var(--bg-secondary)",
|
|
564
|
+
borderColor: isDarkMode ? "var(--border-primary)" : "var(--border-primary)"
|
|
565
|
+
},
|
|
497
566
|
children: [
|
|
498
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
567
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
568
|
+
"div",
|
|
569
|
+
{
|
|
570
|
+
className: "w-10 h-10 rounded-lg flex items-center justify-center",
|
|
571
|
+
style: {
|
|
572
|
+
backgroundColor: isDarkMode ? "#7f1d1d40" : "#fee2e2",
|
|
573
|
+
color: isDarkMode ? "#fca5a5" : "#dc2626"
|
|
574
|
+
},
|
|
575
|
+
children: "❌"
|
|
576
|
+
}
|
|
577
|
+
),
|
|
499
578
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
|
|
500
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
501
|
-
|
|
579
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
580
|
+
"h3",
|
|
581
|
+
{
|
|
582
|
+
className: "text-lg font-bold mb-1",
|
|
583
|
+
style: { color: isDarkMode ? "var(--text-primary)" : "var(--text-primary)" },
|
|
584
|
+
children: "Lỗi hiển thị"
|
|
585
|
+
}
|
|
586
|
+
),
|
|
587
|
+
/* @__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." })
|
|
502
588
|
] })
|
|
503
589
|
]
|
|
504
590
|
},
|
|
@@ -508,74 +594,17 @@ const CompanyValues = ({ companyData, t, isDarkMode }) => {
|
|
|
508
594
|
}) });
|
|
509
595
|
};
|
|
510
596
|
const SectionWrapper = ({
|
|
511
|
-
variant,
|
|
512
|
-
isDarkMode,
|
|
597
|
+
variant = "softLight",
|
|
513
598
|
className = "",
|
|
514
599
|
children
|
|
515
600
|
}) => {
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
dark: "bg-gradient-to-b from-gray-950 via-blue-900 to-gray-950",
|
|
522
|
-
lightDecor1: "bg-blue-200/30",
|
|
523
|
-
lightDecor2: "bg-blue-300/30",
|
|
524
|
-
darkDecor1: "bg-blue-500/10",
|
|
525
|
-
darkDecor2: "bg-blue-600/10"
|
|
526
|
-
},
|
|
527
|
-
purple: {
|
|
528
|
-
light: "bg-gradient-to-b from-white via-purple-100 to-white",
|
|
529
|
-
dark: "bg-gradient-to-b from-gray-950 via-purple-900 to-gray-950",
|
|
530
|
-
lightDecor1: "bg-purple-200/30",
|
|
531
|
-
lightDecor2: "bg-pink-200/30",
|
|
532
|
-
darkDecor1: "bg-purple-500/10",
|
|
533
|
-
darkDecor2: "bg-pink-500/10"
|
|
534
|
-
},
|
|
535
|
-
green: {
|
|
536
|
-
light: "bg-gradient-to-b from-white via-emerald-100 to-white",
|
|
537
|
-
dark: "bg-gradient-to-b from-gray-950 via-emerald-900 to-gray-950",
|
|
538
|
-
lightDecor1: "bg-emerald-200/30",
|
|
539
|
-
lightDecor2: "bg-teal-200/30",
|
|
540
|
-
darkDecor1: "bg-emerald-500/10",
|
|
541
|
-
darkDecor2: "bg-teal-500/10"
|
|
542
|
-
},
|
|
543
|
-
neutral: {
|
|
544
|
-
light: "bg-gradient-to-b from-white via-gray-100 to-white",
|
|
545
|
-
dark: "bg-gradient-to-b from-gray-950 via-gray-800 to-gray-950",
|
|
546
|
-
lightDecor1: "bg-gray-200/30",
|
|
547
|
-
lightDecor2: "bg-gray-300/30",
|
|
548
|
-
darkDecor1: "bg-gray-600/10",
|
|
549
|
-
darkDecor2: "bg-gray-700/10"
|
|
550
|
-
},
|
|
551
|
-
softLight: {
|
|
552
|
-
light: "bg-gradient-to-b from-white via-blue-50 to-white",
|
|
553
|
-
dark: "bg-gradient-to-b from-gray-950 via-blue-950 to-gray-950",
|
|
554
|
-
lightDecor1: "bg-blue-100/25",
|
|
555
|
-
lightDecor2: "bg-purple-100/25",
|
|
556
|
-
darkDecor1: "bg-blue-500/10",
|
|
557
|
-
darkDecor2: "bg-purple-500/10"
|
|
601
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
602
|
+
"section",
|
|
603
|
+
{
|
|
604
|
+
className: `section-wrapper section-wrapper--${variant} ${className}`,
|
|
605
|
+
children
|
|
558
606
|
}
|
|
559
|
-
|
|
560
|
-
const current = variants[currentVariant] || variants[defaultVariant];
|
|
561
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: `relative py-32 ${isDarkMode ? current.dark : current.light} ${className}`, children: [
|
|
562
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
563
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
564
|
-
"div",
|
|
565
|
-
{
|
|
566
|
-
className: `absolute top-10 left-1/4 w-72 h-72 ${isDarkMode ? current.darkDecor1 : current.lightDecor1} rounded-full blur-3xl animate-pulse`
|
|
567
|
-
}
|
|
568
|
-
),
|
|
569
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
570
|
-
"div",
|
|
571
|
-
{
|
|
572
|
-
className: `absolute bottom-10 right-1/4 w-80 h-80 ${isDarkMode ? current.darkDecor2 : current.lightDecor2} rounded-full blur-3xl animate-pulse`,
|
|
573
|
-
style: { animationDelay: "2s" }
|
|
574
|
-
}
|
|
575
|
-
)
|
|
576
|
-
] }),
|
|
577
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative z-10", children })
|
|
578
|
-
] });
|
|
607
|
+
);
|
|
579
608
|
};
|
|
580
609
|
const AboutCompanySection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
|
|
581
610
|
var _a, _b;
|