@retinalabsllc/zairusjs 0.9.0 → 0.9.1
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/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +8 -8
- package/dist/index.mjs +8 -8
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -208,7 +208,7 @@ interface ManagedDocumentProps {
|
|
|
208
208
|
/** The small tracking text above the main title */
|
|
209
209
|
tagline?: string;
|
|
210
210
|
/** The main H1 title of the page */
|
|
211
|
-
title:
|
|
211
|
+
title: React.ReactNode;
|
|
212
212
|
/** The content of the document */
|
|
213
213
|
sections: DocumentSectionData[];
|
|
214
214
|
/** Optional footer contact text */
|
|
@@ -278,7 +278,7 @@ interface PricingPlan {
|
|
|
278
278
|
}
|
|
279
279
|
interface ManagedPricingBlockProps {
|
|
280
280
|
tagline?: string;
|
|
281
|
-
title:
|
|
281
|
+
title: React.ReactNode;
|
|
282
282
|
plans: PricingPlan[];
|
|
283
283
|
}
|
|
284
284
|
declare const ManagedPricingBlock: React.FC<ManagedPricingBlockProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -208,7 +208,7 @@ interface ManagedDocumentProps {
|
|
|
208
208
|
/** The small tracking text above the main title */
|
|
209
209
|
tagline?: string;
|
|
210
210
|
/** The main H1 title of the page */
|
|
211
|
-
title:
|
|
211
|
+
title: React.ReactNode;
|
|
212
212
|
/** The content of the document */
|
|
213
213
|
sections: DocumentSectionData[];
|
|
214
214
|
/** Optional footer contact text */
|
|
@@ -278,7 +278,7 @@ interface PricingPlan {
|
|
|
278
278
|
}
|
|
279
279
|
interface ManagedPricingBlockProps {
|
|
280
280
|
tagline?: string;
|
|
281
|
-
title:
|
|
281
|
+
title: React.ReactNode;
|
|
282
282
|
plans: PricingPlan[];
|
|
283
283
|
}
|
|
284
284
|
declare const ManagedPricingBlock: React.FC<ManagedPricingBlockProps>;
|
package/dist/index.js
CHANGED
|
@@ -115,7 +115,7 @@ var Faq = ({
|
|
|
115
115
|
"h2",
|
|
116
116
|
{
|
|
117
117
|
ref: titleRef,
|
|
118
|
-
className: `text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "
|
|
118
|
+
className: `text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "" : ""}`,
|
|
119
119
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
120
120
|
},
|
|
121
121
|
"FAQ"
|
|
@@ -728,7 +728,7 @@ var HeroSection = ({
|
|
|
728
728
|
"h1",
|
|
729
729
|
{
|
|
730
730
|
ref: titleRef,
|
|
731
|
-
className: `text-[40px]
|
|
731
|
+
className: `text-[40px] gradient-text font-light md:text-5xl lg:text-7xl text-neutral-900 tracking-tight leading-[1.05] max-w-4xl mb-4 ${isAnimating ? "" : ""}`,
|
|
732
732
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
733
733
|
},
|
|
734
734
|
titlePrefix
|
|
@@ -789,7 +789,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
789
789
|
"h2",
|
|
790
790
|
{
|
|
791
791
|
ref: titleRef,
|
|
792
|
-
className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "
|
|
792
|
+
className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
793
793
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
794
794
|
},
|
|
795
795
|
headline
|
|
@@ -968,7 +968,7 @@ var AITranscriptionFeature = ({
|
|
|
968
968
|
detailTextSuffix
|
|
969
969
|
}) => {
|
|
970
970
|
const [isLoading, setIsLoading] = (0, import_react14.useState)(!!imagePath);
|
|
971
|
-
return /* @__PURE__ */ import_react14.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-col items-center text-center mb-12 relative z-10 animate-in fade-in slide-in-from-bottom-4 duration-700" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react14.default.createElement("h2", { className: " text-3xl tracking-tight
|
|
971
|
+
return /* @__PURE__ */ import_react14.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-col items-center text-center mb-12 relative z-10 animate-in fade-in slide-in-from-bottom-4 duration-700" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react14.default.createElement("h2", { className: " text-3xl tracking-tight leading-[1.05] mb-4" }, headline), /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-xl mx-auto" }, description)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "relative w-full max-w-5xl mx-auto aspect-video sm:aspect-21/9 bg-neutral-100 rounded-2xl overflow-hidden mb-12 flex items-center justify-center shadow-[0_0_40px_rgba(0,0,0,0.03)] animate-in fade-in zoom-in-95 duration-700 delay-150 fill-mode-both" }, /* @__PURE__ */ import_react14.default.createElement(
|
|
972
972
|
"div",
|
|
973
973
|
{
|
|
974
974
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-20 mix-blend-overlay",
|
|
@@ -1049,7 +1049,7 @@ var ManagedDocument = ({
|
|
|
1049
1049
|
"h1",
|
|
1050
1050
|
{
|
|
1051
1051
|
ref: titleRef,
|
|
1052
|
-
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "
|
|
1052
|
+
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
1053
1053
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1054
1054
|
},
|
|
1055
1055
|
title
|
|
@@ -1158,7 +1158,7 @@ var ManagedPricingBlock = ({
|
|
|
1158
1158
|
"h1",
|
|
1159
1159
|
{
|
|
1160
1160
|
ref: titleRef,
|
|
1161
|
-
className: ` text-2xl sm:text-3xl mt-3 text-black tracking-tight ${isAnimating ? "
|
|
1161
|
+
className: ` text-2xl sm:text-3xl mt-3 text-black tracking-tight ${isAnimating ? "" : ""}`,
|
|
1162
1162
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1163
1163
|
},
|
|
1164
1164
|
title
|
|
@@ -4002,7 +4002,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
4002
4002
|
"h2",
|
|
4003
4003
|
{
|
|
4004
4004
|
ref: titleRef,
|
|
4005
|
-
className: ` text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "
|
|
4005
|
+
className: ` text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
4006
4006
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
4007
4007
|
},
|
|
4008
4008
|
bottomHeadline
|
|
@@ -4143,7 +4143,7 @@ var ContentGridBlock = ({
|
|
|
4143
4143
|
middleBottomCard,
|
|
4144
4144
|
rightCards
|
|
4145
4145
|
}) => {
|
|
4146
|
-
return /* @__PURE__ */ import_react74.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react74.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react74.default.createElement("span", { className: "text
|
|
4146
|
+
return /* @__PURE__ */ import_react74.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react74.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react74.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[17px] text-black leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react74.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 uppercase tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement("h4", { className: "text-[15px] text-black" }, leftCard.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ import_react74.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react74.default.createElement(import_image13.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react74.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react74.default.createElement(import_image13.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-200 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react74.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react74.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[12px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react74.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react74.default.createElement(import_image13.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-[11px] text-neutral-400 uppercase tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react74.default.createElement("div", { key: idx, className: "relative w-full h-80 rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react74.default.createElement(
|
|
4147
4147
|
ImageWithLoader2,
|
|
4148
4148
|
{
|
|
4149
4149
|
src: card.bgImageSrc,
|
package/dist/index.mjs
CHANGED
|
@@ -35,7 +35,7 @@ var Faq = ({
|
|
|
35
35
|
"h2",
|
|
36
36
|
{
|
|
37
37
|
ref: titleRef,
|
|
38
|
-
className: `text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "
|
|
38
|
+
className: `text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "" : ""}`,
|
|
39
39
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
40
40
|
},
|
|
41
41
|
"FAQ"
|
|
@@ -648,7 +648,7 @@ var HeroSection = ({
|
|
|
648
648
|
"h1",
|
|
649
649
|
{
|
|
650
650
|
ref: titleRef,
|
|
651
|
-
className: `text-[40px]
|
|
651
|
+
className: `text-[40px] gradient-text font-light md:text-5xl lg:text-7xl text-neutral-900 tracking-tight leading-[1.05] max-w-4xl mb-4 ${isAnimating ? "" : ""}`,
|
|
652
652
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
653
653
|
},
|
|
654
654
|
titlePrefix
|
|
@@ -709,7 +709,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
709
709
|
"h2",
|
|
710
710
|
{
|
|
711
711
|
ref: titleRef,
|
|
712
|
-
className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "
|
|
712
|
+
className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
713
713
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
714
714
|
},
|
|
715
715
|
headline
|
|
@@ -888,7 +888,7 @@ var AITranscriptionFeature = ({
|
|
|
888
888
|
detailTextSuffix
|
|
889
889
|
}) => {
|
|
890
890
|
const [isLoading, setIsLoading] = useState7(!!imagePath);
|
|
891
|
-
return /* @__PURE__ */ React10.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ React10.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col items-center text-center mb-12 relative z-10 animate-in fade-in slide-in-from-bottom-4 duration-700" }, /* @__PURE__ */ React10.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React10.createElement("h2", { className: " text-3xl tracking-tight
|
|
891
|
+
return /* @__PURE__ */ React10.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ React10.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col items-center text-center mb-12 relative z-10 animate-in fade-in slide-in-from-bottom-4 duration-700" }, /* @__PURE__ */ React10.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React10.createElement("h2", { className: " text-3xl tracking-tight leading-[1.05] mb-4" }, headline), /* @__PURE__ */ React10.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-xl mx-auto" }, description)), /* @__PURE__ */ React10.createElement("div", { className: "relative w-full max-w-5xl mx-auto aspect-video sm:aspect-21/9 bg-neutral-100 rounded-2xl overflow-hidden mb-12 flex items-center justify-center shadow-[0_0_40px_rgba(0,0,0,0.03)] animate-in fade-in zoom-in-95 duration-700 delay-150 fill-mode-both" }, /* @__PURE__ */ React10.createElement(
|
|
892
892
|
"div",
|
|
893
893
|
{
|
|
894
894
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-20 mix-blend-overlay",
|
|
@@ -969,7 +969,7 @@ var ManagedDocument = ({
|
|
|
969
969
|
"h1",
|
|
970
970
|
{
|
|
971
971
|
ref: titleRef,
|
|
972
|
-
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "
|
|
972
|
+
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
973
973
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
974
974
|
},
|
|
975
975
|
title
|
|
@@ -1078,7 +1078,7 @@ var ManagedPricingBlock = ({
|
|
|
1078
1078
|
"h1",
|
|
1079
1079
|
{
|
|
1080
1080
|
ref: titleRef,
|
|
1081
|
-
className: ` text-2xl sm:text-3xl mt-3 text-black tracking-tight ${isAnimating ? "
|
|
1081
|
+
className: ` text-2xl sm:text-3xl mt-3 text-black tracking-tight ${isAnimating ? "" : ""}`,
|
|
1082
1082
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1083
1083
|
},
|
|
1084
1084
|
title
|
|
@@ -3964,7 +3964,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
3964
3964
|
"h2",
|
|
3965
3965
|
{
|
|
3966
3966
|
ref: titleRef,
|
|
3967
|
-
className: ` text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "
|
|
3967
|
+
className: ` text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
3968
3968
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
3969
3969
|
},
|
|
3970
3970
|
bottomHeadline
|
|
@@ -4105,7 +4105,7 @@ var ContentGridBlock = ({
|
|
|
4105
4105
|
middleBottomCard,
|
|
4106
4106
|
rightCards
|
|
4107
4107
|
}) => {
|
|
4108
|
-
return /* @__PURE__ */ React45.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React45.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React45.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React45.createElement("span", { className: "text
|
|
4108
|
+
return /* @__PURE__ */ React45.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React45.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React45.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React45.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React45.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React45.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[17px] text-black leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React45.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 uppercase tracking-widest" }, leftCard.tag), /* @__PURE__ */ React45.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React45.createElement("div", null, /* @__PURE__ */ React45.createElement("h4", { className: "text-[15px] text-black" }, leftCard.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ React45.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React45.createElement(Image13, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React45.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React45.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React45.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React45.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React45.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React45.createElement(Image13, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React45.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React45.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React45.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-200 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React45.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React45.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[12px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React45.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React45.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React45.createElement("div", null, /* @__PURE__ */ React45.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React45.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React45.createElement(Image13, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React45.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React45.createElement("span", { className: "text-[11px] text-neutral-400 uppercase tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React45.createElement("div", { key: idx, className: "relative w-full h-80 rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React45.createElement(
|
|
4109
4109
|
ImageWithLoader2,
|
|
4110
4110
|
{
|
|
4111
4111
|
src: card.bgImageSrc,
|