@opensite/ui 0.5.6 → 0.5.7
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.
- package/dist/about-company-profile.cjs +89 -40
- package/dist/about-company-profile.js +89 -40
- package/dist/about-developer-story.cjs +121 -54
- package/dist/about-developer-story.js +121 -54
- package/dist/about-interactive-tabs.cjs +99 -28
- package/dist/about-interactive-tabs.js +99 -28
- package/dist/about-mission-features.cjs +71 -11
- package/dist/about-mission-features.js +71 -11
- package/dist/about-stats-showcase.cjs +140 -60
- package/dist/about-stats-showcase.js +140 -60
- package/dist/about-story-gallery.cjs +20 -2
- package/dist/about-story-gallery.js +20 -2
- package/dist/about-vision-gallery.cjs +111 -23
- package/dist/about-vision-gallery.js +111 -23
- package/dist/registry.cjs +651 -218
- package/dist/registry.js +651 -218
- package/package.json +1 -1
package/dist/registry.js
CHANGED
|
@@ -504,7 +504,16 @@ function AboutMissionFeatures({
|
|
|
504
504
|
if (featuresSlot) return featuresSlot;
|
|
505
505
|
if (!features || features.length === 0) return null;
|
|
506
506
|
return features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
507
|
-
/* @__PURE__ */ jsx(
|
|
507
|
+
/* @__PURE__ */ jsx(
|
|
508
|
+
"div",
|
|
509
|
+
{
|
|
510
|
+
className: cn(
|
|
511
|
+
"mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground",
|
|
512
|
+
feature.iconBgClass
|
|
513
|
+
),
|
|
514
|
+
children: feature.icon
|
|
515
|
+
}
|
|
516
|
+
),
|
|
508
517
|
feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mt-2 mb-3 text-lg font-semibold", children: feature.title }) : feature.title),
|
|
509
518
|
feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: feature.description }) : feature.description)
|
|
510
519
|
] }, idx));
|
|
@@ -517,9 +526,18 @@ function AboutMissionFeatures({
|
|
|
517
526
|
pattern,
|
|
518
527
|
patternOpacity,
|
|
519
528
|
className: cn(className),
|
|
520
|
-
children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-
|
|
529
|
+
children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8 lg:gap-16", containerClassName), children: [
|
|
521
530
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:gap-8", children: [
|
|
522
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
531
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
532
|
+
"h1",
|
|
533
|
+
{
|
|
534
|
+
className: cn(
|
|
535
|
+
"text-4xl font-semibold tracking-tighter lg:text-7xl",
|
|
536
|
+
titleClassName
|
|
537
|
+
),
|
|
538
|
+
children: title
|
|
539
|
+
}
|
|
540
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
523
541
|
description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-xl text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
|
|
524
542
|
] }),
|
|
525
543
|
/* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
|
|
@@ -528,14 +546,20 @@ function AboutMissionFeatures({
|
|
|
528
546
|
{
|
|
529
547
|
src: mainImage.src,
|
|
530
548
|
alt: mainImage.alt,
|
|
531
|
-
className: cn(
|
|
549
|
+
className: cn(
|
|
550
|
+
"size-full max-h-96 rounded-2xl object-cover",
|
|
551
|
+
mainImageClassName
|
|
552
|
+
),
|
|
532
553
|
optixFlowConfig
|
|
533
554
|
}
|
|
534
555
|
),
|
|
535
556
|
/* @__PURE__ */ jsxs(
|
|
536
557
|
"div",
|
|
537
558
|
{
|
|
538
|
-
className: cn(
|
|
559
|
+
className: cn(
|
|
560
|
+
"relative flex flex-col justify-between gap-10 overflow-hidden rounded-2xl bg-muted p-10",
|
|
561
|
+
missionSectionClassName
|
|
562
|
+
),
|
|
539
563
|
children: [
|
|
540
564
|
missionBackgroundImage && /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
541
565
|
/* @__PURE__ */ jsx(
|
|
@@ -547,18 +571,54 @@ function AboutMissionFeatures({
|
|
|
547
571
|
optixFlowConfig
|
|
548
572
|
}
|
|
549
573
|
),
|
|
550
|
-
/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-
|
|
574
|
+
/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/80 via-black/50 to-black/30" })
|
|
551
575
|
] }),
|
|
552
|
-
/* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx(
|
|
553
|
-
|
|
576
|
+
/* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx(
|
|
577
|
+
"p",
|
|
578
|
+
{
|
|
579
|
+
className: cn(
|
|
580
|
+
"text-sm font-semibold text-white",
|
|
581
|
+
missionLabelClassName
|
|
582
|
+
),
|
|
583
|
+
children: missionLabel
|
|
584
|
+
}
|
|
585
|
+
) : /* @__PURE__ */ jsx("div", { className: missionLabelClassName, children: missionLabel })) }),
|
|
586
|
+
/* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionText && (typeof missionText === "string" ? /* @__PURE__ */ jsx(
|
|
587
|
+
"p",
|
|
588
|
+
{
|
|
589
|
+
className: cn(
|
|
590
|
+
"text-lg font-medium text-white",
|
|
591
|
+
missionTextClassName
|
|
592
|
+
),
|
|
593
|
+
children: missionText
|
|
594
|
+
}
|
|
595
|
+
) : /* @__PURE__ */ jsx("div", { className: missionTextClassName, children: missionText })) })
|
|
554
596
|
]
|
|
555
597
|
}
|
|
556
598
|
)
|
|
557
599
|
] }),
|
|
558
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:gap-
|
|
600
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:gap-12", children: [
|
|
559
601
|
/* @__PURE__ */ jsxs("div", { className: "max-w-xl", children: [
|
|
560
|
-
featuresTitle && (typeof featuresTitle === "string" ? /* @__PURE__ */ jsx(
|
|
561
|
-
|
|
602
|
+
featuresTitle && (typeof featuresTitle === "string" ? /* @__PURE__ */ jsx(
|
|
603
|
+
"h2",
|
|
604
|
+
{
|
|
605
|
+
className: cn(
|
|
606
|
+
"mb-4 text-2xl font-semibold tracking-tight md:text-4xl",
|
|
607
|
+
featuresTitleClassName
|
|
608
|
+
),
|
|
609
|
+
children: featuresTitle
|
|
610
|
+
}
|
|
611
|
+
) : /* @__PURE__ */ jsx("div", { className: featuresTitleClassName, children: featuresTitle })),
|
|
612
|
+
featuresDescription && (typeof featuresDescription === "string" ? /* @__PURE__ */ jsx(
|
|
613
|
+
"p",
|
|
614
|
+
{
|
|
615
|
+
className: cn(
|
|
616
|
+
"text-lg text-muted-foreground",
|
|
617
|
+
featuresDescriptionClassName
|
|
618
|
+
),
|
|
619
|
+
children: featuresDescription
|
|
620
|
+
}
|
|
621
|
+
) : /* @__PURE__ */ jsx("div", { className: featuresDescriptionClassName, children: featuresDescription }))
|
|
562
622
|
] }),
|
|
563
623
|
/* @__PURE__ */ jsx("div", { className: cn("grid gap-10 md:grid-cols-3", featuresClassName), children: featuresContent })
|
|
564
624
|
] })
|
|
@@ -617,76 +677,129 @@ function AboutStatsShowcase({
|
|
|
617
677
|
const statsContent = useMemo$1(() => {
|
|
618
678
|
if (statsSlot) return statsSlot;
|
|
619
679
|
if (!stats || stats.length === 0) return null;
|
|
620
|
-
return /* @__PURE__ */ jsx(
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
680
|
+
return /* @__PURE__ */ jsx(
|
|
681
|
+
"div",
|
|
682
|
+
{
|
|
683
|
+
className: cn("grid grid-cols-2 gap-6 md:grid-cols-3", statsClassName),
|
|
684
|
+
children: stats.map((stat, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 border-b pb-8", children: [
|
|
685
|
+
stat.value && (typeof stat.value === "string" ? /* @__PURE__ */ jsx("p", { className: "text-4xl font-medium md:text-5xl", children: stat.value }) : stat.value),
|
|
686
|
+
stat.label && (typeof stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: stat.label }) : stat.label)
|
|
687
|
+
] }, idx))
|
|
688
|
+
}
|
|
689
|
+
);
|
|
624
690
|
}, [statsSlot, stats, statsClassName]);
|
|
625
691
|
const logosContent = useMemo$1(() => {
|
|
626
692
|
if (logosSlot) return logosSlot;
|
|
627
693
|
if (!logos || logos.length === 0) return null;
|
|
628
694
|
return /* @__PURE__ */ jsx("div", { className: "bg-muted/50 py-24", children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col items-center gap-11", children: [
|
|
629
|
-
logosTitle && (typeof logosTitle === "string" ? /* @__PURE__ */ jsx(
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
695
|
+
logosTitle && (typeof logosTitle === "string" ? /* @__PURE__ */ jsx(
|
|
696
|
+
"p",
|
|
697
|
+
{
|
|
698
|
+
className: cn(
|
|
699
|
+
"text-center text-xl font-medium",
|
|
700
|
+
logosTitleClassName
|
|
701
|
+
),
|
|
702
|
+
children: logosTitle
|
|
703
|
+
}
|
|
704
|
+
) : /* @__PURE__ */ jsx("div", { className: logosTitleClassName, children: logosTitle })),
|
|
705
|
+
/* @__PURE__ */ jsx(
|
|
706
|
+
"div",
|
|
707
|
+
{
|
|
708
|
+
className: cn(
|
|
709
|
+
"grid grid-cols-2 gap-x-7 gap-y-12 lg:grid-cols-4",
|
|
710
|
+
logosClassName
|
|
711
|
+
),
|
|
712
|
+
children: logos.map((logo, idx) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
|
|
713
|
+
Img,
|
|
714
|
+
{
|
|
715
|
+
src: logo.src,
|
|
716
|
+
alt: logo.alt,
|
|
717
|
+
className: "h-8 object-contain w-auto md:h-14 max-h-24",
|
|
718
|
+
optixFlowConfig
|
|
719
|
+
}
|
|
720
|
+
) }, idx))
|
|
721
|
+
}
|
|
722
|
+
)
|
|
642
723
|
] }) });
|
|
643
|
-
}, [
|
|
724
|
+
}, [
|
|
725
|
+
logosSlot,
|
|
726
|
+
logos,
|
|
727
|
+
logosTitle,
|
|
728
|
+
logosTitleClassName,
|
|
729
|
+
logosClassName,
|
|
730
|
+
optixFlowConfig
|
|
731
|
+
]);
|
|
644
732
|
const benefitsContent = useMemo$1(() => {
|
|
645
733
|
if (benefitsSlot) return benefitsSlot;
|
|
646
734
|
if (!benefits || benefits.length === 0) return null;
|
|
647
735
|
return /* @__PURE__ */ jsxs("div", { className: "container flex flex-col items-center gap-14", children: [
|
|
648
|
-
benefitsTitle && (typeof benefitsTitle === "string" ? /* @__PURE__ */ jsx(
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
/* @__PURE__ */ jsxs("div", { className: "
|
|
666
|
-
benefit.
|
|
736
|
+
benefitsTitle && (typeof benefitsTitle === "string" ? /* @__PURE__ */ jsx(
|
|
737
|
+
"h2",
|
|
738
|
+
{
|
|
739
|
+
className: cn(
|
|
740
|
+
"text-center font-semibold text-2xl md:text-3xl",
|
|
741
|
+
benefitsTitleClassName
|
|
742
|
+
),
|
|
743
|
+
children: benefitsTitle
|
|
744
|
+
}
|
|
745
|
+
) : /* @__PURE__ */ jsx("div", { className: benefitsTitleClassName, children: benefitsTitle })),
|
|
746
|
+
/* @__PURE__ */ jsx(
|
|
747
|
+
"div",
|
|
748
|
+
{
|
|
749
|
+
className: cn(
|
|
750
|
+
"grid gap-6 md:grid-cols-2 lg:grid-cols-3",
|
|
751
|
+
benefitsClassName
|
|
752
|
+
),
|
|
753
|
+
children: benefits.map((benefit, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
|
|
754
|
+
benefit.image && /* @__PURE__ */ jsx(
|
|
667
755
|
Img,
|
|
668
756
|
{
|
|
669
|
-
src: benefit.
|
|
670
|
-
alt: benefit.
|
|
671
|
-
className: "h-
|
|
757
|
+
src: benefit.image.src,
|
|
758
|
+
alt: benefit.image.alt,
|
|
759
|
+
className: "max-h-96 w-full rounded-xl object-cover",
|
|
672
760
|
optixFlowConfig
|
|
673
761
|
}
|
|
674
762
|
),
|
|
675
|
-
benefit.
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
","
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
763
|
+
benefit.stat && /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center rounded-xl bg-muted p-8", children: [
|
|
764
|
+
benefit.stat.value && (typeof benefit.stat.value === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-4xl font-medium", children: benefit.stat.value }) : /* @__PURE__ */ jsx("div", { className: "mb-2", children: benefit.stat.value })),
|
|
765
|
+
benefit.stat.label && (typeof benefit.stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-6 font-semibold", children: benefit.stat.label }) : /* @__PURE__ */ jsx("div", { className: "mb-6", children: benefit.stat.label })),
|
|
766
|
+
benefit.stat.description && (typeof benefit.stat.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: benefit.stat.description }) : benefit.stat.description)
|
|
767
|
+
] }),
|
|
768
|
+
benefit.testimonial && /* @__PURE__ */ jsxs("div", { className: "rounded-xl bg-background p-4", children: [
|
|
769
|
+
/* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-2", children: [
|
|
770
|
+
benefit.testimonial.logo && /* @__PURE__ */ jsx(
|
|
771
|
+
Img,
|
|
772
|
+
{
|
|
773
|
+
src: benefit.testimonial.logo.src,
|
|
774
|
+
alt: benefit.testimonial.logo.alt,
|
|
775
|
+
className: "h-7 w-auto",
|
|
776
|
+
optixFlowConfig
|
|
777
|
+
}
|
|
778
|
+
),
|
|
779
|
+
benefit.testimonial.company && (typeof benefit.testimonial.company === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: benefit.testimonial.company }) : benefit.testimonial.company)
|
|
780
|
+
] }),
|
|
781
|
+
benefit.testimonial.quote && (typeof benefit.testimonial.quote === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-6 text-sm", children: benefit.testimonial.quote }) : /* @__PURE__ */ jsx("div", { className: "mb-6", children: benefit.testimonial.quote })),
|
|
782
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1", children: [
|
|
783
|
+
benefit.testimonial.author && (typeof benefit.testimonial.author === "string" ? /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
|
|
784
|
+
benefit.testimonial.author,
|
|
785
|
+
","
|
|
786
|
+
] }) : benefit.testimonial.author),
|
|
787
|
+
benefit.testimonial.role && (typeof benefit.testimonial.role === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: benefit.testimonial.role }) : benefit.testimonial.role)
|
|
788
|
+
] })
|
|
789
|
+
] })
|
|
790
|
+
] }, idx))
|
|
791
|
+
}
|
|
792
|
+
)
|
|
687
793
|
] });
|
|
688
|
-
}, [
|
|
689
|
-
|
|
794
|
+
}, [
|
|
795
|
+
benefitsSlot,
|
|
796
|
+
benefits,
|
|
797
|
+
benefitsTitle,
|
|
798
|
+
benefitsTitleClassName,
|
|
799
|
+
benefitsClassName,
|
|
800
|
+
optixFlowConfig
|
|
801
|
+
]);
|
|
802
|
+
return /* @__PURE__ */ jsx(
|
|
690
803
|
Section,
|
|
691
804
|
{
|
|
692
805
|
background,
|
|
@@ -695,21 +808,48 @@ function AboutStatsShowcase({
|
|
|
695
808
|
patternOpacity,
|
|
696
809
|
className: cn(className),
|
|
697
810
|
containerClassName,
|
|
698
|
-
children: [
|
|
699
|
-
/* @__PURE__ */ jsxs("div", { className: "
|
|
811
|
+
children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10 md:gap-24", children: [
|
|
812
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10 text-center md:gap-24 mb-4 md:mb-8", children: [
|
|
700
813
|
/* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col gap-6", children: [
|
|
701
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
702
|
-
|
|
814
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
815
|
+
"h1",
|
|
816
|
+
{
|
|
817
|
+
className: cn(
|
|
818
|
+
"text-4xl font-medium md:text-6xl text-balance",
|
|
819
|
+
titleClassName
|
|
820
|
+
),
|
|
821
|
+
children: title
|
|
822
|
+
}
|
|
823
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
824
|
+
description && (typeof description === "string" ? /* @__PURE__ */ jsx(
|
|
825
|
+
"p",
|
|
826
|
+
{
|
|
827
|
+
className: cn(
|
|
828
|
+
"text-lg text-muted-foreground md:text-xl text-balance",
|
|
829
|
+
descriptionClassName
|
|
830
|
+
),
|
|
831
|
+
children: description
|
|
832
|
+
}
|
|
833
|
+
) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
|
|
703
834
|
] }),
|
|
704
835
|
imagesContent
|
|
705
836
|
] }),
|
|
706
837
|
/* @__PURE__ */ jsxs("div", { className: "container flex flex-col gap-16", children: [
|
|
707
|
-
statsTitle && (typeof statsTitle === "string" ? /* @__PURE__ */ jsx(
|
|
838
|
+
statsTitle && (typeof statsTitle === "string" ? /* @__PURE__ */ jsx(
|
|
839
|
+
"h2",
|
|
840
|
+
{
|
|
841
|
+
className: cn(
|
|
842
|
+
"max-w-3xl font-medium text-2xl md:text-3xl",
|
|
843
|
+
statsTitleClassName
|
|
844
|
+
),
|
|
845
|
+
children: statsTitle
|
|
846
|
+
}
|
|
847
|
+
) : /* @__PURE__ */ jsx("div", { className: statsTitleClassName, children: statsTitle })),
|
|
708
848
|
statsContent
|
|
709
849
|
] }),
|
|
710
850
|
logosContent,
|
|
711
851
|
benefitsContent
|
|
712
|
-
]
|
|
852
|
+
] })
|
|
713
853
|
}
|
|
714
854
|
);
|
|
715
855
|
}
|
|
@@ -1165,39 +1305,49 @@ function AboutCompanyProfile({
|
|
|
1165
1305
|
const breakoutContent = useMemo$1(() => {
|
|
1166
1306
|
if (breakoutSlot) return breakoutSlot;
|
|
1167
1307
|
if (!breakout) return null;
|
|
1168
|
-
return /* @__PURE__ */ jsxs(
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1308
|
+
return /* @__PURE__ */ jsxs(
|
|
1309
|
+
"div",
|
|
1310
|
+
{
|
|
1311
|
+
className: cn(
|
|
1312
|
+
"flex flex-col justify-between gap-6 rounded-xl bg-muted p-7 md:w-1/2 lg:w-auto",
|
|
1313
|
+
breakoutClassName
|
|
1314
|
+
),
|
|
1315
|
+
children: [
|
|
1316
|
+
breakout.logo && /* @__PURE__ */ jsx(
|
|
1317
|
+
Img,
|
|
1318
|
+
{
|
|
1319
|
+
src: breakout.logo.src,
|
|
1320
|
+
alt: breakout.logo.alt,
|
|
1321
|
+
className: "mr-auto h-12 dark:invert",
|
|
1322
|
+
optixFlowConfig
|
|
1323
|
+
}
|
|
1324
|
+
),
|
|
1325
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
1326
|
+
typeof breakout.title === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-lg font-semibold", children: breakout.title }) : breakout.title,
|
|
1327
|
+
typeof breakout.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: breakout.description }) : breakout.description
|
|
1328
|
+
] }),
|
|
1329
|
+
breakout.action && /* @__PURE__ */ jsx(
|
|
1330
|
+
Pressable,
|
|
1331
|
+
{
|
|
1332
|
+
href: breakout.action.href,
|
|
1333
|
+
variant: breakout.action.variant || "outline",
|
|
1334
|
+
asButton: true,
|
|
1335
|
+
className: cn("mr-auto", breakout.action.className),
|
|
1336
|
+
children: breakout.action.children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
1337
|
+
breakout.action.icon,
|
|
1338
|
+
breakout.action.label,
|
|
1339
|
+
breakout.action.iconAfter
|
|
1340
|
+
] })
|
|
1341
|
+
}
|
|
1342
|
+
)
|
|
1343
|
+
]
|
|
1344
|
+
}
|
|
1345
|
+
);
|
|
1197
1346
|
}, [breakoutSlot, breakout, breakoutClassName, optixFlowConfig]);
|
|
1198
1347
|
const companiesContent = useMemo$1(() => {
|
|
1199
1348
|
if (companiesSlot) return companiesSlot;
|
|
1200
|
-
if (!companies || companies.length === 0)
|
|
1349
|
+
if (!companies || companies.length === 0)
|
|
1350
|
+
return /* @__PURE__ */ jsx("div", { className: "w-full h-7" });
|
|
1201
1351
|
return /* @__PURE__ */ jsxs("div", { className: cn("py-32", companiesClassName), children: [
|
|
1202
1352
|
companiesTitle && (typeof companiesTitle === "string" ? /* @__PURE__ */ jsx("p", { className: "text-center", children: companiesTitle }) : companiesTitle),
|
|
1203
1353
|
/* @__PURE__ */ jsx("div", { className: "mt-8 flex flex-wrap justify-center gap-8", children: companies.map((company, idx) => {
|
|
@@ -1234,7 +1384,13 @@ function AboutCompanyProfile({
|
|
|
1234
1384
|
] }, idx);
|
|
1235
1385
|
}) })
|
|
1236
1386
|
] });
|
|
1237
|
-
}, [
|
|
1387
|
+
}, [
|
|
1388
|
+
companiesSlot,
|
|
1389
|
+
companies,
|
|
1390
|
+
companiesClassName,
|
|
1391
|
+
companiesTitle,
|
|
1392
|
+
optixFlowConfig
|
|
1393
|
+
]);
|
|
1238
1394
|
const achievementsContent = useMemo$1(() => {
|
|
1239
1395
|
if (achievementsSlot) return achievementsSlot;
|
|
1240
1396
|
if (!achievements || achievements.length === 0) return null;
|
|
@@ -1263,7 +1419,10 @@ function AboutCompanyProfile({
|
|
|
1263
1419
|
{
|
|
1264
1420
|
src: mainImage.src,
|
|
1265
1421
|
alt: mainImage.alt,
|
|
1266
|
-
className: cn(
|
|
1422
|
+
className: cn(
|
|
1423
|
+
"size-full max-h-[620px] rounded-xl object-cover lg:col-span-2",
|
|
1424
|
+
mainImageClassName
|
|
1425
|
+
),
|
|
1267
1426
|
optixFlowConfig
|
|
1268
1427
|
}
|
|
1269
1428
|
),
|
|
@@ -1274,20 +1433,50 @@ function AboutCompanyProfile({
|
|
|
1274
1433
|
{
|
|
1275
1434
|
src: secondaryImage.src,
|
|
1276
1435
|
alt: secondaryImage.alt,
|
|
1277
|
-
className: cn(
|
|
1436
|
+
className: cn(
|
|
1437
|
+
"grow basis-0 rounded-xl object-cover md:w-1/2 lg:min-h-0 lg:w-auto",
|
|
1438
|
+
secondaryImageClassName
|
|
1439
|
+
),
|
|
1278
1440
|
optixFlowConfig
|
|
1279
1441
|
}
|
|
1280
1442
|
)
|
|
1281
1443
|
] })
|
|
1282
1444
|
] }),
|
|
1283
1445
|
(companiesSlot || companies && companies.length > 0) && companiesContent,
|
|
1284
|
-
/* @__PURE__ */ jsxs(
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1446
|
+
/* @__PURE__ */ jsxs(
|
|
1447
|
+
"div",
|
|
1448
|
+
{
|
|
1449
|
+
className: cn(
|
|
1450
|
+
"relative overflow-hidden rounded-xl bg-muted p-7 md:p-16",
|
|
1451
|
+
achievementsClassName
|
|
1452
|
+
),
|
|
1453
|
+
children: [
|
|
1454
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 text-center md:text-left", children: [
|
|
1455
|
+
achievementsTitle && (typeof achievementsTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1456
|
+
"h2",
|
|
1457
|
+
{
|
|
1458
|
+
className: cn(
|
|
1459
|
+
"text-3xl font-semibold md:text-4xl",
|
|
1460
|
+
achievementsTitleClassName
|
|
1461
|
+
),
|
|
1462
|
+
children: achievementsTitle
|
|
1463
|
+
}
|
|
1464
|
+
) : /* @__PURE__ */ jsx("div", { className: achievementsTitleClassName, children: achievementsTitle })),
|
|
1465
|
+
achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsx(
|
|
1466
|
+
"p",
|
|
1467
|
+
{
|
|
1468
|
+
className: cn(
|
|
1469
|
+
"max-w-xl text-muted-foreground",
|
|
1470
|
+
achievementsDescriptionClassName
|
|
1471
|
+
),
|
|
1472
|
+
children: achievementsDescription
|
|
1473
|
+
}
|
|
1474
|
+
) : /* @__PURE__ */ jsx("div", { className: achievementsDescriptionClassName, children: achievementsDescription }))
|
|
1475
|
+
] }),
|
|
1476
|
+
/* @__PURE__ */ jsx("div", { className: "mt-10 grid grid-cols-2 gap-x-4 gap-y-8 text-center lg:grid-cols-4", children: achievementsContent })
|
|
1477
|
+
]
|
|
1478
|
+
}
|
|
1479
|
+
)
|
|
1291
1480
|
]
|
|
1292
1481
|
}
|
|
1293
1482
|
);
|
|
@@ -1326,16 +1515,25 @@ function AboutVisionGallery({
|
|
|
1326
1515
|
const imagesContent = useMemo$1(() => {
|
|
1327
1516
|
if (imagesSlot) return imagesSlot;
|
|
1328
1517
|
if (!images || images.length === 0) return null;
|
|
1329
|
-
return /* @__PURE__ */ jsx(
|
|
1330
|
-
|
|
1518
|
+
return /* @__PURE__ */ jsx(
|
|
1519
|
+
"div",
|
|
1331
1520
|
{
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1521
|
+
className: cn(
|
|
1522
|
+
"grid gap-3 md:grid-cols-2 lg:grid-cols-3",
|
|
1523
|
+
imagesClassName
|
|
1524
|
+
),
|
|
1525
|
+
children: images.map((image, idx) => /* @__PURE__ */ jsx(
|
|
1526
|
+
Img,
|
|
1527
|
+
{
|
|
1528
|
+
src: image.src,
|
|
1529
|
+
alt: image.alt,
|
|
1530
|
+
className: "max-h-80 w-full object-cover",
|
|
1531
|
+
optixFlowConfig
|
|
1532
|
+
},
|
|
1533
|
+
idx
|
|
1534
|
+
))
|
|
1535
|
+
}
|
|
1536
|
+
);
|
|
1339
1537
|
}, [imagesSlot, images, imagesClassName, optixFlowConfig]);
|
|
1340
1538
|
const ctaContent = useMemo$1(() => {
|
|
1341
1539
|
if (ctaSlot) return ctaSlot;
|
|
@@ -1366,27 +1564,106 @@ function AboutVisionGallery({
|
|
|
1366
1564
|
containerClassName,
|
|
1367
1565
|
children: [
|
|
1368
1566
|
(title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col gap-8 pb-28 text-center", children: [
|
|
1369
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
1370
|
-
|
|
1567
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
1568
|
+
"h1",
|
|
1569
|
+
{
|
|
1570
|
+
className: cn(
|
|
1571
|
+
"text-4xl font-semibold md:text-7xl text-balance",
|
|
1572
|
+
titleClassName
|
|
1573
|
+
),
|
|
1574
|
+
children: title
|
|
1575
|
+
}
|
|
1576
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
1577
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx(
|
|
1578
|
+
"p",
|
|
1579
|
+
{
|
|
1580
|
+
className: cn(
|
|
1581
|
+
"text-xl font-medium text-muted-foreground text-balance",
|
|
1582
|
+
subtitleClassName
|
|
1583
|
+
),
|
|
1584
|
+
children: subtitle
|
|
1585
|
+
}
|
|
1586
|
+
) : /* @__PURE__ */ jsx("div", { className: subtitleClassName, children: subtitle }))
|
|
1371
1587
|
] }),
|
|
1372
1588
|
imagesContent,
|
|
1373
|
-
(hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-5xl gap-28 py-
|
|
1589
|
+
(hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-5xl gap-28 py-6 md:py-16 md:grid-cols-2", children: [
|
|
1374
1590
|
hasPrimarySection && /* @__PURE__ */ jsxs("div", { children: [
|
|
1375
|
-
primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1376
|
-
|
|
1591
|
+
primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1592
|
+
"h2",
|
|
1593
|
+
{
|
|
1594
|
+
className: cn(
|
|
1595
|
+
"mb-5 text-4xl font-semibold",
|
|
1596
|
+
primarySectionTitleClassName
|
|
1597
|
+
),
|
|
1598
|
+
children: primarySectionTitle
|
|
1599
|
+
}
|
|
1600
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mb-5", primarySectionTitleClassName), children: primarySectionTitle })),
|
|
1601
|
+
primarySectionContent && (typeof primarySectionContent === "string" ? /* @__PURE__ */ jsx(
|
|
1602
|
+
"p",
|
|
1603
|
+
{
|
|
1604
|
+
className: cn(
|
|
1605
|
+
"text-xl leading-8 font-medium text-muted-foreground whitespace-pre-line",
|
|
1606
|
+
primarySectionContentClassName
|
|
1607
|
+
),
|
|
1608
|
+
children: primarySectionContent
|
|
1609
|
+
}
|
|
1610
|
+
) : /* @__PURE__ */ jsx("div", { className: primarySectionContentClassName, children: primarySectionContent }))
|
|
1377
1611
|
] }),
|
|
1378
1612
|
hasSecondarySection && /* @__PURE__ */ jsxs("div", { children: [
|
|
1379
|
-
secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1613
|
+
secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1614
|
+
"h2",
|
|
1615
|
+
{
|
|
1616
|
+
className: cn(
|
|
1617
|
+
"mb-5 text-4xl font-semibold",
|
|
1618
|
+
secondarySectionTitleClassName
|
|
1619
|
+
),
|
|
1620
|
+
children: secondarySectionTitle
|
|
1621
|
+
}
|
|
1622
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mb-5", secondarySectionTitleClassName), children: secondarySectionTitle })),
|
|
1623
|
+
(secondarySectionContent || secondarySectionLinkText) && /* @__PURE__ */ jsxs(
|
|
1624
|
+
"p",
|
|
1625
|
+
{
|
|
1626
|
+
className: cn(
|
|
1627
|
+
"text-xl leading-8 font-medium text-muted-foreground",
|
|
1628
|
+
secondarySectionContentClassName
|
|
1629
|
+
),
|
|
1630
|
+
children: [
|
|
1631
|
+
secondarySectionLinkText && secondarySectionLinkUrl && /* @__PURE__ */ jsx(
|
|
1632
|
+
Pressable,
|
|
1633
|
+
{
|
|
1634
|
+
href: secondarySectionLinkUrl,
|
|
1635
|
+
className: "mr-1 underline",
|
|
1636
|
+
children: secondarySectionLinkText
|
|
1637
|
+
}
|
|
1638
|
+
),
|
|
1639
|
+
secondarySectionContent
|
|
1640
|
+
]
|
|
1641
|
+
}
|
|
1642
|
+
)
|
|
1384
1643
|
] })
|
|
1385
1644
|
] }),
|
|
1386
|
-
hasCtaSection && /* @__PURE__ */ jsxs(
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1645
|
+
hasCtaSection && /* @__PURE__ */ jsxs(
|
|
1646
|
+
"div",
|
|
1647
|
+
{
|
|
1648
|
+
className: cn(
|
|
1649
|
+
"mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl bg-muted/50 p-14 text-center md:flex-row md:text-left",
|
|
1650
|
+
ctaClassName
|
|
1651
|
+
),
|
|
1652
|
+
children: [
|
|
1653
|
+
ctaTitle && (typeof ctaTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1654
|
+
"h3",
|
|
1655
|
+
{
|
|
1656
|
+
className: cn(
|
|
1657
|
+
"text-3xl font-semibold whitespace-pre-line",
|
|
1658
|
+
ctaTitleClassName
|
|
1659
|
+
),
|
|
1660
|
+
children: ctaTitle
|
|
1661
|
+
}
|
|
1662
|
+
) : /* @__PURE__ */ jsx("div", { className: ctaTitleClassName, children: ctaTitle })),
|
|
1663
|
+
ctaContent
|
|
1664
|
+
]
|
|
1665
|
+
}
|
|
1666
|
+
)
|
|
1390
1667
|
]
|
|
1391
1668
|
}
|
|
1392
1669
|
);
|
|
@@ -1527,67 +1804,98 @@ function AboutDeveloperStory({
|
|
|
1527
1804
|
const actionsContent = useMemo$1(() => {
|
|
1528
1805
|
if (actionsSlot) return actionsSlot;
|
|
1529
1806
|
if (!actions || actions.length === 0) return null;
|
|
1530
|
-
return /* @__PURE__ */ jsx(
|
|
1531
|
-
|
|
1807
|
+
return /* @__PURE__ */ jsx(
|
|
1808
|
+
"div",
|
|
1532
1809
|
{
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
variant: action.variant || "default",
|
|
1537
|
-
asButton: true,
|
|
1538
|
-
children: [
|
|
1539
|
-
action.label,
|
|
1540
|
-
idx === 1 && /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-2" })
|
|
1541
|
-
]
|
|
1542
|
-
},
|
|
1543
|
-
idx
|
|
1544
|
-
)) });
|
|
1545
|
-
}, [actionsSlot, actions, actionsClassName]);
|
|
1546
|
-
const logosContent = useMemo$1(() => {
|
|
1547
|
-
if (logosSlot) return logosSlot;
|
|
1548
|
-
if (!logos || logos.length === 0) return null;
|
|
1549
|
-
return /* @__PURE__ */ jsx("div", { className: cn("mt-20 flex flex-wrap items-center justify-center gap-8 opacity-60", logosClassName), children: logos.map((logo, idx) => {
|
|
1550
|
-
if (typeof logo.src === "string") {
|
|
1551
|
-
return /* @__PURE__ */ jsx(
|
|
1552
|
-
Img,
|
|
1810
|
+
className: cn("flex flex-wrap justify-center gap-4", actionsClassName),
|
|
1811
|
+
children: actions.map((action, idx) => /* @__PURE__ */ jsxs(
|
|
1812
|
+
Pressable,
|
|
1553
1813
|
{
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1814
|
+
href: action.href,
|
|
1815
|
+
onClick: action.onClick,
|
|
1816
|
+
size: action.size || "lg",
|
|
1817
|
+
variant: action.variant || "default",
|
|
1818
|
+
asButton: true,
|
|
1819
|
+
children: [
|
|
1820
|
+
action.label,
|
|
1821
|
+
idx === 1 && /* @__PURE__ */ jsx(
|
|
1822
|
+
DynamicIcon,
|
|
1823
|
+
{
|
|
1824
|
+
name: "lucide/arrow-right",
|
|
1825
|
+
size: 16,
|
|
1826
|
+
className: "ml-2"
|
|
1827
|
+
}
|
|
1828
|
+
)
|
|
1829
|
+
]
|
|
1558
1830
|
},
|
|
1559
1831
|
idx
|
|
1560
|
-
)
|
|
1832
|
+
))
|
|
1561
1833
|
}
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1834
|
+
);
|
|
1835
|
+
}, [actionsSlot, actions, actionsClassName]);
|
|
1836
|
+
const logosContent = useMemo$1(() => {
|
|
1837
|
+
if (logosSlot) return logosSlot;
|
|
1838
|
+
if (!logos || logos.length === 0) return null;
|
|
1839
|
+
return /* @__PURE__ */ jsx(
|
|
1840
|
+
"div",
|
|
1841
|
+
{
|
|
1842
|
+
className: cn(
|
|
1843
|
+
"mt-20 flex flex-wrap items-center justify-center gap-8 opacity-60",
|
|
1844
|
+
logosClassName
|
|
1571
1845
|
),
|
|
1572
|
-
logo
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1846
|
+
children: logos.map((logo, idx) => {
|
|
1847
|
+
if (typeof logo.src === "string") {
|
|
1848
|
+
return /* @__PURE__ */ jsx(
|
|
1849
|
+
Img,
|
|
1850
|
+
{
|
|
1851
|
+
src: logo.src,
|
|
1852
|
+
alt: logo.alt,
|
|
1853
|
+
className: "h-8 w-auto grayscale",
|
|
1854
|
+
optixFlowConfig
|
|
1855
|
+
},
|
|
1856
|
+
idx
|
|
1857
|
+
);
|
|
1579
1858
|
}
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1859
|
+
return /* @__PURE__ */ jsxs("div", { className: "h-8", children: [
|
|
1860
|
+
/* @__PURE__ */ jsx(
|
|
1861
|
+
Img,
|
|
1862
|
+
{
|
|
1863
|
+
src: logo.src.light,
|
|
1864
|
+
alt: logo.alt,
|
|
1865
|
+
className: "h-42 w-auto object-contain grayscale dark:hidden",
|
|
1866
|
+
optixFlowConfig
|
|
1867
|
+
}
|
|
1868
|
+
),
|
|
1869
|
+
logo.src.dark && /* @__PURE__ */ jsx(
|
|
1870
|
+
Img,
|
|
1871
|
+
{
|
|
1872
|
+
src: logo.src.dark,
|
|
1873
|
+
alt: logo.alt,
|
|
1874
|
+
className: "hidden h-42 w-auto object-contain grayscale dark:block",
|
|
1875
|
+
optixFlowConfig
|
|
1876
|
+
}
|
|
1877
|
+
)
|
|
1878
|
+
] }, idx);
|
|
1879
|
+
})
|
|
1880
|
+
}
|
|
1881
|
+
);
|
|
1583
1882
|
}, [logosSlot, logos, logosClassName, optixFlowConfig]);
|
|
1584
1883
|
const statsContent = useMemo$1(() => {
|
|
1585
1884
|
if (statsSlot) return statsSlot;
|
|
1586
1885
|
if (!stats || stats.length === 0) return null;
|
|
1587
|
-
return /* @__PURE__ */ jsx(
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1886
|
+
return /* @__PURE__ */ jsx(
|
|
1887
|
+
"div",
|
|
1888
|
+
{
|
|
1889
|
+
className: cn(
|
|
1890
|
+
"mt-20 grid grid-cols-1 gap-8 border-y py-12 md:grid-cols-3",
|
|
1891
|
+
statsClassName
|
|
1892
|
+
),
|
|
1893
|
+
children: stats.map((stat, idx) => /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
|
|
1894
|
+
stat.value && (typeof stat.value === "string" ? /* @__PURE__ */ jsx("p", { className: "text-4xl font-bold", children: stat.value }) : stat.value),
|
|
1895
|
+
stat.label && (typeof stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: stat.label }) : /* @__PURE__ */ jsx("div", { className: "mt-2", children: stat.label }))
|
|
1896
|
+
] }, idx))
|
|
1897
|
+
}
|
|
1898
|
+
);
|
|
1591
1899
|
}, [statsSlot, stats, statsClassName]);
|
|
1592
1900
|
return /* @__PURE__ */ jsxs(
|
|
1593
1901
|
Section,
|
|
@@ -1600,16 +1908,52 @@ function AboutDeveloperStory({
|
|
|
1600
1908
|
containerClassName,
|
|
1601
1909
|
children: [
|
|
1602
1910
|
/* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-8 text-center", children: [
|
|
1603
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
1604
|
-
|
|
1911
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
1912
|
+
"h1",
|
|
1913
|
+
{
|
|
1914
|
+
className: cn(
|
|
1915
|
+
"text-4xl font-bold tracking-tight md:text-6xl text-balance",
|
|
1916
|
+
titleClassName
|
|
1917
|
+
),
|
|
1918
|
+
children: title
|
|
1919
|
+
}
|
|
1920
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
1921
|
+
description && (typeof description === "string" ? /* @__PURE__ */ jsx(
|
|
1922
|
+
"p",
|
|
1923
|
+
{
|
|
1924
|
+
className: cn(
|
|
1925
|
+
"max-w-2xl text-lg text-muted-foreground md:text-xl text-balance",
|
|
1926
|
+
descriptionClassName
|
|
1927
|
+
),
|
|
1928
|
+
children: description
|
|
1929
|
+
}
|
|
1930
|
+
) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
|
|
1605
1931
|
actionsContent
|
|
1606
1932
|
] }),
|
|
1607
1933
|
logosContent,
|
|
1608
1934
|
statsContent,
|
|
1609
1935
|
/* @__PURE__ */ jsxs("div", { className: "mt-20 grid gap-12 md:grid-cols-2 md:items-center", children: [
|
|
1610
1936
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
1611
|
-
storyTitle && (typeof storyTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1612
|
-
|
|
1937
|
+
storyTitle && (typeof storyTitle === "string" ? /* @__PURE__ */ jsx(
|
|
1938
|
+
"h2",
|
|
1939
|
+
{
|
|
1940
|
+
className: cn(
|
|
1941
|
+
"text-3xl font-bold md:text-4xl",
|
|
1942
|
+
storyTitleClassName
|
|
1943
|
+
),
|
|
1944
|
+
children: storyTitle
|
|
1945
|
+
}
|
|
1946
|
+
) : /* @__PURE__ */ jsx("div", { className: storyTitleClassName, children: storyTitle })),
|
|
1947
|
+
storyContent && (typeof storyContent === "string" ? /* @__PURE__ */ jsx(
|
|
1948
|
+
"p",
|
|
1949
|
+
{
|
|
1950
|
+
className: cn(
|
|
1951
|
+
"mt-6 text-lg text-muted-foreground whitespace-pre-line",
|
|
1952
|
+
storyContentClassName
|
|
1953
|
+
),
|
|
1954
|
+
children: storyContent
|
|
1955
|
+
}
|
|
1956
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", storyContentClassName), children: storyContent }))
|
|
1613
1957
|
] }),
|
|
1614
1958
|
storyImage && /* @__PURE__ */ jsx(
|
|
1615
1959
|
Img,
|
|
@@ -1669,8 +2013,26 @@ function AboutStoryGallery({
|
|
|
1669
2013
|
containerClassName,
|
|
1670
2014
|
children: [
|
|
1671
2015
|
/* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
|
|
1672
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
1673
|
-
|
|
2016
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
2017
|
+
"h1",
|
|
2018
|
+
{
|
|
2019
|
+
className: cn(
|
|
2020
|
+
"text-4xl font-bold tracking-tight md:text-5xl text-balance",
|
|
2021
|
+
titleClassName
|
|
2022
|
+
),
|
|
2023
|
+
children: title
|
|
2024
|
+
}
|
|
2025
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
2026
|
+
description && (typeof description === "string" ? /* @__PURE__ */ jsx(
|
|
2027
|
+
"p",
|
|
2028
|
+
{
|
|
2029
|
+
className: cn(
|
|
2030
|
+
"mt-6 text-lg text-muted-foreground whitespace-pre-line text-balance",
|
|
2031
|
+
descriptionClassName
|
|
2032
|
+
),
|
|
2033
|
+
children: description
|
|
2034
|
+
}
|
|
2035
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", descriptionClassName), children: description }))
|
|
1674
2036
|
] }),
|
|
1675
2037
|
imagesContent
|
|
1676
2038
|
]
|
|
@@ -2221,36 +2583,89 @@ function AboutInteractiveTabs({
|
|
|
2221
2583
|
if (tabsSlot) return tabsSlot;
|
|
2222
2584
|
if (!tabs || tabs.length === 0) return null;
|
|
2223
2585
|
return /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
|
|
2224
|
-
/* @__PURE__ */ jsx(
|
|
2225
|
-
"
|
|
2586
|
+
/* @__PURE__ */ jsx(
|
|
2587
|
+
"div",
|
|
2226
2588
|
{
|
|
2227
|
-
onClick: () => handleTabChange(tab.id),
|
|
2228
2589
|
className: cn(
|
|
2229
|
-
"
|
|
2230
|
-
|
|
2231
|
-
tabButtonClassName
|
|
2590
|
+
"flex flex-wrap justify-center gap-2 border-b",
|
|
2591
|
+
tabsContainerClassName
|
|
2232
2592
|
),
|
|
2233
|
-
children: tab
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2593
|
+
children: tabs.map((tab) => /* @__PURE__ */ jsx(
|
|
2594
|
+
"button",
|
|
2595
|
+
{
|
|
2596
|
+
onClick: () => handleTabChange(tab.id),
|
|
2597
|
+
className: cn(
|
|
2598
|
+
"px-6 py-3 text-sm font-medium transition-colors",
|
|
2599
|
+
activeTab === tab.id ? cn(
|
|
2600
|
+
"border-b-2 border-primary text-primary",
|
|
2601
|
+
activeTabClassName
|
|
2602
|
+
) : "text-muted-foreground hover:text-foreground",
|
|
2603
|
+
tabButtonClassName
|
|
2604
|
+
),
|
|
2605
|
+
children: tab.label
|
|
2606
|
+
},
|
|
2607
|
+
tab.id
|
|
2608
|
+
))
|
|
2609
|
+
}
|
|
2610
|
+
),
|
|
2611
|
+
activeContent && /* @__PURE__ */ jsxs(
|
|
2612
|
+
"div",
|
|
2613
|
+
{
|
|
2614
|
+
className: cn(
|
|
2615
|
+
"mt-12 grid gap-12 lg:grid-cols-2 lg:items-center",
|
|
2616
|
+
tabContentClassName
|
|
2617
|
+
),
|
|
2618
|
+
children: [
|
|
2619
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
2620
|
+
typeof activeContent.title === "string" ? /* @__PURE__ */ jsx(
|
|
2621
|
+
"h2",
|
|
2622
|
+
{
|
|
2623
|
+
className: cn("text-3xl font-bold", tabContentTitleClassName),
|
|
2624
|
+
children: activeContent.title
|
|
2625
|
+
}
|
|
2626
|
+
) : /* @__PURE__ */ jsx("div", { className: tabContentTitleClassName, children: activeContent.title }),
|
|
2627
|
+
typeof activeContent.description === "string" ? /* @__PURE__ */ jsx(
|
|
2628
|
+
"p",
|
|
2629
|
+
{
|
|
2630
|
+
className: cn(
|
|
2631
|
+
"mt-4 text-lg text-muted-foreground",
|
|
2632
|
+
tabContentDescriptionClassName
|
|
2633
|
+
),
|
|
2634
|
+
children: activeContent.description
|
|
2635
|
+
}
|
|
2636
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", tabContentDescriptionClassName), children: activeContent.description })
|
|
2637
|
+
] }),
|
|
2638
|
+
activeContent.image && /* @__PURE__ */ jsx(
|
|
2639
|
+
Img,
|
|
2640
|
+
{
|
|
2641
|
+
src: activeContent.image.src,
|
|
2642
|
+
alt: activeContent.image.alt,
|
|
2643
|
+
className: cn(
|
|
2644
|
+
"rounded-2xl object-cover",
|
|
2645
|
+
tabContentImageClassName
|
|
2646
|
+
),
|
|
2647
|
+
optixFlowConfig
|
|
2648
|
+
}
|
|
2649
|
+
)
|
|
2650
|
+
]
|
|
2651
|
+
}
|
|
2652
|
+
)
|
|
2252
2653
|
] });
|
|
2253
|
-
}, [
|
|
2654
|
+
}, [
|
|
2655
|
+
tabsSlot,
|
|
2656
|
+
tabs,
|
|
2657
|
+
tabsContainerClassName,
|
|
2658
|
+
activeTab,
|
|
2659
|
+
activeTabClassName,
|
|
2660
|
+
tabButtonClassName,
|
|
2661
|
+
handleTabChange,
|
|
2662
|
+
activeContent,
|
|
2663
|
+
tabContentClassName,
|
|
2664
|
+
tabContentTitleClassName,
|
|
2665
|
+
tabContentDescriptionClassName,
|
|
2666
|
+
tabContentImageClassName,
|
|
2667
|
+
optixFlowConfig
|
|
2668
|
+
]);
|
|
2254
2669
|
return /* @__PURE__ */ jsxs(
|
|
2255
2670
|
Section,
|
|
2256
2671
|
{
|
|
@@ -2262,8 +2677,26 @@ function AboutInteractiveTabs({
|
|
|
2262
2677
|
containerClassName,
|
|
2263
2678
|
children: [
|
|
2264
2679
|
/* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", headerClassName), children: [
|
|
2265
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
2266
|
-
|
|
2680
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
2681
|
+
"h1",
|
|
2682
|
+
{
|
|
2683
|
+
className: cn(
|
|
2684
|
+
"text-4xl font-bold tracking-tight md:text-5xl text-balance",
|
|
2685
|
+
titleClassName
|
|
2686
|
+
),
|
|
2687
|
+
children: title
|
|
2688
|
+
}
|
|
2689
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
2690
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx(
|
|
2691
|
+
"p",
|
|
2692
|
+
{
|
|
2693
|
+
className: cn(
|
|
2694
|
+
"mt-4 text-lg text-muted-foreground text-balance",
|
|
2695
|
+
subtitleClassName
|
|
2696
|
+
),
|
|
2697
|
+
children: subtitle
|
|
2698
|
+
}
|
|
2699
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", subtitleClassName), children: subtitle }))
|
|
2267
2700
|
] }),
|
|
2268
2701
|
(tabsSlot || tabs && tabs.length > 0) && tabsContent
|
|
2269
2702
|
]
|