nvis-fe-cms-libs 2.0.0 → 2.0.2
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.
|
@@ -393,19 +393,19 @@ var __async = (__this, __arguments, generator) => {
|
|
|
393
393
|
};
|
|
394
394
|
const items = [
|
|
395
395
|
{
|
|
396
|
-
icon: "
|
|
396
|
+
icon: "light_bulb",
|
|
397
397
|
title: t("about.companyValues.vision") || "Tầm nhìn",
|
|
398
398
|
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
399
|
bgClass: "bg-gradient-brand"
|
|
400
400
|
},
|
|
401
401
|
{
|
|
402
|
-
icon: "
|
|
402
|
+
icon: "rocket",
|
|
403
403
|
title: t("about.companyValues.mission") || "Sứ mệnh",
|
|
404
404
|
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.",
|
|
405
405
|
bgClass: "bg-gradient-accent"
|
|
406
406
|
},
|
|
407
407
|
{
|
|
408
|
-
icon: "
|
|
408
|
+
icon: "diamond",
|
|
409
409
|
title: t("about.companyValues.coreValues") || "Giá trị cốt lõi",
|
|
410
410
|
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.",
|
|
411
411
|
bgClass: "bg-gradient-brand"
|
|
@@ -455,7 +455,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
455
455
|
"div",
|
|
456
456
|
{
|
|
457
457
|
className: `w-10 h-10 rounded-lg flex items-center justify-center text-white text-xl flex-shrink-0 ${item.bgClass}`,
|
|
458
|
-
children: item.icon
|
|
458
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicIcon, { name: item.icon, className: "w-6 h-6" })
|
|
459
459
|
}
|
|
460
460
|
),
|
|
461
461
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
@@ -510,96 +510,76 @@ var __async = (__this, __arguments, generator) => {
|
|
|
510
510
|
};
|
|
511
511
|
const logoUrl = getLogoUrl(logo);
|
|
512
512
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
513
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
514
|
-
"
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
513
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "relative min-h-[80vh] flex items-center justify-center overflow-hidden pt-8 bg-gradient-brand", children: [
|
|
514
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0", children: [
|
|
515
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0", children: [
|
|
516
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
517
|
+
"div",
|
|
518
|
+
{
|
|
519
|
+
className: "shape shape-1 absolute w-12 h-12 bg-white/5 rounded-full -top-6 -left-6",
|
|
520
|
+
style: { left: "10%", top: "20%" }
|
|
521
|
+
}
|
|
522
|
+
),
|
|
523
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
524
|
+
"div",
|
|
525
|
+
{
|
|
526
|
+
className: "shape shape-3 absolute w-10 h-10 bg-white/5 rounded-full -bottom-4 -right-4",
|
|
527
|
+
style: { right: "30%", bottom: "10%" }
|
|
528
|
+
}
|
|
529
|
+
),
|
|
530
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
531
|
+
"div",
|
|
532
|
+
{
|
|
533
|
+
className: "shape shape-4 absolute w-14 h-14 bg-white/5 rounded-md -bottom-6 -left-6",
|
|
534
|
+
style: { left: "20%", bottom: "30%" }
|
|
535
|
+
}
|
|
536
|
+
)
|
|
537
|
+
] }),
|
|
538
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
539
|
+
"div",
|
|
540
|
+
{
|
|
541
|
+
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'
|
|
542
|
+
}
|
|
543
|
+
)
|
|
544
|
+
] }),
|
|
545
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
|
|
546
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
|
|
547
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-20 h-20 mx-auto rounded-full bg-gradient-accent p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full rounded-full flex items-center justify-center overflow-hidden bg-body", children: logoUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
548
|
+
"img",
|
|
549
|
+
{
|
|
550
|
+
src: logoUrl,
|
|
551
|
+
alt: name || shortName,
|
|
552
|
+
className: "w-full h-full object-cover rounded-full",
|
|
553
|
+
onError: (e) => {
|
|
554
|
+
e.target.style.display = "none";
|
|
555
|
+
const fallbackDiv = document.createElement("div");
|
|
556
|
+
fallbackDiv.className = "text-2xl font-bold text-gradient-brand";
|
|
557
|
+
fallbackDiv.textContent = shortName;
|
|
558
|
+
e.target.parentElement.appendChild(fallbackDiv);
|
|
547
559
|
}
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
}
|
|
569
|
-
}
|
|
570
|
-
) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-2xl font-bold text-gradient-brand", children: shortName })
|
|
571
|
-
}
|
|
572
|
-
) }),
|
|
573
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-5xl lg:text-6xl font-extrabold tracking-tight mb-4 text-gradient-brand drop-shadow-[0_2px_6px_rgba(0,0,0,0.4)]", children: name })
|
|
574
|
-
] }),
|
|
575
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto", children: [
|
|
576
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
577
|
-
"div",
|
|
578
|
-
{
|
|
579
|
-
dangerouslySetInnerHTML: { __html: shortDescription },
|
|
580
|
-
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`
|
|
581
|
-
}
|
|
582
|
-
),
|
|
583
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
584
|
-
"div",
|
|
585
|
-
{
|
|
586
|
-
className: `inline-flex items-center px-4 py-2 rounded-full border text-sm font-medium ${isDarkMode ? "bg-gray-800/70 border-gray-600 text-gray-300" : "bg-white/20 border-white/40 text-white"}`,
|
|
587
|
-
children: [
|
|
588
|
-
"🚀 ",
|
|
589
|
-
safeT("aboutCompany.hero.establishedYear", { year: establishedYear }),
|
|
590
|
-
" - ",
|
|
591
|
-
safeT("aboutCompany.hero.experience", { years: experienceYears })
|
|
592
|
-
]
|
|
593
|
-
}
|
|
594
|
-
)
|
|
595
|
-
] })
|
|
596
|
-
] }) })
|
|
597
|
-
]
|
|
598
|
-
}
|
|
599
|
-
),
|
|
560
|
+
}
|
|
561
|
+
) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-2xl font-bold text-gradient-brand", children: shortName }) }) }),
|
|
562
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-5xl lg:text-6xl font-extrabold tracking-tight mb-4 text-gradient-brand drop-shadow-[0_2px_6px_rgba(0,0,0,0.4)]", children: name })
|
|
563
|
+
] }),
|
|
564
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto", children: [
|
|
565
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
566
|
+
"div",
|
|
567
|
+
{
|
|
568
|
+
dangerouslySetInnerHTML: { __html: shortDescription },
|
|
569
|
+
className: "prose max-w-none mb-8 leading-relaxed text-inverse text-lg sm:text-xl md:text-2xl font-light tracking-wide"
|
|
570
|
+
}
|
|
571
|
+
),
|
|
572
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center px-4 py-2 rounded-full border bg-white/20 border-white/40 text-inverse text-small font-medium", children: [
|
|
573
|
+
safeT("aboutCompany.hero.establishedYear", { year: establishedYear }),
|
|
574
|
+
" - ",
|
|
575
|
+
safeT("aboutCompany.hero.experience", { years: experienceYears })
|
|
576
|
+
] })
|
|
577
|
+
] })
|
|
578
|
+
] }) })
|
|
579
|
+
] }),
|
|
600
580
|
/* @__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: [
|
|
601
581
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
|
|
602
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-block px-4 py-2 rounded-full text-
|
|
582
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-block px-4 py-2 rounded-full text-small font-semibold mb-4 bg-surface text-brand-primary border f-border", children: [
|
|
603
583
|
"📖 ",
|
|
604
584
|
safeT("aboutCompany.story.badge")
|
|
605
585
|
] }),
|
|
@@ -612,24 +592,18 @@ var __async = (__this, __arguments, generator) => {
|
|
|
612
592
|
"div",
|
|
613
593
|
{
|
|
614
594
|
dangerouslySetInnerHTML: { __html: description },
|
|
615
|
-
className: "prose max-w-none
|
|
595
|
+
className: "prose max-w-none text-muted"
|
|
616
596
|
}
|
|
617
597
|
)
|
|
618
598
|
] }),
|
|
619
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
620
|
-
|
|
599
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
600
|
+
CompanyValues,
|
|
621
601
|
{
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
{
|
|
626
|
-
companyData,
|
|
627
|
-
t: safeT,
|
|
628
|
-
isDarkMode
|
|
629
|
-
}
|
|
630
|
-
)
|
|
602
|
+
companyData,
|
|
603
|
+
t: safeT,
|
|
604
|
+
isDarkMode
|
|
631
605
|
}
|
|
632
|
-
)
|
|
606
|
+
) })
|
|
633
607
|
] }) }) })
|
|
634
608
|
] });
|
|
635
609
|
};
|