@deriv-web-design/ui 0.0.21 → 0.0.24
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.css +473 -452
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +94 -45
- package/dist/index.d.ts +94 -45
- package/dist/index.js +683 -701
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +680 -700
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -184,17 +184,17 @@ var Accordion = ({
|
|
|
184
184
|
/* @__PURE__ */ jsxs5(
|
|
185
185
|
"button",
|
|
186
186
|
{
|
|
187
|
-
className: "
|
|
187
|
+
className: "accordion__header",
|
|
188
188
|
onClick: handleToggle,
|
|
189
189
|
"aria-expanded": isOpen,
|
|
190
190
|
children: [
|
|
191
|
-
/* @__PURE__ */ jsx5("span", { className: "
|
|
192
|
-
/* @__PURE__ */ jsx5("span", { className: ["
|
|
193
|
-
showFocusRing && /* @__PURE__ */ jsx5("span", { className: "
|
|
191
|
+
/* @__PURE__ */ jsx5("span", { className: "accordion__title-wrapper", children: /* @__PURE__ */ jsx5("span", { className: "accordion__title", children: title }) }),
|
|
192
|
+
/* @__PURE__ */ jsx5("span", { className: ["accordion__chevron", isOpen ? "accordion__chevron--rotated" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx5(ChevronIcon2, {}) }),
|
|
193
|
+
showFocusRing && /* @__PURE__ */ jsx5("span", { className: "accordion__focus-ring", "aria-hidden": "true" })
|
|
194
194
|
]
|
|
195
195
|
}
|
|
196
196
|
),
|
|
197
|
-
/* @__PURE__ */ jsx5("div", { className: ["
|
|
197
|
+
/* @__PURE__ */ jsx5("div", { className: ["accordion__body-wrapper", isOpen ? "accordion__body-wrapper--open" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx5("div", { className: "accordion__body-inner", children: /* @__PURE__ */ jsx5("div", { className: "accordion__body", children }) }) })
|
|
198
198
|
]
|
|
199
199
|
}
|
|
200
200
|
);
|
|
@@ -1026,67 +1026,47 @@ var Tabs = ({
|
|
|
1026
1026
|
);
|
|
1027
1027
|
};
|
|
1028
1028
|
|
|
1029
|
-
// templates/
|
|
1029
|
+
// templates/FaqAccordion/FaqAccordion.tsx
|
|
1030
1030
|
import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1031
|
-
var
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
linkText = "Learn more",
|
|
1036
|
-
onLinkClick,
|
|
1037
|
-
cardColorScheme = "image",
|
|
1038
|
-
cards
|
|
1031
|
+
var FaqAccordion = ({
|
|
1032
|
+
title,
|
|
1033
|
+
items,
|
|
1034
|
+
colorScheme = "white"
|
|
1039
1035
|
}) => {
|
|
1040
|
-
return /* @__PURE__ */ jsx17("section", { className: "
|
|
1041
|
-
/* @__PURE__ */
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
showLink && /* @__PURE__ */ jsx17(
|
|
1045
|
-
Link,
|
|
1046
|
-
{
|
|
1047
|
-
colorScheme: "coral",
|
|
1048
|
-
label: linkText,
|
|
1049
|
-
onClick: onLinkClick
|
|
1050
|
-
}
|
|
1051
|
-
)
|
|
1052
|
-
] }),
|
|
1053
|
-
/* @__PURE__ */ jsx17("div", { className: "fc-grid", children: cards.map((card, index) => /* @__PURE__ */ jsx17(
|
|
1054
|
-
Card,
|
|
1036
|
+
return /* @__PURE__ */ jsx17("section", { className: ["faq-accordion", `faq-accordion--${colorScheme}`].join(" "), children: /* @__PURE__ */ jsxs15("div", { className: "faq-accordion__container", children: [
|
|
1037
|
+
/* @__PURE__ */ jsx17("div", { className: "faq-accordion__header", children: /* @__PURE__ */ jsx17("h2", { className: "faq-accordion__title", children: title }) }),
|
|
1038
|
+
/* @__PURE__ */ jsx17("div", { className: "faq-accordion__list", children: items.map((item, index) => /* @__PURE__ */ jsx17(
|
|
1039
|
+
Accordion,
|
|
1055
1040
|
{
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
image: card.image,
|
|
1061
|
-
imageAlt: card.imageAlt,
|
|
1062
|
-
showLink: card.showLink,
|
|
1063
|
-
linkText: card.linkText,
|
|
1064
|
-
onLinkClick: card.onLinkClick
|
|
1041
|
+
title: item.question,
|
|
1042
|
+
showTopDivider: index === 0,
|
|
1043
|
+
showBottomDivider: true,
|
|
1044
|
+
children: item.answer
|
|
1065
1045
|
},
|
|
1066
|
-
index
|
|
1046
|
+
`${item.question}-${index}`
|
|
1067
1047
|
)) })
|
|
1068
1048
|
] }) });
|
|
1069
1049
|
};
|
|
1070
1050
|
|
|
1071
|
-
// templates/
|
|
1051
|
+
// templates/FeatureCards/FeatureCards.tsx
|
|
1072
1052
|
import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1073
1053
|
var externalLinkRel = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
1074
1054
|
var TwoCardsItem = ({ card, index }) => {
|
|
1075
|
-
const isDark = card.
|
|
1055
|
+
const isDark = card.twoTone === "dark";
|
|
1076
1056
|
const showCardLink = card.showLink !== false;
|
|
1077
|
-
return /* @__PURE__ */ jsx18("div", { className: "
|
|
1057
|
+
return /* @__PURE__ */ jsx18("div", { className: "fc-twoCardWrap", children: /* @__PURE__ */ jsxs16(
|
|
1078
1058
|
"div",
|
|
1079
1059
|
{
|
|
1080
1060
|
className: [
|
|
1081
|
-
"
|
|
1082
|
-
isDark ? "
|
|
1061
|
+
"fc-twoCard",
|
|
1062
|
+
isDark ? "fc-twoCard--dark" : "fc-twoCard--light"
|
|
1083
1063
|
].join(" "),
|
|
1084
1064
|
children: [
|
|
1085
|
-
/* @__PURE__ */ jsxs16("div", { className: "
|
|
1086
|
-
/* @__PURE__ */ jsxs16("div", { className: "
|
|
1087
|
-
/* @__PURE__ */ jsx18("h3", { className: "
|
|
1088
|
-
/* @__PURE__ */ jsx18("p", { className: "
|
|
1089
|
-
showCardLink && /* @__PURE__ */ jsx18("div", { className: "
|
|
1065
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-body", children: [
|
|
1066
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-content", children: [
|
|
1067
|
+
/* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-title", children: card.title }),
|
|
1068
|
+
/* @__PURE__ */ jsx18("p", { className: "fc-twoCard-description", children: card.description }),
|
|
1069
|
+
showCardLink && /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ jsx18(
|
|
1090
1070
|
Link,
|
|
1091
1071
|
{
|
|
1092
1072
|
colorScheme: "coral",
|
|
@@ -1097,14 +1077,14 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1097
1077
|
}
|
|
1098
1078
|
) })
|
|
1099
1079
|
] }),
|
|
1100
|
-
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "
|
|
1101
|
-
/* @__PURE__ */ jsx18("h3", { className: "
|
|
1102
|
-
/* @__PURE__ */ jsx18("div", { className: "
|
|
1080
|
+
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-platformsOuter", children: [
|
|
1081
|
+
/* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
|
|
1082
|
+
/* @__PURE__ */ jsx18("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs16(
|
|
1103
1083
|
"a",
|
|
1104
1084
|
{
|
|
1105
1085
|
className: [
|
|
1106
|
-
"
|
|
1107
|
-
isDark ? "
|
|
1086
|
+
"fc-platformLink",
|
|
1087
|
+
isDark ? "fc-platformLink--dark" : ""
|
|
1108
1088
|
].filter(Boolean).join(" "),
|
|
1109
1089
|
href: platform.href,
|
|
1110
1090
|
rel: externalLinkRel(platform.href),
|
|
@@ -1113,24 +1093,24 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1113
1093
|
"img",
|
|
1114
1094
|
{
|
|
1115
1095
|
alt: "",
|
|
1116
|
-
className: "
|
|
1096
|
+
className: "fc-platformLink-icon",
|
|
1117
1097
|
height: 32,
|
|
1118
1098
|
src: platform.iconSrc,
|
|
1119
1099
|
width: 32
|
|
1120
1100
|
}
|
|
1121
1101
|
),
|
|
1122
|
-
/* @__PURE__ */ jsx18("span", { className: "
|
|
1102
|
+
/* @__PURE__ */ jsx18("span", { className: "fc-platformLink-label", children: platform.label })
|
|
1123
1103
|
]
|
|
1124
1104
|
},
|
|
1125
1105
|
`${platform.label}-${i}`
|
|
1126
1106
|
)) })
|
|
1127
1107
|
] })
|
|
1128
1108
|
] }),
|
|
1129
|
-
card.image && /* @__PURE__ */ jsx18("div", { className: "
|
|
1109
|
+
card.image && /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-imageSection", children: /* @__PURE__ */ jsx18(
|
|
1130
1110
|
"img",
|
|
1131
1111
|
{
|
|
1132
1112
|
alt: card.imageAlt ?? "",
|
|
1133
|
-
className: "
|
|
1113
|
+
className: "fc-twoCard-image",
|
|
1134
1114
|
decoding: "async",
|
|
1135
1115
|
loading: index === 0 ? "eager" : "lazy",
|
|
1136
1116
|
src: card.image
|
|
@@ -1142,12 +1122,12 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1142
1122
|
};
|
|
1143
1123
|
var OneCardPanel = ({ card }) => {
|
|
1144
1124
|
const showCardLink = card.showLink !== false;
|
|
1145
|
-
return /* @__PURE__ */ jsx18("div", { className: "
|
|
1146
|
-
/* @__PURE__ */ jsxs16("div", { className: "
|
|
1147
|
-
/* @__PURE__ */ jsxs16("div", { className: "
|
|
1148
|
-
/* @__PURE__ */ jsx18("h3", { className: "
|
|
1149
|
-
/* @__PURE__ */ jsx18("p", { className: "
|
|
1150
|
-
showCardLink && /* @__PURE__ */ jsx18("div", { className: "
|
|
1125
|
+
return /* @__PURE__ */ jsx18("div", { className: "fc-oneCardShell", children: /* @__PURE__ */ jsxs16("div", { className: "fc-oneCardGrid fc-twoCard--dark", children: [
|
|
1126
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc-oneCardLeft", children: [
|
|
1127
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc-oneCardContentBlock", children: [
|
|
1128
|
+
/* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-title", children: card.title }),
|
|
1129
|
+
/* @__PURE__ */ jsx18("p", { className: "fc-twoCard-description", children: card.description }),
|
|
1130
|
+
showCardLink && /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ jsx18(
|
|
1151
1131
|
Link,
|
|
1152
1132
|
{
|
|
1153
1133
|
colorScheme: "coral",
|
|
@@ -1158,12 +1138,12 @@ var OneCardPanel = ({ card }) => {
|
|
|
1158
1138
|
}
|
|
1159
1139
|
) })
|
|
1160
1140
|
] }),
|
|
1161
|
-
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "
|
|
1162
|
-
/* @__PURE__ */ jsx18("h3", { className: "
|
|
1163
|
-
/* @__PURE__ */ jsx18("div", { className: "
|
|
1141
|
+
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-platformsOuter", children: [
|
|
1142
|
+
/* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
|
|
1143
|
+
/* @__PURE__ */ jsx18("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs16(
|
|
1164
1144
|
"a",
|
|
1165
1145
|
{
|
|
1166
|
-
className: "
|
|
1146
|
+
className: "fc-platformLink fc-platformLink--dark",
|
|
1167
1147
|
href: platform.href,
|
|
1168
1148
|
rel: externalLinkRel(platform.href),
|
|
1169
1149
|
children: [
|
|
@@ -1171,24 +1151,24 @@ var OneCardPanel = ({ card }) => {
|
|
|
1171
1151
|
"img",
|
|
1172
1152
|
{
|
|
1173
1153
|
alt: "",
|
|
1174
|
-
className: "
|
|
1154
|
+
className: "fc-platformLink-icon",
|
|
1175
1155
|
height: 32,
|
|
1176
1156
|
src: platform.iconSrc,
|
|
1177
1157
|
width: 32
|
|
1178
1158
|
}
|
|
1179
1159
|
),
|
|
1180
|
-
/* @__PURE__ */ jsx18("span", { className: "
|
|
1160
|
+
/* @__PURE__ */ jsx18("span", { className: "fc-platformLink-label", children: platform.label })
|
|
1181
1161
|
]
|
|
1182
1162
|
},
|
|
1183
1163
|
`${platform.label}-${i}`
|
|
1184
1164
|
)) })
|
|
1185
1165
|
] })
|
|
1186
1166
|
] }),
|
|
1187
|
-
card.image && /* @__PURE__ */ jsx18("div", { className: "
|
|
1167
|
+
card.image && /* @__PURE__ */ jsx18("div", { className: "fc-oneCardRight", children: /* @__PURE__ */ jsx18(
|
|
1188
1168
|
"img",
|
|
1189
1169
|
{
|
|
1190
1170
|
alt: card.imageAlt ?? "",
|
|
1191
|
-
className: "
|
|
1171
|
+
className: "fc-oneCardImage",
|
|
1192
1172
|
decoding: "async",
|
|
1193
1173
|
loading: "eager",
|
|
1194
1174
|
src: card.image
|
|
@@ -1196,24 +1176,25 @@ var OneCardPanel = ({ card }) => {
|
|
|
1196
1176
|
) })
|
|
1197
1177
|
] }) });
|
|
1198
1178
|
};
|
|
1199
|
-
var
|
|
1179
|
+
var FeatureCards = ({
|
|
1200
1180
|
variant = "default",
|
|
1201
1181
|
sectionTitle,
|
|
1202
1182
|
sectionDescription,
|
|
1203
1183
|
showLink = false,
|
|
1204
1184
|
linkText = "Learn more",
|
|
1205
1185
|
onLinkClick,
|
|
1186
|
+
cardColorScheme = "image",
|
|
1206
1187
|
cards
|
|
1207
1188
|
}) => {
|
|
1208
|
-
const sectionHeader = /* @__PURE__ */ jsxs16("div", { className: "
|
|
1209
|
-
|
|
1210
|
-
sectionDescription && /* @__PURE__ */ jsx18("p", { className: "
|
|
1189
|
+
const sectionHeader = /* @__PURE__ */ jsxs16("div", { className: "fc-header", children: [
|
|
1190
|
+
/* @__PURE__ */ jsx18("h2", { className: "fc-sectionTitle", children: sectionTitle }),
|
|
1191
|
+
sectionDescription && /* @__PURE__ */ jsx18("p", { className: "fc-sectionDescription", children: sectionDescription }),
|
|
1211
1192
|
showLink && /* @__PURE__ */ jsx18(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
1212
1193
|
] });
|
|
1213
1194
|
if (variant === "twoCards") {
|
|
1214
|
-
return /* @__PURE__ */ jsx18("section", { className: "
|
|
1195
|
+
return /* @__PURE__ */ jsx18("section", { className: "fc-section", children: /* @__PURE__ */ jsxs16("div", { className: "fc-container", children: [
|
|
1215
1196
|
sectionHeader,
|
|
1216
|
-
/* @__PURE__ */ jsx18("div", { className: "
|
|
1197
|
+
/* @__PURE__ */ jsx18("div", { className: "fc-grid fc-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ jsx18(
|
|
1217
1198
|
TwoCardsItem,
|
|
1218
1199
|
{
|
|
1219
1200
|
card,
|
|
@@ -1225,17 +1206,49 @@ var FeatureCardsSecondary = ({
|
|
|
1225
1206
|
}
|
|
1226
1207
|
if (variant === "oneCard") {
|
|
1227
1208
|
const card = cards[0];
|
|
1228
|
-
if (!card)
|
|
1229
|
-
|
|
1230
|
-
}
|
|
1231
|
-
return /* @__PURE__ */ jsx18("section", { className: "fcs-section", children: /* @__PURE__ */ jsxs16("div", { className: "fcs-container", children: [
|
|
1209
|
+
if (!card) return null;
|
|
1210
|
+
return /* @__PURE__ */ jsx18("section", { className: "fc-section", children: /* @__PURE__ */ jsxs16("div", { className: "fc-container", children: [
|
|
1232
1211
|
sectionHeader,
|
|
1233
1212
|
/* @__PURE__ */ jsx18(OneCardPanel, { card })
|
|
1234
1213
|
] }) });
|
|
1235
1214
|
}
|
|
1236
|
-
return /* @__PURE__ */ jsx18("section", { className: "
|
|
1215
|
+
return /* @__PURE__ */ jsx18("section", { className: "fc-section", children: /* @__PURE__ */ jsxs16("div", { className: "fc-container", children: [
|
|
1237
1216
|
sectionHeader,
|
|
1238
|
-
/* @__PURE__ */ jsx18("div", { className: `
|
|
1217
|
+
/* @__PURE__ */ jsx18("div", { className: `fc-grid fc-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx18(
|
|
1218
|
+
Card,
|
|
1219
|
+
{
|
|
1220
|
+
variant: "primary",
|
|
1221
|
+
colorScheme: card.colorScheme ?? cardColorScheme,
|
|
1222
|
+
title: card.title,
|
|
1223
|
+
description: card.description,
|
|
1224
|
+
image: card.image,
|
|
1225
|
+
imageAlt: card.imageAlt,
|
|
1226
|
+
showLink: card.showLink,
|
|
1227
|
+
linkText: card.linkText,
|
|
1228
|
+
onLinkClick: card.onLinkClick
|
|
1229
|
+
},
|
|
1230
|
+
index
|
|
1231
|
+
)) })
|
|
1232
|
+
] }) });
|
|
1233
|
+
};
|
|
1234
|
+
|
|
1235
|
+
// templates/FeatureCardsIcon/FeatureCardsIcon.tsx
|
|
1236
|
+
import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1237
|
+
var FeatureCardsIcon = ({
|
|
1238
|
+
sectionTitle,
|
|
1239
|
+
sectionDescription,
|
|
1240
|
+
showLink = false,
|
|
1241
|
+
linkText = "Learn more",
|
|
1242
|
+
onLinkClick,
|
|
1243
|
+
cards
|
|
1244
|
+
}) => {
|
|
1245
|
+
return /* @__PURE__ */ jsx19("section", { className: "fci-section", children: /* @__PURE__ */ jsxs17("div", { className: "fci-container", children: [
|
|
1246
|
+
/* @__PURE__ */ jsxs17("div", { className: "fci-header", children: [
|
|
1247
|
+
sectionTitle && /* @__PURE__ */ jsx19("h2", { className: "fci-sectionTitle", children: sectionTitle }),
|
|
1248
|
+
sectionDescription && /* @__PURE__ */ jsx19("p", { className: "fci-sectionDescription", children: sectionDescription }),
|
|
1249
|
+
showLink && /* @__PURE__ */ jsx19(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
1250
|
+
] }),
|
|
1251
|
+
/* @__PURE__ */ jsx19("div", { className: `fci-grid fci-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx19(
|
|
1239
1252
|
Card,
|
|
1240
1253
|
{
|
|
1241
1254
|
variant: "secondary",
|
|
@@ -1252,12 +1265,9 @@ var FeatureCardsSecondary = ({
|
|
|
1252
1265
|
] }) });
|
|
1253
1266
|
};
|
|
1254
1267
|
|
|
1255
|
-
// templates/FeatureBullets/FeatureBullets.module.css
|
|
1256
|
-
var FeatureBullets_default = {};
|
|
1257
|
-
|
|
1258
1268
|
// templates/FeatureBullets/FeatureBullets.tsx
|
|
1259
|
-
import { jsx as
|
|
1260
|
-
var CheckIcon2 = () => /* @__PURE__ */
|
|
1269
|
+
import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
1270
|
+
var CheckIcon2 = () => /* @__PURE__ */ jsx20("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: "feature-bullets__icon", children: /* @__PURE__ */ jsx20("path", { d: "M12 4.375C9.07031 4.375 6.41406 5.9375 4.92969 8.4375C3.48438 10.9766 3.48438 14.0625 4.92969 16.5625C6.41406 19.1016 9.07031 20.625 12 20.625C14.8906 20.625 17.5469 19.1016 19.0312 16.5625C20.4766 14.0625 20.4766 10.9766 19.0312 8.4375C17.5469 5.9375 14.8906 4.375 12 4.375ZM12 22.5C8.40625 22.5 5.125 20.625 3.32812 17.5C1.53125 14.4141 1.53125 10.625 3.32812 7.5C5.125 4.41406 8.40625 2.5 12 2.5C15.5547 2.5 18.8359 4.41406 20.6328 7.5C22.4297 10.625 22.4297 14.4141 20.6328 17.5C18.8359 20.625 15.5547 22.5 12 22.5ZM16.4141 10.6641L11.4141 15.6641C11.0234 16.0547 10.4375 16.0547 10.0859 15.6641L7.58594 13.1641C7.19531 12.8125 7.19531 12.2266 7.58594 11.875C7.9375 11.4844 8.52344 11.4844 8.91406 11.875L10.75 13.7109L15.0859 9.375C15.4375 8.98438 16.0234 8.98438 16.4141 9.375C16.7656 9.72656 16.7656 10.3125 16.4141 10.6641Z", fill: "currentColor" }) });
|
|
1261
1271
|
var FeatureBullets = ({
|
|
1262
1272
|
title,
|
|
1263
1273
|
bullets,
|
|
@@ -1265,26 +1275,26 @@ var FeatureBullets = ({
|
|
|
1265
1275
|
imageAlt = "",
|
|
1266
1276
|
imagePosition = "right"
|
|
1267
1277
|
}) => {
|
|
1268
|
-
return /* @__PURE__ */
|
|
1278
|
+
return /* @__PURE__ */ jsx20("section", { className: "feature-bullets", children: /* @__PURE__ */ jsx20("div", { className: "feature-bullets__container", children: /* @__PURE__ */ jsxs18(
|
|
1269
1279
|
"div",
|
|
1270
1280
|
{
|
|
1271
1281
|
className: [
|
|
1272
|
-
|
|
1273
|
-
imagePosition === "left" ?
|
|
1282
|
+
"feature-bullets__split",
|
|
1283
|
+
imagePosition === "left" ? "feature-bullets__split--image-left" : ""
|
|
1274
1284
|
].filter(Boolean).join(" "),
|
|
1275
1285
|
children: [
|
|
1276
|
-
/* @__PURE__ */
|
|
1277
|
-
/* @__PURE__ */
|
|
1278
|
-
bullets && bullets.length > 0 && /* @__PURE__ */
|
|
1279
|
-
/* @__PURE__ */
|
|
1280
|
-
/* @__PURE__ */
|
|
1286
|
+
/* @__PURE__ */ jsxs18("div", { className: "feature-bullets__content", children: [
|
|
1287
|
+
/* @__PURE__ */ jsx20("h2", { className: "feature-bullets__title", children: title }),
|
|
1288
|
+
bullets && bullets.length > 0 && /* @__PURE__ */ jsx20("div", { className: "feature-bullets__bullet-list", children: bullets.map((bullet, i) => /* @__PURE__ */ jsxs18("div", { className: "feature-bullets__bullet-item", children: [
|
|
1289
|
+
/* @__PURE__ */ jsx20("div", { className: "feature-bullets__icon-wrapper", children: /* @__PURE__ */ jsx20(CheckIcon2, {}) }),
|
|
1290
|
+
/* @__PURE__ */ jsx20("p", { className: "feature-bullets__bullet-text", children: bullet })
|
|
1281
1291
|
] }, i)) })
|
|
1282
1292
|
] }),
|
|
1283
|
-
image && /* @__PURE__ */
|
|
1293
|
+
image && /* @__PURE__ */ jsx20("div", { className: "feature-bullets__image-wrapper", children: /* @__PURE__ */ jsx20(
|
|
1284
1294
|
"img",
|
|
1285
1295
|
{
|
|
1286
1296
|
alt: imageAlt,
|
|
1287
|
-
className:
|
|
1297
|
+
className: "feature-bullets__image",
|
|
1288
1298
|
src: image
|
|
1289
1299
|
}
|
|
1290
1300
|
) })
|
|
@@ -1295,8 +1305,8 @@ var FeatureBullets = ({
|
|
|
1295
1305
|
|
|
1296
1306
|
// components/Footer/Footer.tsx
|
|
1297
1307
|
import { useState as useState5 } from "react";
|
|
1298
|
-
import { Fragment as Fragment2, jsx as
|
|
1299
|
-
var ExternalLinkIcon = () => /* @__PURE__ */
|
|
1308
|
+
import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
1309
|
+
var ExternalLinkIcon = () => /* @__PURE__ */ jsx21(
|
|
1300
1310
|
"svg",
|
|
1301
1311
|
{
|
|
1302
1312
|
width: "12",
|
|
@@ -1305,7 +1315,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ jsx20(
|
|
|
1305
1315
|
fill: "none",
|
|
1306
1316
|
"aria-hidden": "true",
|
|
1307
1317
|
focusable: "false",
|
|
1308
|
-
children: /* @__PURE__ */
|
|
1318
|
+
children: /* @__PURE__ */ jsx21(
|
|
1309
1319
|
"path",
|
|
1310
1320
|
{
|
|
1311
1321
|
d: "M2 2H10M10 2V10M10 2L2 10",
|
|
@@ -1317,7 +1327,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ jsx20(
|
|
|
1317
1327
|
)
|
|
1318
1328
|
}
|
|
1319
1329
|
);
|
|
1320
|
-
var ChevronDownIcon2 = () => /* @__PURE__ */
|
|
1330
|
+
var ChevronDownIcon2 = () => /* @__PURE__ */ jsx21(
|
|
1321
1331
|
"svg",
|
|
1322
1332
|
{
|
|
1323
1333
|
width: "12",
|
|
@@ -1326,7 +1336,7 @@ var ChevronDownIcon2 = () => /* @__PURE__ */ jsx20(
|
|
|
1326
1336
|
fill: "none",
|
|
1327
1337
|
"aria-hidden": "true",
|
|
1328
1338
|
focusable: "false",
|
|
1329
|
-
children: /* @__PURE__ */
|
|
1339
|
+
children: /* @__PURE__ */ jsx21(
|
|
1330
1340
|
"path",
|
|
1331
1341
|
{
|
|
1332
1342
|
d: "M2 4L6 8L10 4",
|
|
@@ -1343,9 +1353,9 @@ var DerivGoBadges = ({
|
|
|
1343
1353
|
appStoreBadge,
|
|
1344
1354
|
huaweiBadge,
|
|
1345
1355
|
availabilityNote
|
|
1346
|
-
}) => /* @__PURE__ */
|
|
1347
|
-
/* @__PURE__ */
|
|
1348
|
-
googlePlayBadge && /* @__PURE__ */
|
|
1356
|
+
}) => /* @__PURE__ */ jsxs19(Fragment2, { children: [
|
|
1357
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__app-badges", children: [
|
|
1358
|
+
googlePlayBadge && /* @__PURE__ */ jsx21(
|
|
1349
1359
|
"a",
|
|
1350
1360
|
{
|
|
1351
1361
|
href: googlePlayBadge.href,
|
|
@@ -1353,10 +1363,10 @@ var DerivGoBadges = ({
|
|
|
1353
1363
|
"aria-label": googlePlayBadge.imageAlt,
|
|
1354
1364
|
target: "_blank",
|
|
1355
1365
|
rel: "noopener noreferrer",
|
|
1356
|
-
children: googlePlayBadge.icon ?? /* @__PURE__ */
|
|
1366
|
+
children: googlePlayBadge.icon ?? /* @__PURE__ */ jsx21("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
|
|
1357
1367
|
}
|
|
1358
1368
|
),
|
|
1359
|
-
appStoreBadge && /* @__PURE__ */
|
|
1369
|
+
appStoreBadge && /* @__PURE__ */ jsx21(
|
|
1360
1370
|
"a",
|
|
1361
1371
|
{
|
|
1362
1372
|
href: appStoreBadge.href,
|
|
@@ -1364,10 +1374,10 @@ var DerivGoBadges = ({
|
|
|
1364
1374
|
"aria-label": appStoreBadge.imageAlt,
|
|
1365
1375
|
target: "_blank",
|
|
1366
1376
|
rel: "noopener noreferrer",
|
|
1367
|
-
children: appStoreBadge.icon ?? /* @__PURE__ */
|
|
1377
|
+
children: appStoreBadge.icon ?? /* @__PURE__ */ jsx21("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
|
|
1368
1378
|
}
|
|
1369
1379
|
),
|
|
1370
|
-
huaweiBadge && /* @__PURE__ */
|
|
1380
|
+
huaweiBadge && /* @__PURE__ */ jsx21(
|
|
1371
1381
|
"a",
|
|
1372
1382
|
{
|
|
1373
1383
|
href: huaweiBadge.href,
|
|
@@ -1375,13 +1385,13 @@ var DerivGoBadges = ({
|
|
|
1375
1385
|
"aria-label": huaweiBadge.imageAlt,
|
|
1376
1386
|
target: "_blank",
|
|
1377
1387
|
rel: "noopener noreferrer",
|
|
1378
|
-
children: huaweiBadge.icon ?? /* @__PURE__ */
|
|
1388
|
+
children: huaweiBadge.icon ?? /* @__PURE__ */ jsx21("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
|
|
1379
1389
|
}
|
|
1380
1390
|
)
|
|
1381
1391
|
] }),
|
|
1382
|
-
availabilityNote && /* @__PURE__ */
|
|
1392
|
+
availabilityNote && /* @__PURE__ */ jsx21("p", { className: "footer__app-note", children: availabilityNote })
|
|
1383
1393
|
] });
|
|
1384
|
-
var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */
|
|
1394
|
+
var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs19(
|
|
1385
1395
|
"a",
|
|
1386
1396
|
{
|
|
1387
1397
|
href,
|
|
@@ -1390,7 +1400,7 @@ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs18(
|
|
|
1390
1400
|
...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
|
|
1391
1401
|
children: [
|
|
1392
1402
|
label,
|
|
1393
|
-
isExternal && /* @__PURE__ */
|
|
1403
|
+
isExternal && /* @__PURE__ */ jsx21(ExternalLinkIcon, {})
|
|
1394
1404
|
]
|
|
1395
1405
|
}
|
|
1396
1406
|
);
|
|
@@ -1422,14 +1432,14 @@ var Footer = ({
|
|
|
1422
1432
|
});
|
|
1423
1433
|
};
|
|
1424
1434
|
const aiLabel = aiSummary?.label ?? "Ask AI for a summary of Deriv";
|
|
1425
|
-
return /* @__PURE__ */
|
|
1435
|
+
return /* @__PURE__ */ jsx21(
|
|
1426
1436
|
"footer",
|
|
1427
1437
|
{
|
|
1428
1438
|
className: ["footer", className].filter(Boolean).join(" "),
|
|
1429
1439
|
...props,
|
|
1430
|
-
children: /* @__PURE__ */
|
|
1431
|
-
/* @__PURE__ */
|
|
1432
|
-
/* @__PURE__ */
|
|
1440
|
+
children: /* @__PURE__ */ jsxs19("div", { className: "footer__inner", children: [
|
|
1441
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__header", children: [
|
|
1442
|
+
/* @__PURE__ */ jsx21("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ jsx21(
|
|
1433
1443
|
"img",
|
|
1434
1444
|
{
|
|
1435
1445
|
src: logoSrc,
|
|
@@ -1437,21 +1447,21 @@ var Footer = ({
|
|
|
1437
1447
|
className: "footer__logo"
|
|
1438
1448
|
}
|
|
1439
1449
|
) }),
|
|
1440
|
-
aiSummary && /* @__PURE__ */
|
|
1441
|
-
/* @__PURE__ */
|
|
1442
|
-
/* @__PURE__ */
|
|
1450
|
+
aiSummary && /* @__PURE__ */ jsxs19("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
|
|
1451
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__ai-bar-label", children: aiLabel }),
|
|
1452
|
+
/* @__PURE__ */ jsx21("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx21(
|
|
1443
1453
|
"a",
|
|
1444
1454
|
{
|
|
1445
1455
|
href: item.href,
|
|
1446
1456
|
"aria-label": item.imageAlt,
|
|
1447
1457
|
target: "_blank",
|
|
1448
1458
|
rel: "noopener noreferrer",
|
|
1449
|
-
children: /* @__PURE__ */
|
|
1459
|
+
children: /* @__PURE__ */ jsx21("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
|
|
1450
1460
|
},
|
|
1451
1461
|
i
|
|
1452
1462
|
)) })
|
|
1453
1463
|
] }),
|
|
1454
|
-
/* @__PURE__ */
|
|
1464
|
+
/* @__PURE__ */ jsx21("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx21(
|
|
1455
1465
|
"a",
|
|
1456
1466
|
{
|
|
1457
1467
|
href: link.href,
|
|
@@ -1464,27 +1474,27 @@ var Footer = ({
|
|
|
1464
1474
|
i
|
|
1465
1475
|
)) })
|
|
1466
1476
|
] }),
|
|
1467
|
-
aiSummary && /* @__PURE__ */
|
|
1468
|
-
/* @__PURE__ */
|
|
1469
|
-
/* @__PURE__ */
|
|
1477
|
+
aiSummary && /* @__PURE__ */ jsx21("div", { className: "footer__ai-section", children: /* @__PURE__ */ jsxs19("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
|
|
1478
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__ai-bar-label", children: aiLabel }),
|
|
1479
|
+
/* @__PURE__ */ jsx21("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx21(
|
|
1470
1480
|
"a",
|
|
1471
1481
|
{
|
|
1472
1482
|
href: item.href,
|
|
1473
1483
|
"aria-label": item.imageAlt,
|
|
1474
1484
|
target: "_blank",
|
|
1475
1485
|
rel: "noopener noreferrer",
|
|
1476
|
-
children: /* @__PURE__ */
|
|
1486
|
+
children: /* @__PURE__ */ jsx21("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
|
|
1477
1487
|
},
|
|
1478
1488
|
i
|
|
1479
1489
|
)) })
|
|
1480
1490
|
] }) }),
|
|
1481
|
-
/* @__PURE__ */
|
|
1482
|
-
navColumns.map((column, colIdx) => /* @__PURE__ */
|
|
1483
|
-
/* @__PURE__ */
|
|
1484
|
-
/* @__PURE__ */
|
|
1491
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__nav footer__nav--columns", children: [
|
|
1492
|
+
navColumns.map((column, colIdx) => /* @__PURE__ */ jsx21("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ jsxs19("div", { className: "footer__nav-section", children: [
|
|
1493
|
+
/* @__PURE__ */ jsx21("p", { className: "footer__nav-title", children: section.title }),
|
|
1494
|
+
/* @__PURE__ */ jsx21("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(NavLink, { ...link }) }, linkIdx)) })
|
|
1485
1495
|
] }, secIdx)) }, colIdx)),
|
|
1486
|
-
/* @__PURE__ */
|
|
1487
|
-
investorsInPeopleSrc && /* @__PURE__ */
|
|
1496
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__sidebar", children: [
|
|
1497
|
+
investorsInPeopleSrc && /* @__PURE__ */ jsx21("div", { className: "footer__investors-card", children: /* @__PURE__ */ jsx21(
|
|
1488
1498
|
"img",
|
|
1489
1499
|
{
|
|
1490
1500
|
src: investorsInPeopleSrc,
|
|
@@ -1492,9 +1502,9 @@ var Footer = ({
|
|
|
1492
1502
|
className: "footer__investors-img"
|
|
1493
1503
|
}
|
|
1494
1504
|
) }),
|
|
1495
|
-
derivGo && /* @__PURE__ */
|
|
1496
|
-
/* @__PURE__ */
|
|
1497
|
-
/* @__PURE__ */
|
|
1505
|
+
derivGo && /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-card", children: [
|
|
1506
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-header", children: [
|
|
1507
|
+
/* @__PURE__ */ jsx21(
|
|
1498
1508
|
"img",
|
|
1499
1509
|
{
|
|
1500
1510
|
src: derivGo.logoSrc,
|
|
@@ -1502,11 +1512,11 @@ var Footer = ({
|
|
|
1502
1512
|
className: "footer__deriv-go-logo"
|
|
1503
1513
|
}
|
|
1504
1514
|
),
|
|
1505
|
-
/* @__PURE__ */
|
|
1515
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
|
|
1506
1516
|
] }),
|
|
1507
|
-
/* @__PURE__ */
|
|
1508
|
-
(derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */
|
|
1509
|
-
derivGo.qrCodeIcon ? /* @__PURE__ */
|
|
1517
|
+
/* @__PURE__ */ jsx21("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
|
|
1518
|
+
(derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-qr", children: [
|
|
1519
|
+
derivGo.qrCodeIcon ? /* @__PURE__ */ jsx21("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ jsx21(
|
|
1510
1520
|
"img",
|
|
1511
1521
|
{
|
|
1512
1522
|
src: derivGo.qrCodeSrc,
|
|
@@ -1514,9 +1524,9 @@ var Footer = ({
|
|
|
1514
1524
|
className: "footer__deriv-go-qr-img"
|
|
1515
1525
|
}
|
|
1516
1526
|
),
|
|
1517
|
-
/* @__PURE__ */
|
|
1527
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
|
|
1518
1528
|
] }),
|
|
1519
|
-
/* @__PURE__ */
|
|
1529
|
+
/* @__PURE__ */ jsx21(
|
|
1520
1530
|
DerivGoBadges,
|
|
1521
1531
|
{
|
|
1522
1532
|
googlePlayBadge: derivGo.googlePlayBadge,
|
|
@@ -1528,9 +1538,9 @@ var Footer = ({
|
|
|
1528
1538
|
] })
|
|
1529
1539
|
] })
|
|
1530
1540
|
] }),
|
|
1531
|
-
/* @__PURE__ */
|
|
1541
|
+
/* @__PURE__ */ jsx21("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
|
|
1532
1542
|
const isOpen = openSections.has(idx);
|
|
1533
|
-
return /* @__PURE__ */
|
|
1543
|
+
return /* @__PURE__ */ jsxs19(
|
|
1534
1544
|
"div",
|
|
1535
1545
|
{
|
|
1536
1546
|
className: [
|
|
@@ -1538,7 +1548,7 @@ var Footer = ({
|
|
|
1538
1548
|
isOpen && "footer__accordion-item--open"
|
|
1539
1549
|
].filter(Boolean).join(" "),
|
|
1540
1550
|
children: [
|
|
1541
|
-
/* @__PURE__ */
|
|
1551
|
+
/* @__PURE__ */ jsxs19(
|
|
1542
1552
|
"button",
|
|
1543
1553
|
{
|
|
1544
1554
|
type: "button",
|
|
@@ -1546,18 +1556,18 @@ var Footer = ({
|
|
|
1546
1556
|
onClick: () => toggleSection(idx),
|
|
1547
1557
|
"aria-expanded": isOpen,
|
|
1548
1558
|
children: [
|
|
1549
|
-
/* @__PURE__ */
|
|
1550
|
-
/* @__PURE__ */
|
|
1559
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__accordion-label", children: section.title }),
|
|
1560
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ jsx21(ChevronDownIcon2, {}) })
|
|
1551
1561
|
]
|
|
1552
1562
|
}
|
|
1553
1563
|
),
|
|
1554
|
-
isOpen && /* @__PURE__ */
|
|
1564
|
+
isOpen && /* @__PURE__ */ jsx21("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(NavLink, { ...link }) }, linkIdx)) })
|
|
1555
1565
|
]
|
|
1556
1566
|
},
|
|
1557
1567
|
idx
|
|
1558
1568
|
);
|
|
1559
1569
|
}) }),
|
|
1560
|
-
socialLinks.length > 0 && /* @__PURE__ */
|
|
1570
|
+
socialLinks.length > 0 && /* @__PURE__ */ jsx21("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx21(
|
|
1561
1571
|
"a",
|
|
1562
1572
|
{
|
|
1563
1573
|
href: link.href,
|
|
@@ -1569,10 +1579,10 @@ var Footer = ({
|
|
|
1569
1579
|
},
|
|
1570
1580
|
i
|
|
1571
1581
|
)) }),
|
|
1572
|
-
derivGo && /* @__PURE__ */
|
|
1573
|
-
/* @__PURE__ */
|
|
1574
|
-
/* @__PURE__ */
|
|
1575
|
-
/* @__PURE__ */
|
|
1582
|
+
derivGo && /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-banner", children: [
|
|
1583
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-banner-info", children: [
|
|
1584
|
+
/* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-header", children: [
|
|
1585
|
+
/* @__PURE__ */ jsx21(
|
|
1576
1586
|
"img",
|
|
1577
1587
|
{
|
|
1578
1588
|
src: derivGo.logoSrc,
|
|
@@ -1580,11 +1590,11 @@ var Footer = ({
|
|
|
1580
1590
|
className: "footer__deriv-go-logo"
|
|
1581
1591
|
}
|
|
1582
1592
|
),
|
|
1583
|
-
/* @__PURE__ */
|
|
1593
|
+
/* @__PURE__ */ jsx21("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
|
|
1584
1594
|
] }),
|
|
1585
|
-
/* @__PURE__ */
|
|
1595
|
+
/* @__PURE__ */ jsx21("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
|
|
1586
1596
|
] }),
|
|
1587
|
-
/* @__PURE__ */
|
|
1597
|
+
/* @__PURE__ */ jsx21("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ jsx21(
|
|
1588
1598
|
DerivGoBadges,
|
|
1589
1599
|
{
|
|
1590
1600
|
googlePlayBadge: derivGo.googlePlayBadge,
|
|
@@ -1594,11 +1604,11 @@ var Footer = ({
|
|
|
1594
1604
|
}
|
|
1595
1605
|
) })
|
|
1596
1606
|
] }),
|
|
1597
|
-
(licenseText || riskWarningText) && /* @__PURE__ */
|
|
1598
|
-
licenseText && /* @__PURE__ */
|
|
1599
|
-
riskWarningText && /* @__PURE__ */
|
|
1607
|
+
(licenseText || riskWarningText) && /* @__PURE__ */ jsxs19("div", { className: "footer__legal-block", children: [
|
|
1608
|
+
licenseText && /* @__PURE__ */ jsx21("div", { className: "footer__license", children: licenseText }),
|
|
1609
|
+
riskWarningText && /* @__PURE__ */ jsx21("div", { className: "footer__risk-warning", children: /* @__PURE__ */ jsx21("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
|
|
1600
1610
|
] }),
|
|
1601
|
-
investorsInPeopleSrc && /* @__PURE__ */
|
|
1611
|
+
investorsInPeopleSrc && /* @__PURE__ */ jsx21("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ jsx21(
|
|
1602
1612
|
"img",
|
|
1603
1613
|
{
|
|
1604
1614
|
src: investorsInPeopleSrc,
|
|
@@ -1612,70 +1622,19 @@ var Footer = ({
|
|
|
1612
1622
|
};
|
|
1613
1623
|
|
|
1614
1624
|
// templates/Hero/Hero.tsx
|
|
1615
|
-
import {
|
|
1616
|
-
import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
1625
|
+
import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
1617
1626
|
var Visual = ({
|
|
1618
1627
|
src,
|
|
1619
1628
|
className,
|
|
1620
1629
|
alt = ""
|
|
1621
|
-
}) => /* @__PURE__ */
|
|
1622
|
-
var
|
|
1623
|
-
variant,
|
|
1624
|
-
subtitle,
|
|
1625
|
-
title,
|
|
1626
|
-
description,
|
|
1630
|
+
}) => /* @__PURE__ */ jsx22("div", { className, children: typeof src === "string" ? /* @__PURE__ */ jsx22("img", { src, alt }) : src });
|
|
1631
|
+
var ButtonBlock = ({
|
|
1627
1632
|
primaryButton,
|
|
1628
|
-
secondaryButton
|
|
1629
|
-
backgroundImageSrc,
|
|
1630
|
-
heroImage,
|
|
1631
|
-
leftVisual,
|
|
1632
|
-
rightVisual,
|
|
1633
|
-
productImage,
|
|
1634
|
-
floatingImage,
|
|
1635
|
-
className,
|
|
1636
|
-
...props
|
|
1633
|
+
secondaryButton
|
|
1637
1634
|
}) => {
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
const rightRef = useRef3(null);
|
|
1642
|
-
useEffect3(() => {
|
|
1643
|
-
if (variant !== "visuals") return;
|
|
1644
|
-
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
|
|
1645
|
-
const section = sectionRef.current;
|
|
1646
|
-
const leftEl = leftRef.current;
|
|
1647
|
-
const rightEl = rightRef.current;
|
|
1648
|
-
if (!section || !leftEl || !rightEl) return;
|
|
1649
|
-
const STRENGTH = 60;
|
|
1650
|
-
const onScroll = () => {
|
|
1651
|
-
const rect = section.getBoundingClientRect();
|
|
1652
|
-
const viewH = window.innerHeight;
|
|
1653
|
-
const progress = 1 - rect.bottom / (viewH + rect.height);
|
|
1654
|
-
const clamped = Math.max(0, Math.min(1, progress));
|
|
1655
|
-
const offset = (clamped - 0.5) * STRENGTH * 2;
|
|
1656
|
-
leftEl.style.transform = `translateY(${-offset}px)`;
|
|
1657
|
-
rightEl.style.transform = `translateY(${offset}px)`;
|
|
1658
|
-
};
|
|
1659
|
-
const scrollEl = (() => {
|
|
1660
|
-
let el = section.parentElement;
|
|
1661
|
-
while (el && el !== document.documentElement) {
|
|
1662
|
-
const { overflow, overflowY } = getComputedStyle(el);
|
|
1663
|
-
if (/auto|scroll/.test(overflow + overflowY)) return el;
|
|
1664
|
-
el = el.parentElement;
|
|
1665
|
-
}
|
|
1666
|
-
return window;
|
|
1667
|
-
})();
|
|
1668
|
-
scrollEl.addEventListener("scroll", onScroll, { passive: true });
|
|
1669
|
-
onScroll();
|
|
1670
|
-
return () => scrollEl.removeEventListener("scroll", onScroll);
|
|
1671
|
-
}, [variant]);
|
|
1672
|
-
const textBlock = /* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
|
|
1673
|
-
subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
|
|
1674
|
-
/* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
|
|
1675
|
-
description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
|
|
1676
|
-
] });
|
|
1677
|
-
const buttonBlock = (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
|
|
1678
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
|
|
1635
|
+
if (!primaryButton && !secondaryButton) return null;
|
|
1636
|
+
return /* @__PURE__ */ jsxs20("div", { className: "hero__buttons", children: [
|
|
1637
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx22("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx22(
|
|
1679
1638
|
Button,
|
|
1680
1639
|
{
|
|
1681
1640
|
colorScheme: "coral",
|
|
@@ -1683,7 +1642,7 @@ var Hero = ({
|
|
|
1683
1642
|
label: primaryButton.label,
|
|
1684
1643
|
onClick: primaryButton.onClick
|
|
1685
1644
|
}
|
|
1686
|
-
) }) : /* @__PURE__ */
|
|
1645
|
+
) }) : /* @__PURE__ */ jsx22(
|
|
1687
1646
|
Button,
|
|
1688
1647
|
{
|
|
1689
1648
|
colorScheme: "coral",
|
|
@@ -1692,7 +1651,7 @@ var Hero = ({
|
|
|
1692
1651
|
onClick: primaryButton.onClick
|
|
1693
1652
|
}
|
|
1694
1653
|
)),
|
|
1695
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */
|
|
1654
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx22("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx22(
|
|
1696
1655
|
Button,
|
|
1697
1656
|
{
|
|
1698
1657
|
colorScheme: "white",
|
|
@@ -1700,7 +1659,7 @@ var Hero = ({
|
|
|
1700
1659
|
label: secondaryButton.label,
|
|
1701
1660
|
onClick: secondaryButton.onClick
|
|
1702
1661
|
}
|
|
1703
|
-
) }) : /* @__PURE__ */
|
|
1662
|
+
) }) : /* @__PURE__ */ jsx22(
|
|
1704
1663
|
Button,
|
|
1705
1664
|
{
|
|
1706
1665
|
colorScheme: "white",
|
|
@@ -1710,191 +1669,70 @@ var Hero = ({
|
|
|
1710
1669
|
}
|
|
1711
1670
|
))
|
|
1712
1671
|
] });
|
|
1672
|
+
};
|
|
1673
|
+
var Hero = ({
|
|
1674
|
+
variant,
|
|
1675
|
+
subtitle,
|
|
1676
|
+
title,
|
|
1677
|
+
description,
|
|
1678
|
+
primaryButton,
|
|
1679
|
+
secondaryButton,
|
|
1680
|
+
backgroundImageSrc,
|
|
1681
|
+
heroImage,
|
|
1682
|
+
productImage,
|
|
1683
|
+
floatingImage,
|
|
1684
|
+
className,
|
|
1685
|
+
...props
|
|
1686
|
+
}) => {
|
|
1687
|
+
const variantClass = `hero--${variant}`;
|
|
1713
1688
|
if (variant === "split") {
|
|
1714
|
-
return /* @__PURE__ */
|
|
1689
|
+
return /* @__PURE__ */ jsxs20(
|
|
1715
1690
|
"section",
|
|
1716
1691
|
{
|
|
1717
1692
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1718
1693
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1719
1694
|
...props,
|
|
1720
1695
|
children: [
|
|
1721
|
-
/* @__PURE__ */
|
|
1722
|
-
heroImage && /* @__PURE__ */
|
|
1723
|
-
|
|
1724
|
-
{
|
|
1725
|
-
|
|
1726
|
-
className: "
|
|
1727
|
-
|
|
1728
|
-
}
|
|
1729
|
-
),
|
|
1730
|
-
/* @__PURE__ */ jsx21("div", { className: "hero__inner", children: /* @__PURE__ */ jsx21("div", { className: "hero__content", children: /* @__PURE__ */ jsx21("div", { className: "hero__left", children: /* @__PURE__ */ jsxs19("div", { className: "hero__body", children: [
|
|
1731
|
-
/* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
|
|
1732
|
-
subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
|
|
1733
|
-
/* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
|
|
1734
|
-
description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
|
|
1696
|
+
/* @__PURE__ */ jsx22("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1697
|
+
heroImage && /* @__PURE__ */ jsx22(Visual, { src: heroImage, className: "hero__image-slot", alt: "" }),
|
|
1698
|
+
/* @__PURE__ */ jsx22("div", { className: "hero__inner", children: /* @__PURE__ */ jsx22("div", { className: "hero__content", children: /* @__PURE__ */ jsx22("div", { className: "hero__left", children: /* @__PURE__ */ jsxs20("div", { className: "hero__body", children: [
|
|
1699
|
+
/* @__PURE__ */ jsxs20("div", { className: "hero__text", children: [
|
|
1700
|
+
subtitle && /* @__PURE__ */ jsx22("p", { className: "hero__subtitle", children: subtitle }),
|
|
1701
|
+
/* @__PURE__ */ jsx22("h2", { className: "hero__title", children: title }),
|
|
1702
|
+
description && /* @__PURE__ */ jsx22("p", { className: "hero__description", children: description })
|
|
1735
1703
|
] }),
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
onClick: primaryButton.onClick
|
|
1744
|
-
}
|
|
1745
|
-
) }) : /* @__PURE__ */ jsx21(
|
|
1746
|
-
Button,
|
|
1747
|
-
{
|
|
1748
|
-
colorScheme: "coral",
|
|
1749
|
-
variant: "primary",
|
|
1750
|
-
label: primaryButton.label,
|
|
1751
|
-
onClick: primaryButton.onClick
|
|
1752
|
-
}
|
|
1753
|
-
)),
|
|
1754
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
|
|
1755
|
-
Button,
|
|
1756
|
-
{
|
|
1757
|
-
colorScheme: "white",
|
|
1758
|
-
variant: "secondary",
|
|
1759
|
-
label: secondaryButton.label,
|
|
1760
|
-
onClick: secondaryButton.onClick
|
|
1761
|
-
}
|
|
1762
|
-
) }) : /* @__PURE__ */ jsx21(
|
|
1763
|
-
Button,
|
|
1764
|
-
{
|
|
1765
|
-
colorScheme: "white",
|
|
1766
|
-
variant: "secondary",
|
|
1767
|
-
label: secondaryButton.label,
|
|
1768
|
-
onClick: secondaryButton.onClick
|
|
1769
|
-
}
|
|
1770
|
-
))
|
|
1771
|
-
] })
|
|
1704
|
+
/* @__PURE__ */ jsx22(
|
|
1705
|
+
ButtonBlock,
|
|
1706
|
+
{
|
|
1707
|
+
primaryButton,
|
|
1708
|
+
secondaryButton
|
|
1709
|
+
}
|
|
1710
|
+
)
|
|
1772
1711
|
] }) }) }) })
|
|
1773
1712
|
]
|
|
1774
1713
|
}
|
|
1775
1714
|
);
|
|
1776
1715
|
}
|
|
1777
1716
|
if (variant === "centered") {
|
|
1778
|
-
return /* @__PURE__ */
|
|
1779
|
-
"section",
|
|
1780
|
-
{
|
|
1781
|
-
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1782
|
-
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1783
|
-
...props,
|
|
1784
|
-
children: [
|
|
1785
|
-
/* @__PURE__ */ jsx21("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1786
|
-
/* @__PURE__ */ jsx21("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs19("div", { className: "hero__content", children: [
|
|
1787
|
-
/* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
|
|
1788
|
-
subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
|
|
1789
|
-
/* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
|
|
1790
|
-
description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
|
|
1791
|
-
] }),
|
|
1792
|
-
(primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
|
|
1793
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
|
|
1794
|
-
Button,
|
|
1795
|
-
{
|
|
1796
|
-
colorScheme: "coral",
|
|
1797
|
-
variant: "primary",
|
|
1798
|
-
label: primaryButton.label,
|
|
1799
|
-
onClick: primaryButton.onClick
|
|
1800
|
-
}
|
|
1801
|
-
) }) : /* @__PURE__ */ jsx21(
|
|
1802
|
-
Button,
|
|
1803
|
-
{
|
|
1804
|
-
colorScheme: "coral",
|
|
1805
|
-
variant: "primary",
|
|
1806
|
-
label: primaryButton.label,
|
|
1807
|
-
onClick: primaryButton.onClick
|
|
1808
|
-
}
|
|
1809
|
-
)),
|
|
1810
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
|
|
1811
|
-
Button,
|
|
1812
|
-
{
|
|
1813
|
-
colorScheme: "white",
|
|
1814
|
-
variant: "secondary",
|
|
1815
|
-
label: secondaryButton.label,
|
|
1816
|
-
onClick: secondaryButton.onClick
|
|
1817
|
-
}
|
|
1818
|
-
) }) : /* @__PURE__ */ jsx21(
|
|
1819
|
-
Button,
|
|
1820
|
-
{
|
|
1821
|
-
colorScheme: "white",
|
|
1822
|
-
variant: "secondary",
|
|
1823
|
-
label: secondaryButton.label,
|
|
1824
|
-
onClick: secondaryButton.onClick
|
|
1825
|
-
}
|
|
1826
|
-
))
|
|
1827
|
-
] })
|
|
1828
|
-
] }) })
|
|
1829
|
-
]
|
|
1830
|
-
}
|
|
1831
|
-
);
|
|
1832
|
-
}
|
|
1833
|
-
if (variant === "showcase") {
|
|
1834
|
-
return /* @__PURE__ */ jsxs19(
|
|
1717
|
+
return /* @__PURE__ */ jsxs20(
|
|
1835
1718
|
"section",
|
|
1836
1719
|
{
|
|
1837
1720
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1838
1721
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1839
1722
|
...props,
|
|
1840
1723
|
children: [
|
|
1841
|
-
/* @__PURE__ */
|
|
1842
|
-
/* @__PURE__ */
|
|
1843
|
-
/* @__PURE__ */
|
|
1844
|
-
subtitle && /* @__PURE__ */
|
|
1845
|
-
/* @__PURE__ */
|
|
1846
|
-
description && /* @__PURE__ */
|
|
1847
|
-
] }),
|
|
1848
|
-
(primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
|
|
1849
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
|
|
1850
|
-
Button,
|
|
1851
|
-
{
|
|
1852
|
-
colorScheme: "coral",
|
|
1853
|
-
variant: "primary",
|
|
1854
|
-
label: primaryButton.label,
|
|
1855
|
-
onClick: primaryButton.onClick
|
|
1856
|
-
}
|
|
1857
|
-
) }) : /* @__PURE__ */ jsx21(
|
|
1858
|
-
Button,
|
|
1859
|
-
{
|
|
1860
|
-
colorScheme: "coral",
|
|
1861
|
-
variant: "primary",
|
|
1862
|
-
label: primaryButton.label,
|
|
1863
|
-
onClick: primaryButton.onClick
|
|
1864
|
-
}
|
|
1865
|
-
)),
|
|
1866
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
|
|
1867
|
-
Button,
|
|
1868
|
-
{
|
|
1869
|
-
colorScheme: "white",
|
|
1870
|
-
variant: "secondary",
|
|
1871
|
-
label: secondaryButton.label,
|
|
1872
|
-
onClick: secondaryButton.onClick
|
|
1873
|
-
}
|
|
1874
|
-
) }) : /* @__PURE__ */ jsx21(
|
|
1875
|
-
Button,
|
|
1876
|
-
{
|
|
1877
|
-
colorScheme: "white",
|
|
1878
|
-
variant: "secondary",
|
|
1879
|
-
label: secondaryButton.label,
|
|
1880
|
-
onClick: secondaryButton.onClick
|
|
1881
|
-
}
|
|
1882
|
-
))
|
|
1724
|
+
/* @__PURE__ */ jsx22("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1725
|
+
/* @__PURE__ */ jsx22("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs20("div", { className: "hero__content", children: [
|
|
1726
|
+
/* @__PURE__ */ jsxs20("div", { className: "hero__text", children: [
|
|
1727
|
+
subtitle && /* @__PURE__ */ jsx22("p", { className: "hero__subtitle", children: subtitle }),
|
|
1728
|
+
/* @__PURE__ */ jsx22("h2", { className: "hero__title", children: title }),
|
|
1729
|
+
description && /* @__PURE__ */ jsx22("p", { className: "hero__description", children: description })
|
|
1883
1730
|
] }),
|
|
1884
|
-
|
|
1885
|
-
|
|
1731
|
+
/* @__PURE__ */ jsx22(
|
|
1732
|
+
ButtonBlock,
|
|
1886
1733
|
{
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
alt: ""
|
|
1890
|
-
}
|
|
1891
|
-
),
|
|
1892
|
-
floatingImage && /* @__PURE__ */ jsx21(
|
|
1893
|
-
Visual,
|
|
1894
|
-
{
|
|
1895
|
-
src: floatingImage,
|
|
1896
|
-
className: "hero__floating-image",
|
|
1897
|
-
alt: ""
|
|
1734
|
+
primaryButton,
|
|
1735
|
+
secondaryButton
|
|
1898
1736
|
}
|
|
1899
1737
|
)
|
|
1900
1738
|
] }) })
|
|
@@ -1902,20 +1740,165 @@ var Hero = ({
|
|
|
1902
1740
|
}
|
|
1903
1741
|
);
|
|
1904
1742
|
}
|
|
1905
|
-
return /* @__PURE__ */
|
|
1743
|
+
return /* @__PURE__ */ jsxs20(
|
|
1906
1744
|
"section",
|
|
1907
1745
|
{
|
|
1908
|
-
ref: sectionRef,
|
|
1909
1746
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1747
|
+
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1748
|
+
...props,
|
|
1749
|
+
children: [
|
|
1750
|
+
/* @__PURE__ */ jsx22("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1751
|
+
/* @__PURE__ */ jsx22("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs20("div", { className: "hero__content", children: [
|
|
1752
|
+
/* @__PURE__ */ jsxs20("div", { className: "hero__text", children: [
|
|
1753
|
+
subtitle && /* @__PURE__ */ jsx22("p", { className: "hero__subtitle", children: subtitle }),
|
|
1754
|
+
/* @__PURE__ */ jsx22("h2", { className: "hero__title", children: title }),
|
|
1755
|
+
description && /* @__PURE__ */ jsx22("p", { className: "hero__description", children: description })
|
|
1756
|
+
] }),
|
|
1757
|
+
/* @__PURE__ */ jsx22(
|
|
1758
|
+
ButtonBlock,
|
|
1759
|
+
{
|
|
1760
|
+
primaryButton,
|
|
1761
|
+
secondaryButton
|
|
1762
|
+
}
|
|
1763
|
+
),
|
|
1764
|
+
productImage && /* @__PURE__ */ jsx22(
|
|
1765
|
+
Visual,
|
|
1766
|
+
{
|
|
1767
|
+
src: productImage,
|
|
1768
|
+
className: "hero__product-image",
|
|
1769
|
+
alt: ""
|
|
1770
|
+
}
|
|
1771
|
+
),
|
|
1772
|
+
floatingImage && /* @__PURE__ */ jsx22(
|
|
1773
|
+
Visual,
|
|
1774
|
+
{
|
|
1775
|
+
src: floatingImage,
|
|
1776
|
+
className: "hero__floating-image",
|
|
1777
|
+
alt: ""
|
|
1778
|
+
}
|
|
1779
|
+
)
|
|
1780
|
+
] }) })
|
|
1781
|
+
]
|
|
1782
|
+
}
|
|
1783
|
+
);
|
|
1784
|
+
};
|
|
1785
|
+
|
|
1786
|
+
// templates/Header/Header.tsx
|
|
1787
|
+
import { useEffect as useEffect3, useRef as useRef3 } from "react";
|
|
1788
|
+
import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
1789
|
+
var ButtonBlock2 = ({
|
|
1790
|
+
primaryButton,
|
|
1791
|
+
secondaryButton
|
|
1792
|
+
}) => {
|
|
1793
|
+
if (!primaryButton && !secondaryButton) return null;
|
|
1794
|
+
return /* @__PURE__ */ jsxs21("div", { className: "header__buttons", children: [
|
|
1795
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx23("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx23(
|
|
1796
|
+
Button,
|
|
1797
|
+
{
|
|
1798
|
+
colorScheme: "coral",
|
|
1799
|
+
variant: "primary",
|
|
1800
|
+
label: primaryButton.label,
|
|
1801
|
+
onClick: primaryButton.onClick
|
|
1802
|
+
}
|
|
1803
|
+
) }) : /* @__PURE__ */ jsx23(
|
|
1804
|
+
Button,
|
|
1805
|
+
{
|
|
1806
|
+
colorScheme: "coral",
|
|
1807
|
+
variant: "primary",
|
|
1808
|
+
label: primaryButton.label,
|
|
1809
|
+
onClick: primaryButton.onClick
|
|
1810
|
+
}
|
|
1811
|
+
)),
|
|
1812
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx23("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx23(
|
|
1813
|
+
Button,
|
|
1814
|
+
{
|
|
1815
|
+
colorScheme: "white",
|
|
1816
|
+
variant: "secondary",
|
|
1817
|
+
label: secondaryButton.label,
|
|
1818
|
+
onClick: secondaryButton.onClick
|
|
1819
|
+
}
|
|
1820
|
+
) }) : /* @__PURE__ */ jsx23(
|
|
1821
|
+
Button,
|
|
1822
|
+
{
|
|
1823
|
+
colorScheme: "white",
|
|
1824
|
+
variant: "secondary",
|
|
1825
|
+
label: secondaryButton.label,
|
|
1826
|
+
onClick: secondaryButton.onClick
|
|
1827
|
+
}
|
|
1828
|
+
))
|
|
1829
|
+
] });
|
|
1830
|
+
};
|
|
1831
|
+
var Header = ({
|
|
1832
|
+
variant,
|
|
1833
|
+
subtitle,
|
|
1834
|
+
title,
|
|
1835
|
+
description,
|
|
1836
|
+
primaryButton,
|
|
1837
|
+
secondaryButton,
|
|
1838
|
+
leftVisual,
|
|
1839
|
+
rightVisual,
|
|
1840
|
+
className,
|
|
1841
|
+
...props
|
|
1842
|
+
}) => {
|
|
1843
|
+
const variantClass = `header--${variant}`;
|
|
1844
|
+
const sectionRef = useRef3(null);
|
|
1845
|
+
const leftRef = useRef3(null);
|
|
1846
|
+
const rightRef = useRef3(null);
|
|
1847
|
+
useEffect3(() => {
|
|
1848
|
+
if (variant !== "visuals") return;
|
|
1849
|
+
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
|
|
1850
|
+
const section = sectionRef.current;
|
|
1851
|
+
const leftEl = leftRef.current;
|
|
1852
|
+
const rightEl = rightRef.current;
|
|
1853
|
+
if (!section || !leftEl || !rightEl) return;
|
|
1854
|
+
const STRENGTH = 60;
|
|
1855
|
+
const onScroll = () => {
|
|
1856
|
+
const rect = section.getBoundingClientRect();
|
|
1857
|
+
const viewH = window.innerHeight;
|
|
1858
|
+
const progress = 1 - rect.bottom / (viewH + rect.height);
|
|
1859
|
+
const clamped = Math.max(0, Math.min(1, progress));
|
|
1860
|
+
const offset = (clamped - 0.5) * STRENGTH * 2;
|
|
1861
|
+
leftEl.style.transform = `translateY(${-offset}px)`;
|
|
1862
|
+
rightEl.style.transform = `translateY(${offset}px)`;
|
|
1863
|
+
};
|
|
1864
|
+
const scrollEl = (() => {
|
|
1865
|
+
let el = section.parentElement;
|
|
1866
|
+
while (el && el !== document.documentElement) {
|
|
1867
|
+
const { overflow, overflowY } = getComputedStyle(el);
|
|
1868
|
+
if (/auto|scroll/.test(overflow + overflowY)) return el;
|
|
1869
|
+
el = el.parentElement;
|
|
1870
|
+
}
|
|
1871
|
+
return window;
|
|
1872
|
+
})();
|
|
1873
|
+
scrollEl.addEventListener("scroll", onScroll, { passive: true });
|
|
1874
|
+
onScroll();
|
|
1875
|
+
return () => scrollEl.removeEventListener("scroll", onScroll);
|
|
1876
|
+
}, [variant]);
|
|
1877
|
+
const textBlock = /* @__PURE__ */ jsxs21("div", { className: "header__text", children: [
|
|
1878
|
+
subtitle && /* @__PURE__ */ jsx23("p", { className: "header__subtitle", children: subtitle }),
|
|
1879
|
+
/* @__PURE__ */ jsx23("h2", { className: "header__title", children: title }),
|
|
1880
|
+
description && /* @__PURE__ */ jsx23("p", { className: "header__description", children: description })
|
|
1881
|
+
] });
|
|
1882
|
+
return /* @__PURE__ */ jsxs21(
|
|
1883
|
+
"section",
|
|
1884
|
+
{
|
|
1885
|
+
ref: sectionRef,
|
|
1886
|
+
className: ["header", variantClass, className].filter(Boolean).join(" "),
|
|
1910
1887
|
...props,
|
|
1911
1888
|
children: [
|
|
1912
|
-
/* @__PURE__ */
|
|
1913
|
-
variant === "visuals" && leftVisual && /* @__PURE__ */
|
|
1914
|
-
variant === "visuals" && rightVisual && /* @__PURE__ */
|
|
1915
|
-
/* @__PURE__ */
|
|
1916
|
-
/* @__PURE__ */
|
|
1889
|
+
/* @__PURE__ */ jsx23("div", { className: "header__grid", "aria-hidden": "true" }),
|
|
1890
|
+
variant === "visuals" && leftVisual && /* @__PURE__ */ jsx23("div", { ref: leftRef, className: "header__visual header__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ jsx23("img", { src: leftVisual, alt: "" }) : leftVisual }),
|
|
1891
|
+
variant === "visuals" && rightVisual && /* @__PURE__ */ jsx23("div", { ref: rightRef, className: "header__visual header__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ jsx23("img", { src: rightVisual, alt: "" }) : rightVisual }),
|
|
1892
|
+
/* @__PURE__ */ jsx23("div", { className: "header__overlay", "aria-hidden": "true" }),
|
|
1893
|
+
/* @__PURE__ */ jsx23("div", { className: "header__inner", children: /* @__PURE__ */ jsx23("div", { className: "header__content", children: /* @__PURE__ */ jsxs21("div", { className: "header__body", children: [
|
|
1917
1894
|
textBlock,
|
|
1918
|
-
|
|
1895
|
+
/* @__PURE__ */ jsx23(
|
|
1896
|
+
ButtonBlock2,
|
|
1897
|
+
{
|
|
1898
|
+
primaryButton,
|
|
1899
|
+
secondaryButton
|
|
1900
|
+
}
|
|
1901
|
+
)
|
|
1919
1902
|
] }) }) })
|
|
1920
1903
|
]
|
|
1921
1904
|
}
|
|
@@ -1924,7 +1907,7 @@ var Hero = ({
|
|
|
1924
1907
|
|
|
1925
1908
|
// templates/Stats/Stats.tsx
|
|
1926
1909
|
import { useEffect as useEffect4, useRef as useRef4, useState as useState6 } from "react";
|
|
1927
|
-
import { jsx as
|
|
1910
|
+
import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
1928
1911
|
var INTERVAL_MS = 2e3;
|
|
1929
1912
|
var TRANSITION = "transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1)";
|
|
1930
1913
|
var PARALLAX_FACTOR = 0.18;
|
|
@@ -1951,7 +1934,7 @@ function getStatStyle(rel) {
|
|
|
1951
1934
|
transition: TRANSITION
|
|
1952
1935
|
};
|
|
1953
1936
|
}
|
|
1954
|
-
var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */
|
|
1937
|
+
var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ jsx24("div", { className: "stats__award", children: /* @__PURE__ */ jsx24("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
|
|
1955
1938
|
var Stats = ({
|
|
1956
1939
|
title,
|
|
1957
1940
|
description,
|
|
@@ -2008,26 +1991,26 @@ var Stats = ({
|
|
|
2008
1991
|
if (rafRef.current) cancelAnimationFrame(rafRef.current);
|
|
2009
1992
|
};
|
|
2010
1993
|
}, []);
|
|
2011
|
-
return /* @__PURE__ */
|
|
1994
|
+
return /* @__PURE__ */ jsx24(
|
|
2012
1995
|
"section",
|
|
2013
1996
|
{
|
|
2014
1997
|
ref: sectionRef,
|
|
2015
1998
|
className: ["stats", className].filter(Boolean).join(" "),
|
|
2016
1999
|
...props,
|
|
2017
|
-
children: /* @__PURE__ */
|
|
2018
|
-
/* @__PURE__ */
|
|
2019
|
-
/* @__PURE__ */
|
|
2020
|
-
description && /* @__PURE__ */
|
|
2000
|
+
children: /* @__PURE__ */ jsxs22("div", { className: "stats__inner", children: [
|
|
2001
|
+
/* @__PURE__ */ jsxs22("div", { className: "stats__header", children: [
|
|
2002
|
+
/* @__PURE__ */ jsx24("h2", { className: "stats__title", children: title }),
|
|
2003
|
+
description && /* @__PURE__ */ jsx24("p", { className: "stats__description", children: description })
|
|
2021
2004
|
] }),
|
|
2022
|
-
/* @__PURE__ */
|
|
2023
|
-
leftAwards.length > 0 && /* @__PURE__ */
|
|
2024
|
-
/* @__PURE__ */
|
|
2025
|
-
/* @__PURE__ */
|
|
2026
|
-
/* @__PURE__ */
|
|
2005
|
+
/* @__PURE__ */ jsxs22("div", { className: "stats__content", children: [
|
|
2006
|
+
leftAwards.length > 0 && /* @__PURE__ */ jsx24("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ jsx24(AwardBadge, { ...award }, i)) }),
|
|
2007
|
+
/* @__PURE__ */ jsx24("div", { className: "stats__card", children: /* @__PURE__ */ jsxs22("div", { className: "stats__card-track", children: [
|
|
2008
|
+
/* @__PURE__ */ jsx24("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
|
|
2009
|
+
/* @__PURE__ */ jsx24("div", { className: "stats__fade stats__fade--bottom", "aria-hidden": "true" }),
|
|
2027
2010
|
stats.map((stat, i) => {
|
|
2028
2011
|
const rel = relativePos(i, activeIndex, total);
|
|
2029
2012
|
const active = rel === 0;
|
|
2030
|
-
return /* @__PURE__ */
|
|
2013
|
+
return /* @__PURE__ */ jsxs22(
|
|
2031
2014
|
"div",
|
|
2032
2015
|
{
|
|
2033
2016
|
className: [
|
|
@@ -2037,16 +2020,16 @@ var Stats = ({
|
|
|
2037
2020
|
style: getStatStyle(rel),
|
|
2038
2021
|
"aria-hidden": !active,
|
|
2039
2022
|
children: [
|
|
2040
|
-
/* @__PURE__ */
|
|
2041
|
-
/* @__PURE__ */
|
|
2023
|
+
/* @__PURE__ */ jsx24("span", { className: "stats__stat-value", children: stat.value }),
|
|
2024
|
+
/* @__PURE__ */ jsx24("span", { className: "stats__stat-label", children: stat.label })
|
|
2042
2025
|
]
|
|
2043
2026
|
},
|
|
2044
2027
|
i
|
|
2045
2028
|
);
|
|
2046
2029
|
})
|
|
2047
2030
|
] }) }),
|
|
2048
|
-
rightAwards.length > 0 && /* @__PURE__ */
|
|
2049
|
-
hasAwards && /* @__PURE__ */
|
|
2031
|
+
rightAwards.length > 0 && /* @__PURE__ */ jsx24("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ jsx24(AwardBadge, { ...award }, i)) }),
|
|
2032
|
+
hasAwards && /* @__PURE__ */ jsx24("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ jsx24(AwardBadge, { ...award }, i)) })
|
|
2050
2033
|
] })
|
|
2051
2034
|
] })
|
|
2052
2035
|
}
|
|
@@ -2059,7 +2042,7 @@ import { useLayoutEffect, useRef as useRef6, useState as useState8 } from "react
|
|
|
2059
2042
|
// components/DotLottieInView/DotLottieInView.tsx
|
|
2060
2043
|
import { useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
|
|
2061
2044
|
import { DotLottieReact } from "@lottiefiles/dotlottie-react";
|
|
2062
|
-
import { jsx as
|
|
2045
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
2063
2046
|
function DotLottieInView({
|
|
2064
2047
|
enabled = true,
|
|
2065
2048
|
rootMargin = "0px",
|
|
@@ -2092,7 +2075,7 @@ function DotLottieInView({
|
|
|
2092
2075
|
dotLottie.stop();
|
|
2093
2076
|
dotLottie.play();
|
|
2094
2077
|
}, [dotLottie, enabled, inView]);
|
|
2095
|
-
return /* @__PURE__ */
|
|
2078
|
+
return /* @__PURE__ */ jsx25(
|
|
2096
2079
|
"div",
|
|
2097
2080
|
{
|
|
2098
2081
|
ref: wrapRef,
|
|
@@ -2107,7 +2090,7 @@ function DotLottieInView({
|
|
|
2107
2090
|
backgroundColor: "transparent",
|
|
2108
2091
|
...style
|
|
2109
2092
|
},
|
|
2110
|
-
children: /* @__PURE__ */
|
|
2093
|
+
children: /* @__PURE__ */ jsx25(
|
|
2111
2094
|
DotLottieReact,
|
|
2112
2095
|
{
|
|
2113
2096
|
...dotProps,
|
|
@@ -2121,7 +2104,7 @@ function DotLottieInView({
|
|
|
2121
2104
|
}
|
|
2122
2105
|
|
|
2123
2106
|
// templates/FeatureScroll/FeatureScroll.tsx
|
|
2124
|
-
import { jsx as
|
|
2107
|
+
import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2125
2108
|
var FEATURE_SCROLL_DATA = [
|
|
2126
2109
|
{
|
|
2127
2110
|
title: "Forex",
|
|
@@ -2166,7 +2149,7 @@ var FEATURE_SCROLL_DATA = [
|
|
|
2166
2149
|
mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
|
|
2167
2150
|
}
|
|
2168
2151
|
];
|
|
2169
|
-
var ChevronRight2 = () => /* @__PURE__ */
|
|
2152
|
+
var ChevronRight2 = () => /* @__PURE__ */ jsx26(
|
|
2170
2153
|
"svg",
|
|
2171
2154
|
{
|
|
2172
2155
|
className: "fs__item-link-icon",
|
|
@@ -2175,7 +2158,7 @@ var ChevronRight2 = () => /* @__PURE__ */ jsx24(
|
|
|
2175
2158
|
viewBox: "0 0 16 16",
|
|
2176
2159
|
fill: "none",
|
|
2177
2160
|
"aria-hidden": "true",
|
|
2178
|
-
children: /* @__PURE__ */
|
|
2161
|
+
children: /* @__PURE__ */ jsx26(
|
|
2179
2162
|
"path",
|
|
2180
2163
|
{
|
|
2181
2164
|
d: "M6 3l5 5-5 5",
|
|
@@ -2193,7 +2176,7 @@ function resolveMediaType(item) {
|
|
|
2193
2176
|
}
|
|
2194
2177
|
var MediaRenderer = ({ item, active }) => {
|
|
2195
2178
|
if (resolveMediaType(item) === "lottie") {
|
|
2196
|
-
return /* @__PURE__ */
|
|
2179
|
+
return /* @__PURE__ */ jsx26(
|
|
2197
2180
|
DotLottieInView,
|
|
2198
2181
|
{
|
|
2199
2182
|
src: item.mediaUrl,
|
|
@@ -2201,7 +2184,7 @@ var MediaRenderer = ({ item, active }) => {
|
|
|
2201
2184
|
}
|
|
2202
2185
|
);
|
|
2203
2186
|
}
|
|
2204
|
-
return /* @__PURE__ */
|
|
2187
|
+
return /* @__PURE__ */ jsx26(
|
|
2205
2188
|
"img",
|
|
2206
2189
|
{
|
|
2207
2190
|
src: item.mediaUrl,
|
|
@@ -2272,24 +2255,24 @@ var FeatureScroll = ({
|
|
|
2272
2255
|
className
|
|
2273
2256
|
].filter(Boolean).join(" ");
|
|
2274
2257
|
if (items.length === 0) {
|
|
2275
|
-
return /* @__PURE__ */
|
|
2258
|
+
return /* @__PURE__ */ jsx26("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx26("div", { className: "fs__inner", children: /* @__PURE__ */ jsx26("h2", { className: "fs__header", children: header }) }) });
|
|
2276
2259
|
}
|
|
2277
|
-
return /* @__PURE__ */
|
|
2278
|
-
/* @__PURE__ */
|
|
2279
|
-
/* @__PURE__ */
|
|
2280
|
-
/* @__PURE__ */
|
|
2260
|
+
return /* @__PURE__ */ jsx26("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs23("div", { className: "fs__inner", children: [
|
|
2261
|
+
/* @__PURE__ */ jsx26("h2", { className: "fs__header", children: header }),
|
|
2262
|
+
/* @__PURE__ */ jsxs23("div", { className: "fs__layout", children: [
|
|
2263
|
+
/* @__PURE__ */ jsx26("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ jsx26(
|
|
2281
2264
|
"div",
|
|
2282
2265
|
{
|
|
2283
2266
|
ref: mediaColRef,
|
|
2284
2267
|
className: "fs__media-sticky",
|
|
2285
|
-
children: /* @__PURE__ */
|
|
2268
|
+
children: /* @__PURE__ */ jsx26("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ jsx26(
|
|
2286
2269
|
"div",
|
|
2287
2270
|
{
|
|
2288
2271
|
className: [
|
|
2289
2272
|
"fs__media-item",
|
|
2290
2273
|
i === activeIndex ? "fs__media-item--active" : ""
|
|
2291
2274
|
].filter(Boolean).join(" "),
|
|
2292
|
-
children: /* @__PURE__ */
|
|
2275
|
+
children: /* @__PURE__ */ jsx26(
|
|
2293
2276
|
MediaRenderer,
|
|
2294
2277
|
{
|
|
2295
2278
|
item,
|
|
@@ -2301,12 +2284,12 @@ var FeatureScroll = ({
|
|
|
2301
2284
|
)) })
|
|
2302
2285
|
}
|
|
2303
2286
|
) }),
|
|
2304
|
-
/* @__PURE__ */
|
|
2287
|
+
/* @__PURE__ */ jsx26("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ jsxs23(
|
|
2305
2288
|
"div",
|
|
2306
2289
|
{
|
|
2307
2290
|
className: "fs__item",
|
|
2308
2291
|
children: [
|
|
2309
|
-
/* @__PURE__ */
|
|
2292
|
+
/* @__PURE__ */ jsx26(
|
|
2310
2293
|
"h3",
|
|
2311
2294
|
{
|
|
2312
2295
|
ref: (el) => {
|
|
@@ -2316,15 +2299,15 @@ var FeatureScroll = ({
|
|
|
2316
2299
|
children: item.title
|
|
2317
2300
|
}
|
|
2318
2301
|
),
|
|
2319
|
-
/* @__PURE__ */
|
|
2320
|
-
/* @__PURE__ */
|
|
2302
|
+
/* @__PURE__ */ jsx26("p", { className: "fs__item-desc", children: item.description }),
|
|
2303
|
+
/* @__PURE__ */ jsxs23(
|
|
2321
2304
|
"a",
|
|
2322
2305
|
{
|
|
2323
2306
|
href: item.link,
|
|
2324
2307
|
className: "fs__item-link",
|
|
2325
2308
|
children: [
|
|
2326
|
-
/* @__PURE__ */
|
|
2327
|
-
/* @__PURE__ */
|
|
2309
|
+
/* @__PURE__ */ jsx26("span", { children: item.linkLabel }),
|
|
2310
|
+
/* @__PURE__ */ jsx26(ChevronRight2, {})
|
|
2328
2311
|
]
|
|
2329
2312
|
}
|
|
2330
2313
|
)
|
|
@@ -2333,18 +2316,18 @@ var FeatureScroll = ({
|
|
|
2333
2316
|
i
|
|
2334
2317
|
)) })
|
|
2335
2318
|
] }),
|
|
2336
|
-
/* @__PURE__ */
|
|
2337
|
-
/* @__PURE__ */
|
|
2338
|
-
/* @__PURE__ */
|
|
2339
|
-
/* @__PURE__ */
|
|
2340
|
-
/* @__PURE__ */
|
|
2319
|
+
/* @__PURE__ */ jsx26("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ jsxs23("div", { className: "fs__mobile-item", children: [
|
|
2320
|
+
/* @__PURE__ */ jsx26("h3", { className: "fs__item-title", children: item.title }),
|
|
2321
|
+
/* @__PURE__ */ jsx26("div", { className: "fs__mobile-media", children: /* @__PURE__ */ jsx26(MediaRenderer, { item, active: true }) }),
|
|
2322
|
+
/* @__PURE__ */ jsx26("p", { className: "fs__item-desc", children: item.description }),
|
|
2323
|
+
/* @__PURE__ */ jsxs23(
|
|
2341
2324
|
"a",
|
|
2342
2325
|
{
|
|
2343
2326
|
href: item.link,
|
|
2344
2327
|
className: "fs__item-link",
|
|
2345
2328
|
children: [
|
|
2346
|
-
/* @__PURE__ */
|
|
2347
|
-
/* @__PURE__ */
|
|
2329
|
+
/* @__PURE__ */ jsx26("span", { children: item.linkLabel }),
|
|
2330
|
+
/* @__PURE__ */ jsx26(ChevronRight2, {})
|
|
2348
2331
|
]
|
|
2349
2332
|
}
|
|
2350
2333
|
)
|
|
@@ -2354,7 +2337,7 @@ var FeatureScroll = ({
|
|
|
2354
2337
|
|
|
2355
2338
|
// templates/StickyStackedCards/StickyStackedCards.tsx
|
|
2356
2339
|
import { useEffect as useEffect6, useRef as useRef7 } from "react";
|
|
2357
|
-
import { jsx as
|
|
2340
|
+
import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2358
2341
|
var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
|
|
2359
2342
|
var STEPS_DATA = [
|
|
2360
2343
|
{
|
|
@@ -2418,14 +2401,14 @@ var StickyStackedCards = ({
|
|
|
2418
2401
|
cancelAnimationFrame(rafId);
|
|
2419
2402
|
};
|
|
2420
2403
|
}, [items.length]);
|
|
2421
|
-
return /* @__PURE__ */
|
|
2404
|
+
return /* @__PURE__ */ jsx27(
|
|
2422
2405
|
"section",
|
|
2423
2406
|
{
|
|
2424
2407
|
className: ["ssc", className].filter(Boolean).join(" "),
|
|
2425
2408
|
...props,
|
|
2426
|
-
children: /* @__PURE__ */
|
|
2427
|
-
/* @__PURE__ */
|
|
2428
|
-
/* @__PURE__ */
|
|
2409
|
+
children: /* @__PURE__ */ jsxs24("div", { className: "ssc__inner", children: [
|
|
2410
|
+
/* @__PURE__ */ jsx27("h2", { className: "ssc__header", children: header }),
|
|
2411
|
+
/* @__PURE__ */ jsx27("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ jsxs24(
|
|
2429
2412
|
"div",
|
|
2430
2413
|
{
|
|
2431
2414
|
ref: (el) => {
|
|
@@ -2451,11 +2434,11 @@ var StickyStackedCards = ({
|
|
|
2451
2434
|
top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
|
|
2452
2435
|
},
|
|
2453
2436
|
children: [
|
|
2454
|
-
/* @__PURE__ */
|
|
2455
|
-
/* @__PURE__ */
|
|
2456
|
-
/* @__PURE__ */
|
|
2437
|
+
/* @__PURE__ */ jsxs24("div", { className: "ssc__card-content", children: [
|
|
2438
|
+
/* @__PURE__ */ jsx27("h3", { className: "ssc__card-title", children: item.title }),
|
|
2439
|
+
/* @__PURE__ */ jsx27("p", { className: "ssc__card-desc", children: item.description })
|
|
2457
2440
|
] }),
|
|
2458
|
-
/* @__PURE__ */
|
|
2441
|
+
/* @__PURE__ */ jsx27("div", { className: "ssc__card-image", children: /* @__PURE__ */ jsx27(
|
|
2459
2442
|
"img",
|
|
2460
2443
|
{
|
|
2461
2444
|
src: item.imageUrl,
|
|
@@ -2481,7 +2464,7 @@ import {
|
|
|
2481
2464
|
useTransform,
|
|
2482
2465
|
useMotionTemplate
|
|
2483
2466
|
} from "framer-motion";
|
|
2484
|
-
import { jsx as
|
|
2467
|
+
import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2485
2468
|
var ENTRANCE = {
|
|
2486
2469
|
near: 80,
|
|
2487
2470
|
mid: 130,
|
|
@@ -2745,14 +2728,14 @@ var CTABanner = ({
|
|
|
2745
2728
|
const compactXValues = useCompactAvatarXValues(smooth);
|
|
2746
2729
|
const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
|
|
2747
2730
|
const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
|
|
2748
|
-
return /* @__PURE__ */
|
|
2731
|
+
return /* @__PURE__ */ jsxs25(
|
|
2749
2732
|
"section",
|
|
2750
2733
|
{
|
|
2751
2734
|
ref: sectionRef,
|
|
2752
2735
|
className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
|
|
2753
2736
|
...props,
|
|
2754
2737
|
children: [
|
|
2755
|
-
/* @__PURE__ */
|
|
2738
|
+
/* @__PURE__ */ jsx28(
|
|
2756
2739
|
motion.div,
|
|
2757
2740
|
{
|
|
2758
2741
|
className: "ctab__grid",
|
|
@@ -2760,7 +2743,7 @@ var CTABanner = ({
|
|
|
2760
2743
|
"aria-hidden": "true"
|
|
2761
2744
|
}
|
|
2762
2745
|
),
|
|
2763
|
-
/* @__PURE__ */
|
|
2746
|
+
/* @__PURE__ */ jsx28("div", { className: "ctab__inner", children: /* @__PURE__ */ jsxs25("div", { className: "ctab__stage", children: [
|
|
2764
2747
|
resolvedAvatars.map((avatar, index) => {
|
|
2765
2748
|
const posStyle = {};
|
|
2766
2749
|
if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
|
|
@@ -2769,7 +2752,7 @@ var CTABanner = ({
|
|
|
2769
2752
|
if (avatar.mobilePos?.left) posStyle["--av-m-left"] = avatar.mobilePos.left;
|
|
2770
2753
|
if (avatar.mobilePos?.right) posStyle["--av-m-right"] = avatar.mobilePos.right;
|
|
2771
2754
|
if (avatar.mobilePos?.top) posStyle["--av-m-top"] = avatar.mobilePos.top;
|
|
2772
|
-
return /* @__PURE__ */
|
|
2755
|
+
return /* @__PURE__ */ jsx28(
|
|
2773
2756
|
motion.div,
|
|
2774
2757
|
{
|
|
2775
2758
|
className: [
|
|
@@ -2783,7 +2766,7 @@ var CTABanner = ({
|
|
|
2783
2766
|
opacity: avatarOpacity,
|
|
2784
2767
|
filter: avatarFilter
|
|
2785
2768
|
},
|
|
2786
|
-
children: /* @__PURE__ */
|
|
2769
|
+
children: /* @__PURE__ */ jsx28(
|
|
2787
2770
|
"img",
|
|
2788
2771
|
{
|
|
2789
2772
|
src: avatar.imageUrl,
|
|
@@ -2796,14 +2779,14 @@ var CTABanner = ({
|
|
|
2796
2779
|
avatar.id
|
|
2797
2780
|
);
|
|
2798
2781
|
}),
|
|
2799
|
-
/* @__PURE__ */
|
|
2782
|
+
/* @__PURE__ */ jsxs25(
|
|
2800
2783
|
motion.div,
|
|
2801
2784
|
{
|
|
2802
2785
|
className: "ctab__hero",
|
|
2803
2786
|
style: { y: heroY, opacity: heroOpacity },
|
|
2804
2787
|
children: [
|
|
2805
|
-
/* @__PURE__ */
|
|
2806
|
-
/* @__PURE__ */
|
|
2788
|
+
/* @__PURE__ */ jsx28("h2", { className: "ctab__headline", children: headline }),
|
|
2789
|
+
/* @__PURE__ */ jsx28("a", { href: ctaHref, children: /* @__PURE__ */ jsx28(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
|
|
2807
2790
|
]
|
|
2808
2791
|
}
|
|
2809
2792
|
)
|
|
@@ -2821,7 +2804,7 @@ import { motion as motion2, AnimatePresence } from "framer-motion";
|
|
|
2821
2804
|
var icon_globe_default = "./icon-globe-S54WYYEK.svg";
|
|
2822
2805
|
|
|
2823
2806
|
// components/Navbar/Navbar.tsx
|
|
2824
|
-
import { jsx as
|
|
2807
|
+
import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2825
2808
|
var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
|
|
2826
2809
|
var dropdownVariants = {
|
|
2827
2810
|
hidden: { opacity: 0, scale: 0.96, y: -8 },
|
|
@@ -2835,7 +2818,7 @@ var accordionVariants = {
|
|
|
2835
2818
|
hidden: { height: 0, opacity: 0 },
|
|
2836
2819
|
visible: { height: "auto", opacity: 1 }
|
|
2837
2820
|
};
|
|
2838
|
-
var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */
|
|
2821
|
+
var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx29(
|
|
2839
2822
|
"svg",
|
|
2840
2823
|
{
|
|
2841
2824
|
className,
|
|
@@ -2844,7 +2827,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx27(
|
|
|
2844
2827
|
viewBox: "0 0 14 14",
|
|
2845
2828
|
fill: "none",
|
|
2846
2829
|
"aria-hidden": "true",
|
|
2847
|
-
children: /* @__PURE__ */
|
|
2830
|
+
children: /* @__PURE__ */ jsx29(
|
|
2848
2831
|
"path",
|
|
2849
2832
|
{
|
|
2850
2833
|
d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
|
|
@@ -2856,7 +2839,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx27(
|
|
|
2856
2839
|
)
|
|
2857
2840
|
}
|
|
2858
2841
|
);
|
|
2859
|
-
var ArrowRightIcon = () => /* @__PURE__ */
|
|
2842
|
+
var ArrowRightIcon = () => /* @__PURE__ */ jsx29("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
|
|
2860
2843
|
"path",
|
|
2861
2844
|
{
|
|
2862
2845
|
d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
|
|
@@ -2866,7 +2849,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ jsx27("svg", { width: "14", height: "
|
|
|
2866
2849
|
strokeLinejoin: "round"
|
|
2867
2850
|
}
|
|
2868
2851
|
) });
|
|
2869
|
-
var ArrowUpRightIcon = () => /* @__PURE__ */
|
|
2852
|
+
var ArrowUpRightIcon = () => /* @__PURE__ */ jsx29("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
|
|
2870
2853
|
"path",
|
|
2871
2854
|
{
|
|
2872
2855
|
d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
|
|
@@ -2876,7 +2859,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ jsx27("svg", { width: "16", height:
|
|
|
2876
2859
|
strokeLinejoin: "round"
|
|
2877
2860
|
}
|
|
2878
2861
|
) });
|
|
2879
|
-
var BarsIcon = () => /* @__PURE__ */
|
|
2862
|
+
var BarsIcon = () => /* @__PURE__ */ jsx29("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
|
|
2880
2863
|
"path",
|
|
2881
2864
|
{
|
|
2882
2865
|
d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
|
|
@@ -2885,7 +2868,7 @@ var BarsIcon = () => /* @__PURE__ */ jsx27("svg", { width: "20", height: "20", v
|
|
|
2885
2868
|
strokeLinecap: "round"
|
|
2886
2869
|
}
|
|
2887
2870
|
) });
|
|
2888
|
-
var XMarkIcon2 = () => /* @__PURE__ */
|
|
2871
|
+
var XMarkIcon2 = () => /* @__PURE__ */ jsx29("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
|
|
2889
2872
|
"path",
|
|
2890
2873
|
{
|
|
2891
2874
|
d: "M15 5L5 15M5 5L15 15",
|
|
@@ -2894,7 +2877,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ jsx27("svg", { width: "20", height: "20",
|
|
|
2894
2877
|
strokeLinecap: "round"
|
|
2895
2878
|
}
|
|
2896
2879
|
) });
|
|
2897
|
-
var ChevronLeftIcon = ({ className }) => /* @__PURE__ */
|
|
2880
|
+
var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx29(
|
|
2898
2881
|
"svg",
|
|
2899
2882
|
{
|
|
2900
2883
|
className,
|
|
@@ -2903,7 +2886,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx27(
|
|
|
2903
2886
|
viewBox: "0 0 24 24",
|
|
2904
2887
|
fill: "none",
|
|
2905
2888
|
"aria-hidden": "true",
|
|
2906
|
-
children: /* @__PURE__ */
|
|
2889
|
+
children: /* @__PURE__ */ jsx29(
|
|
2907
2890
|
"path",
|
|
2908
2891
|
{
|
|
2909
2892
|
d: "M15 18L9 12L15 6",
|
|
@@ -2915,11 +2898,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx27(
|
|
|
2915
2898
|
)
|
|
2916
2899
|
}
|
|
2917
2900
|
);
|
|
2918
|
-
var GlobeIcon = ({ className }) => /* @__PURE__ */
|
|
2901
|
+
var GlobeIcon = ({ className }) => /* @__PURE__ */ jsx29("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
|
|
2919
2902
|
var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
2920
2903
|
const { dropdown } = item;
|
|
2921
2904
|
if (!dropdown) return null;
|
|
2922
|
-
return /* @__PURE__ */
|
|
2905
|
+
return /* @__PURE__ */ jsx29(
|
|
2923
2906
|
motion2.div,
|
|
2924
2907
|
{
|
|
2925
2908
|
className: "navbar__dropdown",
|
|
@@ -2930,10 +2913,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
|
2930
2913
|
transition: { duration: 0.18, ease: EASE_OUT_EXPO },
|
|
2931
2914
|
onMouseEnter,
|
|
2932
2915
|
onMouseLeave,
|
|
2933
|
-
children: /* @__PURE__ */
|
|
2934
|
-
/* @__PURE__ */
|
|
2935
|
-
/* @__PURE__ */
|
|
2936
|
-
section.items.map((link) => /* @__PURE__ */
|
|
2916
|
+
children: /* @__PURE__ */ jsxs26("div", { className: "navbar__dropdown-inner", children: [
|
|
2917
|
+
/* @__PURE__ */ jsx29("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx29("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs26("div", { className: "navbar__dropdown-col-list", children: [
|
|
2918
|
+
/* @__PURE__ */ jsx29("p", { className: "navbar__dropdown-col-title", children: section.title }),
|
|
2919
|
+
section.items.map((link) => /* @__PURE__ */ jsxs26(
|
|
2937
2920
|
"a",
|
|
2938
2921
|
{
|
|
2939
2922
|
href: link.href,
|
|
@@ -2942,24 +2925,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
|
2942
2925
|
rel: link.external ? "noopener noreferrer" : void 0,
|
|
2943
2926
|
children: [
|
|
2944
2927
|
link.label,
|
|
2945
|
-
link.external ? /* @__PURE__ */
|
|
2928
|
+
link.external ? /* @__PURE__ */ jsx29(ArrowUpRightIcon, {}) : /* @__PURE__ */ jsx29(ArrowRightIcon, {})
|
|
2946
2929
|
]
|
|
2947
2930
|
},
|
|
2948
2931
|
link.href
|
|
2949
2932
|
))
|
|
2950
2933
|
] }, section.title)) }, colIdx)) }),
|
|
2951
|
-
dropdown.feature && /* @__PURE__ */
|
|
2934
|
+
dropdown.feature && /* @__PURE__ */ jsx29("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ jsx29(FeatureCard, { feature: dropdown.feature }) })
|
|
2952
2935
|
] })
|
|
2953
2936
|
}
|
|
2954
2937
|
);
|
|
2955
2938
|
};
|
|
2956
|
-
var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */
|
|
2939
|
+
var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs26(
|
|
2957
2940
|
"div",
|
|
2958
2941
|
{
|
|
2959
2942
|
className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
|
|
2960
2943
|
style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
|
|
2961
2944
|
children: [
|
|
2962
|
-
feature.backgroundImageUrl && /* @__PURE__ */
|
|
2945
|
+
feature.backgroundImageUrl && /* @__PURE__ */ jsx29(
|
|
2963
2946
|
"img",
|
|
2964
2947
|
{
|
|
2965
2948
|
src: feature.backgroundImageUrl,
|
|
@@ -2968,20 +2951,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs24(
|
|
|
2968
2951
|
"aria-hidden": "true"
|
|
2969
2952
|
}
|
|
2970
2953
|
),
|
|
2971
|
-
/* @__PURE__ */
|
|
2972
|
-
/* @__PURE__ */
|
|
2973
|
-
/* @__PURE__ */
|
|
2974
|
-
/* @__PURE__ */
|
|
2975
|
-
/* @__PURE__ */
|
|
2954
|
+
/* @__PURE__ */ jsx29("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
|
|
2955
|
+
/* @__PURE__ */ jsxs26("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
|
|
2956
|
+
/* @__PURE__ */ jsxs26("div", { children: [
|
|
2957
|
+
/* @__PURE__ */ jsx29("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
|
|
2958
|
+
/* @__PURE__ */ jsx29("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
|
|
2976
2959
|
] }),
|
|
2977
|
-
/* @__PURE__ */
|
|
2960
|
+
/* @__PURE__ */ jsxs26(
|
|
2978
2961
|
"a",
|
|
2979
2962
|
{
|
|
2980
2963
|
href: feature.ctaHref,
|
|
2981
2964
|
className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
|
|
2982
2965
|
children: [
|
|
2983
2966
|
feature.ctaLabel,
|
|
2984
|
-
/* @__PURE__ */
|
|
2967
|
+
/* @__PURE__ */ jsx29(ArrowRightIcon, {})
|
|
2985
2968
|
]
|
|
2986
2969
|
}
|
|
2987
2970
|
)
|
|
@@ -2991,8 +2974,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs24(
|
|
|
2991
2974
|
);
|
|
2992
2975
|
var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
2993
2976
|
const { dropdown } = item;
|
|
2994
|
-
return /* @__PURE__ */
|
|
2995
|
-
/* @__PURE__ */
|
|
2977
|
+
return /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-item", children: [
|
|
2978
|
+
/* @__PURE__ */ jsxs26(
|
|
2996
2979
|
"button",
|
|
2997
2980
|
{
|
|
2998
2981
|
className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
|
|
@@ -3000,11 +2983,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3000
2983
|
"aria-expanded": isOpen,
|
|
3001
2984
|
children: [
|
|
3002
2985
|
item.label,
|
|
3003
|
-
/* @__PURE__ */
|
|
2986
|
+
/* @__PURE__ */ jsx29(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
|
|
3004
2987
|
]
|
|
3005
2988
|
}
|
|
3006
2989
|
),
|
|
3007
|
-
/* @__PURE__ */
|
|
2990
|
+
/* @__PURE__ */ jsx29(AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ jsx29(
|
|
3008
2991
|
motion2.div,
|
|
3009
2992
|
{
|
|
3010
2993
|
className: "navbar__drawer-panel",
|
|
@@ -3013,10 +2996,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3013
2996
|
animate: "visible",
|
|
3014
2997
|
exit: "hidden",
|
|
3015
2998
|
transition: { duration: 0.22, ease: EASE_OUT_EXPO },
|
|
3016
|
-
children: /* @__PURE__ */
|
|
3017
|
-
/* @__PURE__ */
|
|
3018
|
-
/* @__PURE__ */
|
|
3019
|
-
/* @__PURE__ */
|
|
2999
|
+
children: /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-panel-inner", children: [
|
|
3000
|
+
/* @__PURE__ */ jsx29("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx29("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-col-section", children: [
|
|
3001
|
+
/* @__PURE__ */ jsx29("p", { className: "navbar__drawer-col-title", children: section.title }),
|
|
3002
|
+
/* @__PURE__ */ jsx29("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ jsx29(
|
|
3020
3003
|
"a",
|
|
3021
3004
|
{
|
|
3022
3005
|
href: link.href,
|
|
@@ -3028,7 +3011,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3028
3011
|
link.href
|
|
3029
3012
|
)) })
|
|
3030
3013
|
] }, section.title)) }, colIdx)) }),
|
|
3031
|
-
dropdown.feature && /* @__PURE__ */
|
|
3014
|
+
dropdown.feature && /* @__PURE__ */ jsx29(FeatureCard, { feature: dropdown.feature, mobile: true })
|
|
3032
3015
|
] })
|
|
3033
3016
|
}
|
|
3034
3017
|
) })
|
|
@@ -3133,20 +3116,20 @@ var Navbar = ({
|
|
|
3133
3116
|
hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
|
|
3134
3117
|
}, [clearHoverTimeout]);
|
|
3135
3118
|
const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
|
|
3136
|
-
return /* @__PURE__ */
|
|
3119
|
+
return /* @__PURE__ */ jsxs26(
|
|
3137
3120
|
"nav",
|
|
3138
3121
|
{
|
|
3139
3122
|
className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
|
|
3140
3123
|
...props,
|
|
3141
3124
|
children: [
|
|
3142
|
-
/* @__PURE__ */
|
|
3143
|
-
/* @__PURE__ */
|
|
3144
|
-
/* @__PURE__ */
|
|
3145
|
-
/* @__PURE__ */
|
|
3146
|
-
/* @__PURE__ */
|
|
3125
|
+
/* @__PURE__ */ jsxs26("div", { className: "navbar__bar", children: [
|
|
3126
|
+
/* @__PURE__ */ jsx29("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ jsx29("img", { src: resolvedLogo, alt: "Logo" }) }),
|
|
3127
|
+
/* @__PURE__ */ jsx29("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ jsxs26("div", { className: "navbar__pill", children: [
|
|
3128
|
+
/* @__PURE__ */ jsx29("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ jsx29("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
|
|
3129
|
+
/* @__PURE__ */ jsxs26("div", { className: "navbar__nav-group", children: [
|
|
3147
3130
|
navItems.map((item) => {
|
|
3148
3131
|
if (item.external) {
|
|
3149
|
-
return /* @__PURE__ */
|
|
3132
|
+
return /* @__PURE__ */ jsxs26(
|
|
3150
3133
|
"a",
|
|
3151
3134
|
{
|
|
3152
3135
|
href: item.href,
|
|
@@ -3155,14 +3138,14 @@ var Navbar = ({
|
|
|
3155
3138
|
rel: "noopener noreferrer",
|
|
3156
3139
|
children: [
|
|
3157
3140
|
item.label,
|
|
3158
|
-
/* @__PURE__ */
|
|
3141
|
+
/* @__PURE__ */ jsx29(ArrowUpRightIcon, {})
|
|
3159
3142
|
]
|
|
3160
3143
|
},
|
|
3161
3144
|
item.label
|
|
3162
3145
|
);
|
|
3163
3146
|
}
|
|
3164
3147
|
if (item.dropdown) {
|
|
3165
|
-
return /* @__PURE__ */
|
|
3148
|
+
return /* @__PURE__ */ jsxs26(
|
|
3166
3149
|
"button",
|
|
3167
3150
|
{
|
|
3168
3151
|
className: [
|
|
@@ -3175,21 +3158,21 @@ var Navbar = ({
|
|
|
3175
3158
|
"aria-haspopup": "true",
|
|
3176
3159
|
children: [
|
|
3177
3160
|
item.label,
|
|
3178
|
-
/* @__PURE__ */
|
|
3161
|
+
/* @__PURE__ */ jsx29(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
|
|
3179
3162
|
]
|
|
3180
3163
|
},
|
|
3181
3164
|
item.label
|
|
3182
3165
|
);
|
|
3183
3166
|
}
|
|
3184
|
-
return /* @__PURE__ */
|
|
3167
|
+
return /* @__PURE__ */ jsx29("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
|
|
3185
3168
|
}),
|
|
3186
|
-
languageLabel && /* @__PURE__ */
|
|
3169
|
+
languageLabel && /* @__PURE__ */ jsx29(
|
|
3187
3170
|
"div",
|
|
3188
3171
|
{
|
|
3189
3172
|
className: "navbar__lang-wrapper",
|
|
3190
3173
|
onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
|
|
3191
3174
|
onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
|
|
3192
|
-
children: /* @__PURE__ */
|
|
3175
|
+
children: /* @__PURE__ */ jsxs26(
|
|
3193
3176
|
"button",
|
|
3194
3177
|
{
|
|
3195
3178
|
ref: langBtnRef,
|
|
@@ -3202,7 +3185,7 @@ var Navbar = ({
|
|
|
3202
3185
|
"aria-haspopup": hasLangDropdown ? "true" : void 0,
|
|
3203
3186
|
"aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
|
|
3204
3187
|
children: [
|
|
3205
|
-
/* @__PURE__ */
|
|
3188
|
+
/* @__PURE__ */ jsx29(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3206
3189
|
languageLabel
|
|
3207
3190
|
]
|
|
3208
3191
|
}
|
|
@@ -3210,12 +3193,12 @@ var Navbar = ({
|
|
|
3210
3193
|
}
|
|
3211
3194
|
)
|
|
3212
3195
|
] }),
|
|
3213
|
-
/* @__PURE__ */
|
|
3214
|
-
loginHref && /* @__PURE__ */
|
|
3215
|
-
ctaHref && /* @__PURE__ */
|
|
3196
|
+
/* @__PURE__ */ jsxs26("div", { className: "navbar__pill-actions", children: [
|
|
3197
|
+
loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, children: /* @__PURE__ */ jsx29(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
|
|
3198
|
+
ctaHref && /* @__PURE__ */ jsx29("a", { href: ctaHref, children: /* @__PURE__ */ jsx29(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3216
3199
|
] })
|
|
3217
3200
|
] }) }),
|
|
3218
|
-
/* @__PURE__ */
|
|
3201
|
+
/* @__PURE__ */ jsx29(AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ jsx29(
|
|
3219
3202
|
DropdownPanel,
|
|
3220
3203
|
{
|
|
3221
3204
|
item: activeDropdownItem,
|
|
@@ -3224,7 +3207,7 @@ var Navbar = ({
|
|
|
3224
3207
|
},
|
|
3225
3208
|
"dropdown"
|
|
3226
3209
|
) }),
|
|
3227
|
-
/* @__PURE__ */
|
|
3210
|
+
/* @__PURE__ */ jsx29(AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ jsx29(
|
|
3228
3211
|
motion2.div,
|
|
3229
3212
|
{
|
|
3230
3213
|
className: "navbar__lang-dropdown",
|
|
@@ -3235,12 +3218,12 @@ var Navbar = ({
|
|
|
3235
3218
|
transition: { duration: 0.18, ease: EASE_OUT_EXPO },
|
|
3236
3219
|
onMouseEnter: clearLangHoverTimeout,
|
|
3237
3220
|
onMouseLeave: handleLangLeave,
|
|
3238
|
-
children: /* @__PURE__ */
|
|
3221
|
+
children: /* @__PURE__ */ jsx29(
|
|
3239
3222
|
"div",
|
|
3240
3223
|
{
|
|
3241
3224
|
className: "navbar__lang-dropdown-grid",
|
|
3242
3225
|
style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
|
|
3243
|
-
children: languageItems.map((lang) => /* @__PURE__ */
|
|
3226
|
+
children: languageItems.map((lang) => /* @__PURE__ */ jsx29(
|
|
3244
3227
|
"button",
|
|
3245
3228
|
{
|
|
3246
3229
|
className: [
|
|
@@ -3256,8 +3239,8 @@ var Navbar = ({
|
|
|
3256
3239
|
)
|
|
3257
3240
|
}
|
|
3258
3241
|
) }),
|
|
3259
|
-
/* @__PURE__ */
|
|
3260
|
-
loginHref && /* @__PURE__ */
|
|
3242
|
+
/* @__PURE__ */ jsxs26("div", { className: "navbar__actions", children: [
|
|
3243
|
+
loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ jsx29(
|
|
3261
3244
|
Button,
|
|
3262
3245
|
{
|
|
3263
3246
|
colorScheme: theme === "dark" ? "white" : "black",
|
|
@@ -3265,10 +3248,10 @@ var Navbar = ({
|
|
|
3265
3248
|
label: loginLabel
|
|
3266
3249
|
}
|
|
3267
3250
|
) }),
|
|
3268
|
-
ctaHref && /* @__PURE__ */
|
|
3251
|
+
ctaHref && /* @__PURE__ */ jsx29("a", { href: ctaHref, children: /* @__PURE__ */ jsx29(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3269
3252
|
] }),
|
|
3270
|
-
/* @__PURE__ */
|
|
3271
|
-
loginHref && /* @__PURE__ */
|
|
3253
|
+
/* @__PURE__ */ jsxs26("div", { className: "navbar__mobile-actions", children: [
|
|
3254
|
+
loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, children: /* @__PURE__ */ jsx29(
|
|
3272
3255
|
Button,
|
|
3273
3256
|
{
|
|
3274
3257
|
colorScheme: scrolled || theme === "light" ? "black" : "white",
|
|
@@ -3276,18 +3259,18 @@ var Navbar = ({
|
|
|
3276
3259
|
label: loginLabel
|
|
3277
3260
|
}
|
|
3278
3261
|
) }),
|
|
3279
|
-
/* @__PURE__ */
|
|
3262
|
+
/* @__PURE__ */ jsx29(
|
|
3280
3263
|
"button",
|
|
3281
3264
|
{
|
|
3282
3265
|
className: "navbar__mobile-trigger",
|
|
3283
3266
|
onClick: () => setMobileOpen((o) => !o),
|
|
3284
3267
|
"aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
|
|
3285
|
-
children: mobileOpen ? /* @__PURE__ */
|
|
3268
|
+
children: mobileOpen ? /* @__PURE__ */ jsx29(XMarkIcon2, {}) : /* @__PURE__ */ jsx29(BarsIcon, {})
|
|
3286
3269
|
}
|
|
3287
3270
|
)
|
|
3288
3271
|
] })
|
|
3289
3272
|
] }),
|
|
3290
|
-
/* @__PURE__ */
|
|
3273
|
+
/* @__PURE__ */ jsx29("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ jsx29(AnimatePresence, { children: mobileOpen && /* @__PURE__ */ jsxs26(
|
|
3291
3274
|
motion2.div,
|
|
3292
3275
|
{
|
|
3293
3276
|
className: "navbar__drawer",
|
|
@@ -3300,10 +3283,10 @@ var Navbar = ({
|
|
|
3300
3283
|
role: "dialog",
|
|
3301
3284
|
"aria-label": "Navigation menu",
|
|
3302
3285
|
children: [
|
|
3303
|
-
/* @__PURE__ */
|
|
3286
|
+
/* @__PURE__ */ jsxs26("nav", { className: "navbar__drawer-nav", children: [
|
|
3304
3287
|
navItems.map((item) => {
|
|
3305
3288
|
if (item.dropdown) {
|
|
3306
|
-
return /* @__PURE__ */
|
|
3289
|
+
return /* @__PURE__ */ jsx29(
|
|
3307
3290
|
DrawerAccordion,
|
|
3308
3291
|
{
|
|
3309
3292
|
item,
|
|
@@ -3315,7 +3298,7 @@ var Navbar = ({
|
|
|
3315
3298
|
item.label
|
|
3316
3299
|
);
|
|
3317
3300
|
}
|
|
3318
|
-
return /* @__PURE__ */
|
|
3301
|
+
return /* @__PURE__ */ jsxs26(
|
|
3319
3302
|
"a",
|
|
3320
3303
|
{
|
|
3321
3304
|
href: item.href,
|
|
@@ -3324,30 +3307,30 @@ var Navbar = ({
|
|
|
3324
3307
|
rel: item.external ? "noopener noreferrer" : void 0,
|
|
3325
3308
|
children: [
|
|
3326
3309
|
item.label,
|
|
3327
|
-
item.external && /* @__PURE__ */
|
|
3310
|
+
item.external && /* @__PURE__ */ jsx29(ArrowUpRightIcon, {})
|
|
3328
3311
|
]
|
|
3329
3312
|
},
|
|
3330
3313
|
item.label
|
|
3331
3314
|
);
|
|
3332
3315
|
}),
|
|
3333
|
-
languageLabel && !hasLangDropdown && /* @__PURE__ */
|
|
3334
|
-
/* @__PURE__ */
|
|
3316
|
+
languageLabel && !hasLangDropdown && /* @__PURE__ */ jsxs26("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
|
|
3317
|
+
/* @__PURE__ */ jsx29(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3335
3318
|
languageLabel
|
|
3336
3319
|
] }),
|
|
3337
|
-
languageLabel && hasLangDropdown && /* @__PURE__ */
|
|
3320
|
+
languageLabel && hasLangDropdown && /* @__PURE__ */ jsxs26(
|
|
3338
3321
|
"button",
|
|
3339
3322
|
{
|
|
3340
3323
|
className: "navbar__drawer-lang",
|
|
3341
3324
|
onClick: () => setMobileLangOpen(true),
|
|
3342
3325
|
children: [
|
|
3343
|
-
/* @__PURE__ */
|
|
3326
|
+
/* @__PURE__ */ jsx29(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3344
3327
|
languageLabel
|
|
3345
3328
|
]
|
|
3346
3329
|
}
|
|
3347
3330
|
)
|
|
3348
3331
|
] }),
|
|
3349
|
-
!mobileLangOpen && /* @__PURE__ */
|
|
3350
|
-
loginHref && /* @__PURE__ */
|
|
3332
|
+
!mobileLangOpen && /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-footer", children: [
|
|
3333
|
+
loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ jsx29(
|
|
3351
3334
|
Button,
|
|
3352
3335
|
{
|
|
3353
3336
|
colorScheme: "black",
|
|
@@ -3356,7 +3339,7 @@ var Navbar = ({
|
|
|
3356
3339
|
fullWidth: true
|
|
3357
3340
|
}
|
|
3358
3341
|
) }),
|
|
3359
|
-
ctaHref && /* @__PURE__ */
|
|
3342
|
+
ctaHref && /* @__PURE__ */ jsx29("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ jsx29(
|
|
3360
3343
|
Button,
|
|
3361
3344
|
{
|
|
3362
3345
|
colorScheme: "coral",
|
|
@@ -3366,7 +3349,7 @@ var Navbar = ({
|
|
|
3366
3349
|
}
|
|
3367
3350
|
) })
|
|
3368
3351
|
] }),
|
|
3369
|
-
/* @__PURE__ */
|
|
3352
|
+
/* @__PURE__ */ jsx29(AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ jsxs26(
|
|
3370
3353
|
motion2.div,
|
|
3371
3354
|
{
|
|
3372
3355
|
className: "navbar__drawer-lang-panel",
|
|
@@ -3375,16 +3358,16 @@ var Navbar = ({
|
|
|
3375
3358
|
exit: { y: "100%" },
|
|
3376
3359
|
transition: { duration: 0.25, ease: EASE_OUT_EXPO },
|
|
3377
3360
|
children: [
|
|
3378
|
-
/* @__PURE__ */
|
|
3361
|
+
/* @__PURE__ */ jsx29(
|
|
3379
3362
|
"button",
|
|
3380
3363
|
{
|
|
3381
3364
|
className: "navbar__drawer-lang-back",
|
|
3382
3365
|
onClick: () => setMobileLangOpen(false),
|
|
3383
3366
|
"aria-label": "Back to menu",
|
|
3384
|
-
children: /* @__PURE__ */
|
|
3367
|
+
children: /* @__PURE__ */ jsx29(ChevronLeftIcon, {})
|
|
3385
3368
|
}
|
|
3386
3369
|
),
|
|
3387
|
-
/* @__PURE__ */
|
|
3370
|
+
/* @__PURE__ */ jsx29("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ jsx29(
|
|
3388
3371
|
"button",
|
|
3389
3372
|
{
|
|
3390
3373
|
className: [
|
|
@@ -3491,7 +3474,7 @@ function webflowV2DayClipPercent(t, media) {
|
|
|
3491
3474
|
}
|
|
3492
3475
|
|
|
3493
3476
|
// templates/DayNightTransition/DayNightTransition.tsx
|
|
3494
|
-
import { Fragment as Fragment3, jsx as
|
|
3477
|
+
import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
3495
3478
|
var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
|
|
3496
3479
|
var FADE_START = 0.35;
|
|
3497
3480
|
var FADE_END = 0.65;
|
|
@@ -3628,15 +3611,15 @@ var DayNightTransition = ({
|
|
|
3628
3611
|
descriptionLevel === "body-lg" && "dnt--desc-body-lg",
|
|
3629
3612
|
className
|
|
3630
3613
|
].filter(Boolean).join(" ");
|
|
3631
|
-
return /* @__PURE__ */
|
|
3614
|
+
return /* @__PURE__ */ jsxs27(
|
|
3632
3615
|
"div",
|
|
3633
3616
|
{
|
|
3634
3617
|
ref: wrapperRef,
|
|
3635
3618
|
className: rootClass,
|
|
3636
3619
|
...props,
|
|
3637
3620
|
children: [
|
|
3638
|
-
webflowV2 && /* @__PURE__ */
|
|
3639
|
-
/* @__PURE__ */
|
|
3621
|
+
webflowV2 && /* @__PURE__ */ jsxs27("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
|
|
3622
|
+
/* @__PURE__ */ jsx30(
|
|
3640
3623
|
motion3.div,
|
|
3641
3624
|
{
|
|
3642
3625
|
className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
|
|
@@ -3646,7 +3629,7 @@ var DayNightTransition = ({
|
|
|
3646
3629
|
}
|
|
3647
3630
|
}
|
|
3648
3631
|
),
|
|
3649
|
-
/* @__PURE__ */
|
|
3632
|
+
/* @__PURE__ */ jsx30(
|
|
3650
3633
|
"div",
|
|
3651
3634
|
{
|
|
3652
3635
|
className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
|
|
@@ -3654,9 +3637,9 @@ var DayNightTransition = ({
|
|
|
3654
3637
|
}
|
|
3655
3638
|
)
|
|
3656
3639
|
] }),
|
|
3657
|
-
/* @__PURE__ */
|
|
3658
|
-
!webflowV2 && /* @__PURE__ */
|
|
3659
|
-
/* @__PURE__ */
|
|
3640
|
+
/* @__PURE__ */ jsxs27("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
|
|
3641
|
+
!webflowV2 && /* @__PURE__ */ jsxs27(Fragment3, { children: [
|
|
3642
|
+
/* @__PURE__ */ jsx30(
|
|
3660
3643
|
"img",
|
|
3661
3644
|
{
|
|
3662
3645
|
className: "dnt__bg dnt__bg--day",
|
|
@@ -3666,7 +3649,7 @@ var DayNightTransition = ({
|
|
|
3666
3649
|
draggable: false
|
|
3667
3650
|
}
|
|
3668
3651
|
),
|
|
3669
|
-
/* @__PURE__ */
|
|
3652
|
+
/* @__PURE__ */ jsx30(
|
|
3670
3653
|
motion3.img,
|
|
3671
3654
|
{
|
|
3672
3655
|
className: "dnt__bg dnt__bg--night",
|
|
@@ -3678,17 +3661,17 @@ var DayNightTransition = ({
|
|
|
3678
3661
|
}
|
|
3679
3662
|
)
|
|
3680
3663
|
] }),
|
|
3681
|
-
/* @__PURE__ */
|
|
3682
|
-
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */
|
|
3664
|
+
/* @__PURE__ */ jsx30("div", { className: "dnt__content", children: /* @__PURE__ */ jsx30("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ jsxs27("div", { className: "dnt__text-wrap", children: [
|
|
3665
|
+
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs27(
|
|
3683
3666
|
MotionHeadline,
|
|
3684
3667
|
{
|
|
3685
3668
|
className: "dnt__headline dnt__headline--inline-day-night",
|
|
3686
3669
|
style: { color: v2TitleColor },
|
|
3687
3670
|
"aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
|
|
3688
3671
|
children: [
|
|
3689
|
-
/* @__PURE__ */
|
|
3690
|
-
/* @__PURE__ */
|
|
3691
|
-
/* @__PURE__ */
|
|
3672
|
+
/* @__PURE__ */ jsx30("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
|
|
3673
|
+
/* @__PURE__ */ jsxs27("span", { className: "dnt__headline-pair", children: [
|
|
3674
|
+
/* @__PURE__ */ jsx30(
|
|
3692
3675
|
motion3.span,
|
|
3693
3676
|
{
|
|
3694
3677
|
ref: dayWordRef,
|
|
@@ -3697,7 +3680,7 @@ var DayNightTransition = ({
|
|
|
3697
3680
|
children: inlineDayNightHeadline.dayWord
|
|
3698
3681
|
}
|
|
3699
3682
|
),
|
|
3700
|
-
/* @__PURE__ */
|
|
3683
|
+
/* @__PURE__ */ jsx30(
|
|
3701
3684
|
motion3.span,
|
|
3702
3685
|
{
|
|
3703
3686
|
className: "dnt__headline-wnight",
|
|
@@ -3712,8 +3695,8 @@ var DayNightTransition = ({
|
|
|
3712
3695
|
] })
|
|
3713
3696
|
]
|
|
3714
3697
|
}
|
|
3715
|
-
) : /* @__PURE__ */
|
|
3716
|
-
/* @__PURE__ */
|
|
3698
|
+
) : /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
|
|
3699
|
+
/* @__PURE__ */ jsx30(
|
|
3717
3700
|
MotionHeadline,
|
|
3718
3701
|
{
|
|
3719
3702
|
className: "dnt__headline",
|
|
@@ -3721,7 +3704,7 @@ var DayNightTransition = ({
|
|
|
3721
3704
|
children: dayHeadline
|
|
3722
3705
|
}
|
|
3723
3706
|
),
|
|
3724
|
-
/* @__PURE__ */
|
|
3707
|
+
/* @__PURE__ */ jsx30(
|
|
3725
3708
|
MotionHeadline,
|
|
3726
3709
|
{
|
|
3727
3710
|
className: "dnt__headline",
|
|
@@ -3731,8 +3714,8 @@ var DayNightTransition = ({
|
|
|
3731
3714
|
}
|
|
3732
3715
|
)
|
|
3733
3716
|
] }),
|
|
3734
|
-
hasDescription && /* @__PURE__ */
|
|
3735
|
-
/* @__PURE__ */
|
|
3717
|
+
hasDescription && /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
|
|
3718
|
+
/* @__PURE__ */ jsx30(
|
|
3736
3719
|
motion3.p,
|
|
3737
3720
|
{
|
|
3738
3721
|
className: "dnt__description",
|
|
@@ -3743,7 +3726,7 @@ var DayNightTransition = ({
|
|
|
3743
3726
|
children: dayDescription ?? ""
|
|
3744
3727
|
}
|
|
3745
3728
|
),
|
|
3746
|
-
/* @__PURE__ */
|
|
3729
|
+
/* @__PURE__ */ jsx30(
|
|
3747
3730
|
motion3.p,
|
|
3748
3731
|
{
|
|
3749
3732
|
className: "dnt__description",
|
|
@@ -3756,22 +3739,22 @@ var DayNightTransition = ({
|
|
|
3756
3739
|
}
|
|
3757
3740
|
)
|
|
3758
3741
|
] }),
|
|
3759
|
-
!hideCta && /* @__PURE__ */
|
|
3760
|
-
] }) : /* @__PURE__ */
|
|
3742
|
+
!hideCta && /* @__PURE__ */ jsx30("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
|
|
3743
|
+
] }) : /* @__PURE__ */ jsxs27(
|
|
3761
3744
|
motion3.div,
|
|
3762
3745
|
{
|
|
3763
3746
|
className: "dnt__text-wrap",
|
|
3764
3747
|
style: { color: textColor },
|
|
3765
3748
|
children: [
|
|
3766
|
-
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */
|
|
3749
|
+
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs27(
|
|
3767
3750
|
MotionHeadline,
|
|
3768
3751
|
{
|
|
3769
3752
|
className: "dnt__headline dnt__headline--inline-day-night",
|
|
3770
3753
|
"aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
|
|
3771
3754
|
children: [
|
|
3772
|
-
/* @__PURE__ */
|
|
3773
|
-
/* @__PURE__ */
|
|
3774
|
-
/* @__PURE__ */
|
|
3755
|
+
/* @__PURE__ */ jsx30("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
|
|
3756
|
+
/* @__PURE__ */ jsxs27("span", { className: "dnt__headline-pair", children: [
|
|
3757
|
+
/* @__PURE__ */ jsx30(
|
|
3775
3758
|
motion3.span,
|
|
3776
3759
|
{
|
|
3777
3760
|
ref: dayWordRef,
|
|
@@ -3780,7 +3763,7 @@ var DayNightTransition = ({
|
|
|
3780
3763
|
children: inlineDayNightHeadline.dayWord
|
|
3781
3764
|
}
|
|
3782
3765
|
),
|
|
3783
|
-
/* @__PURE__ */
|
|
3766
|
+
/* @__PURE__ */ jsx30(
|
|
3784
3767
|
motion3.span,
|
|
3785
3768
|
{
|
|
3786
3769
|
className: "dnt__headline-wnight",
|
|
@@ -3795,8 +3778,8 @@ var DayNightTransition = ({
|
|
|
3795
3778
|
] })
|
|
3796
3779
|
]
|
|
3797
3780
|
}
|
|
3798
|
-
) : /* @__PURE__ */
|
|
3799
|
-
/* @__PURE__ */
|
|
3781
|
+
) : /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
|
|
3782
|
+
/* @__PURE__ */ jsx30(
|
|
3800
3783
|
MotionHeadline,
|
|
3801
3784
|
{
|
|
3802
3785
|
className: "dnt__headline",
|
|
@@ -3804,7 +3787,7 @@ var DayNightTransition = ({
|
|
|
3804
3787
|
children: dayHeadline
|
|
3805
3788
|
}
|
|
3806
3789
|
),
|
|
3807
|
-
/* @__PURE__ */
|
|
3790
|
+
/* @__PURE__ */ jsx30(
|
|
3808
3791
|
MotionHeadline,
|
|
3809
3792
|
{
|
|
3810
3793
|
className: "dnt__headline",
|
|
@@ -3814,8 +3797,8 @@ var DayNightTransition = ({
|
|
|
3814
3797
|
}
|
|
3815
3798
|
)
|
|
3816
3799
|
] }),
|
|
3817
|
-
hasDescription && /* @__PURE__ */
|
|
3818
|
-
/* @__PURE__ */
|
|
3800
|
+
hasDescription && /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
|
|
3801
|
+
/* @__PURE__ */ jsx30(
|
|
3819
3802
|
motion3.p,
|
|
3820
3803
|
{
|
|
3821
3804
|
className: "dnt__description",
|
|
@@ -3823,7 +3806,7 @@ var DayNightTransition = ({
|
|
|
3823
3806
|
children: dayDescription ?? ""
|
|
3824
3807
|
}
|
|
3825
3808
|
),
|
|
3826
|
-
/* @__PURE__ */
|
|
3809
|
+
/* @__PURE__ */ jsx30(
|
|
3827
3810
|
motion3.p,
|
|
3828
3811
|
{
|
|
3829
3812
|
className: "dnt__description",
|
|
@@ -3833,7 +3816,7 @@ var DayNightTransition = ({
|
|
|
3833
3816
|
}
|
|
3834
3817
|
)
|
|
3835
3818
|
] }),
|
|
3836
|
-
!hideCta && /* @__PURE__ */
|
|
3819
|
+
!hideCta && /* @__PURE__ */ jsx30("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
|
|
3837
3820
|
]
|
|
3838
3821
|
}
|
|
3839
3822
|
) }) })
|
|
@@ -3866,7 +3849,7 @@ import {
|
|
|
3866
3849
|
useAnimationFrame,
|
|
3867
3850
|
useMotionValue
|
|
3868
3851
|
} from "framer-motion";
|
|
3869
|
-
import { jsx as
|
|
3852
|
+
import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3870
3853
|
function modWrap(min, max, v) {
|
|
3871
3854
|
const range = max - min;
|
|
3872
3855
|
return ((v - min) % range + range) % range + min;
|
|
@@ -3937,21 +3920,21 @@ var LogoMarquee = ({
|
|
|
3937
3920
|
});
|
|
3938
3921
|
const track1 = [...col1Logos, ...col1Logos];
|
|
3939
3922
|
const track2 = [...col2Logos, ...col2Logos];
|
|
3940
|
-
return /* @__PURE__ */
|
|
3923
|
+
return /* @__PURE__ */ jsx31(
|
|
3941
3924
|
"section",
|
|
3942
3925
|
{
|
|
3943
3926
|
className: ["lm", className].filter(Boolean).join(" "),
|
|
3944
3927
|
...props,
|
|
3945
|
-
children: /* @__PURE__ */
|
|
3946
|
-
/* @__PURE__ */
|
|
3947
|
-
/* @__PURE__ */
|
|
3948
|
-
/* @__PURE__ */
|
|
3928
|
+
children: /* @__PURE__ */ jsxs28("div", { className: "lm__inner", children: [
|
|
3929
|
+
/* @__PURE__ */ jsx31("div", { className: "lm__media", children: /* @__PURE__ */ jsxs28("div", { className: "lm__carousel", children: [
|
|
3930
|
+
/* @__PURE__ */ jsx31("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
|
|
3931
|
+
/* @__PURE__ */ jsx31(
|
|
3949
3932
|
motion4.div,
|
|
3950
3933
|
{
|
|
3951
3934
|
ref: col1Ref,
|
|
3952
3935
|
className: "lm__col",
|
|
3953
3936
|
style: { y: col1Y },
|
|
3954
|
-
children: track1.map((logo, i) => /* @__PURE__ */
|
|
3937
|
+
children: track1.map((logo, i) => /* @__PURE__ */ jsx31("div", { className: "lm__card", children: /* @__PURE__ */ jsx31("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx31(
|
|
3955
3938
|
"img",
|
|
3956
3939
|
{
|
|
3957
3940
|
src: logo.url,
|
|
@@ -3962,13 +3945,13 @@ var LogoMarquee = ({
|
|
|
3962
3945
|
) }) }, `c1-${i}`))
|
|
3963
3946
|
}
|
|
3964
3947
|
),
|
|
3965
|
-
/* @__PURE__ */
|
|
3948
|
+
/* @__PURE__ */ jsx31(
|
|
3966
3949
|
motion4.div,
|
|
3967
3950
|
{
|
|
3968
3951
|
ref: col2Ref,
|
|
3969
3952
|
className: "lm__col",
|
|
3970
3953
|
style: { y: col2Y },
|
|
3971
|
-
children: track2.map((logo, i) => /* @__PURE__ */
|
|
3954
|
+
children: track2.map((logo, i) => /* @__PURE__ */ jsx31("div", { className: "lm__card", children: /* @__PURE__ */ jsx31("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx31(
|
|
3972
3955
|
"img",
|
|
3973
3956
|
{
|
|
3974
3957
|
src: logo.url,
|
|
@@ -3979,17 +3962,17 @@ var LogoMarquee = ({
|
|
|
3979
3962
|
) }) }, `c2-${i}`))
|
|
3980
3963
|
}
|
|
3981
3964
|
),
|
|
3982
|
-
/* @__PURE__ */
|
|
3965
|
+
/* @__PURE__ */ jsx31("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
|
|
3983
3966
|
] }) }),
|
|
3984
|
-
/* @__PURE__ */
|
|
3985
|
-
/* @__PURE__ */
|
|
3986
|
-
/* @__PURE__ */
|
|
3987
|
-
/* @__PURE__ */
|
|
3988
|
-
/* @__PURE__ */
|
|
3967
|
+
/* @__PURE__ */ jsxs28("div", { className: "lm__content", children: [
|
|
3968
|
+
/* @__PURE__ */ jsx31("h2", { className: "lm__headline", children: headline }),
|
|
3969
|
+
/* @__PURE__ */ jsxs28("div", { className: "lm__text-group", children: [
|
|
3970
|
+
/* @__PURE__ */ jsx31("p", { className: "lm__body", children: body }),
|
|
3971
|
+
/* @__PURE__ */ jsx31("p", { className: "lm__disclaimer", children: disclaimer })
|
|
3989
3972
|
] }),
|
|
3990
|
-
/* @__PURE__ */
|
|
3973
|
+
/* @__PURE__ */ jsxs28("a", { href: ctaHref, className: "lm__link", children: [
|
|
3991
3974
|
ctaLabel,
|
|
3992
|
-
/* @__PURE__ */
|
|
3975
|
+
/* @__PURE__ */ jsx31("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx31("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx31("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
|
|
3993
3976
|
] })
|
|
3994
3977
|
] })
|
|
3995
3978
|
] })
|
|
@@ -4040,7 +4023,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
|
|
|
4040
4023
|
var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
|
|
4041
4024
|
|
|
4042
4025
|
// primitives/DownloadBadge/DownloadBadge.tsx
|
|
4043
|
-
import { jsx as
|
|
4026
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
4044
4027
|
var BADGE_ASSETS = {
|
|
4045
4028
|
light: {
|
|
4046
4029
|
googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
|
|
@@ -4069,7 +4052,7 @@ var DownloadBadge = ({
|
|
|
4069
4052
|
...props
|
|
4070
4053
|
}) => {
|
|
4071
4054
|
const { src, alt } = BADGE_ASSETS[colorScheme][platform];
|
|
4072
|
-
return /* @__PURE__ */
|
|
4055
|
+
return /* @__PURE__ */ jsx32(
|
|
4073
4056
|
"a",
|
|
4074
4057
|
{
|
|
4075
4058
|
className: [
|
|
@@ -4082,13 +4065,13 @@ var DownloadBadge = ({
|
|
|
4082
4065
|
target: "_blank",
|
|
4083
4066
|
rel: "noopener noreferrer",
|
|
4084
4067
|
...props,
|
|
4085
|
-
children: /* @__PURE__ */
|
|
4068
|
+
children: /* @__PURE__ */ jsx32("img", { className: "download-badge__img", src, alt })
|
|
4086
4069
|
}
|
|
4087
4070
|
);
|
|
4088
4071
|
};
|
|
4089
4072
|
|
|
4090
4073
|
// templates/Steps/Steps.tsx
|
|
4091
|
-
import { jsx as
|
|
4074
|
+
import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
4092
4075
|
var Steps = ({
|
|
4093
4076
|
title,
|
|
4094
4077
|
steps,
|
|
@@ -4100,8 +4083,8 @@ var Steps = ({
|
|
|
4100
4083
|
"steps__container",
|
|
4101
4084
|
imagePosition === "right" ? "steps__container--image-right" : ""
|
|
4102
4085
|
].filter(Boolean).join(" ");
|
|
4103
|
-
return /* @__PURE__ */
|
|
4104
|
-
image && /* @__PURE__ */
|
|
4086
|
+
return /* @__PURE__ */ jsx33("section", { className: "steps", children: /* @__PURE__ */ jsxs29("div", { className: containerClass, children: [
|
|
4087
|
+
image && /* @__PURE__ */ jsx33("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ jsx33(
|
|
4105
4088
|
"img",
|
|
4106
4089
|
{
|
|
4107
4090
|
src: image,
|
|
@@ -4109,13 +4092,13 @@ var Steps = ({
|
|
|
4109
4092
|
className: "steps__image"
|
|
4110
4093
|
}
|
|
4111
4094
|
) }),
|
|
4112
|
-
/* @__PURE__ */
|
|
4113
|
-
/* @__PURE__ */
|
|
4114
|
-
/* @__PURE__ */
|
|
4115
|
-
/* @__PURE__ */
|
|
4116
|
-
/* @__PURE__ */
|
|
4117
|
-
/* @__PURE__ */
|
|
4118
|
-
/* @__PURE__ */
|
|
4095
|
+
/* @__PURE__ */ jsxs29("div", { className: "steps__content", children: [
|
|
4096
|
+
/* @__PURE__ */ jsx33("h2", { className: "steps__title", children: title }),
|
|
4097
|
+
/* @__PURE__ */ jsx33("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ jsx33("li", { className: "steps__item", children: /* @__PURE__ */ jsxs29("div", { className: "steps__item-inner", children: [
|
|
4098
|
+
/* @__PURE__ */ jsx33("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
|
|
4099
|
+
/* @__PURE__ */ jsxs29("div", { className: "steps__item-body", children: [
|
|
4100
|
+
/* @__PURE__ */ jsx33("h3", { className: "steps__item-title", children: step.title }),
|
|
4101
|
+
/* @__PURE__ */ jsx33("p", { className: "steps__item-description", children: step.description })
|
|
4119
4102
|
] })
|
|
4120
4103
|
] }) }, index)) })
|
|
4121
4104
|
] })
|
|
@@ -4123,7 +4106,7 @@ var Steps = ({
|
|
|
4123
4106
|
};
|
|
4124
4107
|
|
|
4125
4108
|
// templates/DownloadBanner/DownloadBanner.tsx
|
|
4126
|
-
import { jsx as
|
|
4109
|
+
import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
4127
4110
|
var DownloadBanner = ({
|
|
4128
4111
|
style = "light-2",
|
|
4129
4112
|
qrCodeImage,
|
|
@@ -4148,9 +4131,9 @@ var DownloadBanner = ({
|
|
|
4148
4131
|
disclaimer
|
|
4149
4132
|
}) => {
|
|
4150
4133
|
const colorScheme = style === "dark" ? "dark" : "light";
|
|
4151
|
-
return /* @__PURE__ */
|
|
4152
|
-
/* @__PURE__ */
|
|
4153
|
-
qrCodeImage && /* @__PURE__ */
|
|
4134
|
+
return /* @__PURE__ */ jsx34("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ jsx34("div", { className: "db-container", children: /* @__PURE__ */ jsxs30("div", { className: "db-card", children: [
|
|
4135
|
+
/* @__PURE__ */ jsxs30("div", { className: "db-qr-block", children: [
|
|
4136
|
+
qrCodeImage && /* @__PURE__ */ jsx34(
|
|
4154
4137
|
"img",
|
|
4155
4138
|
{
|
|
4156
4139
|
className: "db-qr-image",
|
|
@@ -4158,21 +4141,21 @@ var DownloadBanner = ({
|
|
|
4158
4141
|
alt: qrCodeAlt
|
|
4159
4142
|
}
|
|
4160
4143
|
),
|
|
4161
|
-
/* @__PURE__ */
|
|
4162
|
-
/* @__PURE__ */
|
|
4163
|
-
/* @__PURE__ */
|
|
4164
|
-
/* @__PURE__ */
|
|
4165
|
-
disclaimer && /* @__PURE__ */
|
|
4144
|
+
/* @__PURE__ */ jsxs30("div", { className: "db-qr-text", children: [
|
|
4145
|
+
/* @__PURE__ */ jsx34("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
|
|
4146
|
+
/* @__PURE__ */ jsx34("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
|
|
4147
|
+
/* @__PURE__ */ jsx34("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
|
|
4148
|
+
disclaimer && /* @__PURE__ */ jsx34("span", { className: "db-disclaimer", children: disclaimer })
|
|
4166
4149
|
] })
|
|
4167
4150
|
] }),
|
|
4168
|
-
/* @__PURE__ */
|
|
4169
|
-
showGooglePlay && /* @__PURE__ */
|
|
4170
|
-
showAppGallery && /* @__PURE__ */
|
|
4171
|
-
showMacOS && /* @__PURE__ */
|
|
4172
|
-
showWindows && /* @__PURE__ */
|
|
4173
|
-
showLinux && /* @__PURE__ */
|
|
4174
|
-
showAppStore && /* @__PURE__ */
|
|
4175
|
-
showWeb && /* @__PURE__ */
|
|
4151
|
+
/* @__PURE__ */ jsxs30("div", { className: "db-badges", children: [
|
|
4152
|
+
showGooglePlay && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
|
|
4153
|
+
showAppGallery && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
|
|
4154
|
+
showMacOS && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
|
|
4155
|
+
showWindows && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
|
|
4156
|
+
showLinux && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
|
|
4157
|
+
showAppStore && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
|
|
4158
|
+
showWeb && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "web", colorScheme, href: webHref })
|
|
4176
4159
|
] })
|
|
4177
4160
|
] }) }) });
|
|
4178
4161
|
};
|
|
@@ -4181,7 +4164,7 @@ var DownloadBanner = ({
|
|
|
4181
4164
|
import { useEffect as useEffect9, useRef as useRef12 } from "react";
|
|
4182
4165
|
import { gsap } from "gsap";
|
|
4183
4166
|
import { ScrollTrigger } from "gsap/ScrollTrigger";
|
|
4184
|
-
import { jsx as
|
|
4167
|
+
import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
4185
4168
|
gsap.registerPlugin(ScrollTrigger);
|
|
4186
4169
|
var TextScroll = ({ text, className }) => {
|
|
4187
4170
|
const sectionRef = useRef12(null);
|
|
@@ -4221,12 +4204,12 @@ var TextScroll = ({ text, className }) => {
|
|
|
4221
4204
|
gsap.set(wordEls, { clearProps: "opacity" });
|
|
4222
4205
|
};
|
|
4223
4206
|
}, [text]);
|
|
4224
|
-
return /* @__PURE__ */
|
|
4207
|
+
return /* @__PURE__ */ jsx35(
|
|
4225
4208
|
"section",
|
|
4226
4209
|
{
|
|
4227
4210
|
ref: sectionRef,
|
|
4228
4211
|
className: ["ts", className].filter(Boolean).join(" "),
|
|
4229
|
-
children: /* @__PURE__ */
|
|
4212
|
+
children: /* @__PURE__ */ jsx35("div", { className: "ts__inner", children: /* @__PURE__ */ jsx35("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ jsxs31(
|
|
4230
4213
|
"span",
|
|
4231
4214
|
{
|
|
4232
4215
|
ref: (el) => {
|
|
@@ -4247,7 +4230,7 @@ var TextScroll = ({ text, className }) => {
|
|
|
4247
4230
|
|
|
4248
4231
|
// templates/StickyMarketCards/StickyMarketCards.tsx
|
|
4249
4232
|
import { useEffect as useEffect10, useRef as useRef13 } from "react";
|
|
4250
|
-
import { jsx as
|
|
4233
|
+
import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
4251
4234
|
var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
|
|
4252
4235
|
var StickyMarketCards = ({
|
|
4253
4236
|
sectionTitle,
|
|
@@ -4328,20 +4311,20 @@ var StickyMarketCards = ({
|
|
|
4328
4311
|
const n = items.length;
|
|
4329
4312
|
const maxStack = 4;
|
|
4330
4313
|
const baseIndex = Math.max(0, n - maxStack);
|
|
4331
|
-
return /* @__PURE__ */
|
|
4314
|
+
return /* @__PURE__ */ jsx36(
|
|
4332
4315
|
"section",
|
|
4333
4316
|
{
|
|
4334
4317
|
className: ["smc", className].filter(Boolean).join(" "),
|
|
4335
4318
|
...props,
|
|
4336
|
-
children: /* @__PURE__ */
|
|
4337
|
-
/* @__PURE__ */
|
|
4338
|
-
/* @__PURE__ */
|
|
4339
|
-
sectionDescription && /* @__PURE__ */
|
|
4319
|
+
children: /* @__PURE__ */ jsxs32("div", { className: "smc__inner", children: [
|
|
4320
|
+
/* @__PURE__ */ jsxs32("div", { className: "smc__header-wrap", children: [
|
|
4321
|
+
/* @__PURE__ */ jsx36("h2", { className: "smc__header", children: sectionTitle }),
|
|
4322
|
+
sectionDescription && /* @__PURE__ */ jsx36("p", { className: "smc__description", children: sectionDescription })
|
|
4340
4323
|
] }),
|
|
4341
|
-
/* @__PURE__ */
|
|
4324
|
+
/* @__PURE__ */ jsx36("div", { className: "smc__track", children: items.map((item, i) => {
|
|
4342
4325
|
const theme = item.theme ?? "dark";
|
|
4343
4326
|
const offsetMultiplier = Math.max(0, i - baseIndex);
|
|
4344
|
-
return /* @__PURE__ */
|
|
4327
|
+
return /* @__PURE__ */ jsx36(
|
|
4345
4328
|
"div",
|
|
4346
4329
|
{
|
|
4347
4330
|
ref: (el) => {
|
|
@@ -4352,7 +4335,7 @@ var StickyMarketCards = ({
|
|
|
4352
4335
|
["--smc-card-index"]: String(offsetMultiplier),
|
|
4353
4336
|
zIndex: i + 1
|
|
4354
4337
|
},
|
|
4355
|
-
children: /* @__PURE__ */
|
|
4338
|
+
children: /* @__PURE__ */ jsxs32(
|
|
4356
4339
|
"div",
|
|
4357
4340
|
{
|
|
4358
4341
|
ref: (el) => {
|
|
@@ -4363,8 +4346,8 @@ var StickyMarketCards = ({
|
|
|
4363
4346
|
`smc__card-inner--${theme}`
|
|
4364
4347
|
].join(" "),
|
|
4365
4348
|
children: [
|
|
4366
|
-
/* @__PURE__ */
|
|
4367
|
-
/* @__PURE__ */
|
|
4349
|
+
/* @__PURE__ */ jsxs32("div", { className: "smc__card-bg", children: [
|
|
4350
|
+
/* @__PURE__ */ jsx36(
|
|
4368
4351
|
"img",
|
|
4369
4352
|
{
|
|
4370
4353
|
src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
|
|
@@ -4373,7 +4356,7 @@ var StickyMarketCards = ({
|
|
|
4373
4356
|
loading: i === 0 ? "eager" : "lazy"
|
|
4374
4357
|
}
|
|
4375
4358
|
),
|
|
4376
|
-
/* @__PURE__ */
|
|
4359
|
+
/* @__PURE__ */ jsx36(
|
|
4377
4360
|
"div",
|
|
4378
4361
|
{
|
|
4379
4362
|
className: [
|
|
@@ -4383,9 +4366,9 @@ var StickyMarketCards = ({
|
|
|
4383
4366
|
}
|
|
4384
4367
|
)
|
|
4385
4368
|
] }),
|
|
4386
|
-
/* @__PURE__ */
|
|
4387
|
-
/* @__PURE__ */
|
|
4388
|
-
/* @__PURE__ */
|
|
4369
|
+
/* @__PURE__ */ jsxs32("div", { className: "smc__card-content", children: [
|
|
4370
|
+
/* @__PURE__ */ jsx36("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ jsx36("h3", { className: "smc__card-title", children: item.title }) }),
|
|
4371
|
+
/* @__PURE__ */ jsx36("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ jsx36("p", { className: "smc__card-desc", children: item.description }) })
|
|
4389
4372
|
] })
|
|
4390
4373
|
]
|
|
4391
4374
|
}
|
|
@@ -4401,11 +4384,11 @@ var StickyMarketCards = ({
|
|
|
4401
4384
|
|
|
4402
4385
|
// templates/Table/Table.tsx
|
|
4403
4386
|
import { useState as useState11, useMemo } from "react";
|
|
4404
|
-
import { Fragment as Fragment4, jsx as
|
|
4405
|
-
var InfoIcon = ({ className }) => /* @__PURE__ */
|
|
4406
|
-
/* @__PURE__ */
|
|
4407
|
-
/* @__PURE__ */
|
|
4408
|
-
/* @__PURE__ */
|
|
4387
|
+
import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
4388
|
+
var InfoIcon = ({ className }) => /* @__PURE__ */ jsxs33("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
|
|
4389
|
+
/* @__PURE__ */ jsx37("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
|
|
4390
|
+
/* @__PURE__ */ jsx37("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
4391
|
+
/* @__PURE__ */ jsx37("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
|
|
4409
4392
|
] });
|
|
4410
4393
|
var Table = ({
|
|
4411
4394
|
sectionTitle,
|
|
@@ -4442,12 +4425,12 @@ var Table = ({
|
|
|
4442
4425
|
setSearch("");
|
|
4443
4426
|
setPage(1);
|
|
4444
4427
|
};
|
|
4445
|
-
return /* @__PURE__ */
|
|
4446
|
-
sectionTitle && /* @__PURE__ */
|
|
4447
|
-
/* @__PURE__ */
|
|
4448
|
-
/* @__PURE__ */
|
|
4449
|
-
/* @__PURE__ */
|
|
4450
|
-
/* @__PURE__ */
|
|
4428
|
+
return /* @__PURE__ */ jsxs33("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
|
|
4429
|
+
sectionTitle && /* @__PURE__ */ jsx37("div", { className: "tbl-section__header", children: /* @__PURE__ */ jsx37("h2", { className: "tbl-section__title", children: sectionTitle }) }),
|
|
4430
|
+
/* @__PURE__ */ jsxs33("div", { className: "tbl-section__content", children: [
|
|
4431
|
+
/* @__PURE__ */ jsxs33("div", { className: "tbl", children: [
|
|
4432
|
+
/* @__PURE__ */ jsxs33("div", { className: "tbl__topbar", children: [
|
|
4433
|
+
/* @__PURE__ */ jsx37("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ jsx37(
|
|
4451
4434
|
SearchField,
|
|
4452
4435
|
{
|
|
4453
4436
|
placeholder: searchPlaceholder,
|
|
@@ -4458,7 +4441,7 @@ var Table = ({
|
|
|
4458
4441
|
"aria-label": searchPlaceholder
|
|
4459
4442
|
}
|
|
4460
4443
|
) }),
|
|
4461
|
-
/* @__PURE__ */
|
|
4444
|
+
/* @__PURE__ */ jsx37("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ jsxs33(Fragment4, { children: [
|
|
4462
4445
|
"Showing ",
|
|
4463
4446
|
startIdx + 1,
|
|
4464
4447
|
"- ",
|
|
@@ -4467,12 +4450,12 @@ var Table = ({
|
|
|
4467
4450
|
filtered.length
|
|
4468
4451
|
] }) : "No results" })
|
|
4469
4452
|
] }),
|
|
4470
|
-
/* @__PURE__ */
|
|
4471
|
-
/* @__PURE__ */
|
|
4453
|
+
/* @__PURE__ */ jsx37("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ jsxs33("table", { className: "tbl__table", children: [
|
|
4454
|
+
/* @__PURE__ */ jsx37("thead", { children: /* @__PURE__ */ jsx37("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
|
|
4472
4455
|
const isFirst = colIdx === 0;
|
|
4473
4456
|
const isLast = colIdx === columns.length - 1;
|
|
4474
4457
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
4475
|
-
return /* @__PURE__ */
|
|
4458
|
+
return /* @__PURE__ */ jsx37(
|
|
4476
4459
|
"th",
|
|
4477
4460
|
{
|
|
4478
4461
|
className: [
|
|
@@ -4480,7 +4463,7 @@ var Table = ({
|
|
|
4480
4463
|
isMain ? "tbl__th--main" : "",
|
|
4481
4464
|
col.width === "big" ? "tbl__th--big" : ""
|
|
4482
4465
|
].filter(Boolean).join(" "),
|
|
4483
|
-
children: /* @__PURE__ */
|
|
4466
|
+
children: /* @__PURE__ */ jsx37(
|
|
4484
4467
|
"div",
|
|
4485
4468
|
{
|
|
4486
4469
|
className: "tbl__th-inner",
|
|
@@ -4510,9 +4493,9 @@ var Table = ({
|
|
|
4510
4493
|
setTooltip((prev) => ({ ...prev, visible: false }));
|
|
4511
4494
|
}
|
|
4512
4495
|
},
|
|
4513
|
-
children: /* @__PURE__ */
|
|
4496
|
+
children: /* @__PURE__ */ jsx37("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ jsxs33("span", { children: [
|
|
4514
4497
|
line,
|
|
4515
|
-
li < col.header.length - 1 && /* @__PURE__ */
|
|
4498
|
+
li < col.header.length - 1 && /* @__PURE__ */ jsx37("br", {})
|
|
4516
4499
|
] }, li)) : col.header })
|
|
4517
4500
|
}
|
|
4518
4501
|
)
|
|
@@ -4520,10 +4503,10 @@ var Table = ({
|
|
|
4520
4503
|
col.key
|
|
4521
4504
|
);
|
|
4522
4505
|
}) }) }),
|
|
4523
|
-
/* @__PURE__ */
|
|
4506
|
+
/* @__PURE__ */ jsx37("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ jsx37("tr", { className: "tbl__tr", children: columns.map((col) => {
|
|
4524
4507
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
4525
4508
|
const iconUrl = row[`${col.key}_iconUrl`];
|
|
4526
|
-
return /* @__PURE__ */
|
|
4509
|
+
return /* @__PURE__ */ jsx37(
|
|
4527
4510
|
"td",
|
|
4528
4511
|
{
|
|
4529
4512
|
className: [
|
|
@@ -4531,8 +4514,8 @@ var Table = ({
|
|
|
4531
4514
|
isMain ? "tbl__td--main" : "",
|
|
4532
4515
|
col.width === "big" ? "tbl__td--big" : ""
|
|
4533
4516
|
].filter(Boolean).join(" "),
|
|
4534
|
-
children: isMain ? /* @__PURE__ */
|
|
4535
|
-
iconUrl && /* @__PURE__ */
|
|
4517
|
+
children: isMain ? /* @__PURE__ */ jsxs33("div", { className: "tbl__cell-inner", children: [
|
|
4518
|
+
iconUrl && /* @__PURE__ */ jsx37(
|
|
4536
4519
|
"img",
|
|
4537
4520
|
{
|
|
4538
4521
|
src: iconUrl,
|
|
@@ -4544,18 +4527,18 @@ var Table = ({
|
|
|
4544
4527
|
height: "24"
|
|
4545
4528
|
}
|
|
4546
4529
|
),
|
|
4547
|
-
/* @__PURE__ */
|
|
4548
|
-
] }) : /* @__PURE__ */
|
|
4530
|
+
/* @__PURE__ */ jsx37("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
|
|
4531
|
+
] }) : /* @__PURE__ */ jsx37("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
|
|
4549
4532
|
},
|
|
4550
4533
|
col.key
|
|
4551
4534
|
);
|
|
4552
|
-
}) }, rowIdx)) : /* @__PURE__ */
|
|
4535
|
+
}) }, rowIdx)) : /* @__PURE__ */ jsx37("tr", { className: "tbl__tr", children: /* @__PURE__ */ jsxs33("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
|
|
4553
4536
|
'No results found for "',
|
|
4554
4537
|
search,
|
|
4555
4538
|
'"'
|
|
4556
4539
|
] }) }) })
|
|
4557
4540
|
] }) }),
|
|
4558
|
-
totalPages > 1 && /* @__PURE__ */
|
|
4541
|
+
totalPages > 1 && /* @__PURE__ */ jsx37("div", { className: "tbl__footer", children: /* @__PURE__ */ jsx37("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ jsx37(
|
|
4559
4542
|
Pagination,
|
|
4560
4543
|
{
|
|
4561
4544
|
currentPage,
|
|
@@ -4564,19 +4547,19 @@ var Table = ({
|
|
|
4564
4547
|
}
|
|
4565
4548
|
) }) })
|
|
4566
4549
|
] }),
|
|
4567
|
-
infoText && /* @__PURE__ */
|
|
4568
|
-
/* @__PURE__ */
|
|
4569
|
-
/* @__PURE__ */
|
|
4550
|
+
infoText && /* @__PURE__ */ jsxs33("div", { className: "tbl-section__info-box", children: [
|
|
4551
|
+
/* @__PURE__ */ jsx37(InfoIcon, { className: "tbl-section__info-icon" }),
|
|
4552
|
+
/* @__PURE__ */ jsx37("p", { className: "tbl-section__info-text", children: infoText })
|
|
4570
4553
|
] })
|
|
4571
4554
|
] }),
|
|
4572
|
-
/* @__PURE__ */
|
|
4555
|
+
/* @__PURE__ */ jsxs33(
|
|
4573
4556
|
"div",
|
|
4574
4557
|
{
|
|
4575
4558
|
className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
|
|
4576
4559
|
style: { left: tooltip.x, top: tooltip.y - 8 },
|
|
4577
4560
|
children: [
|
|
4578
|
-
/* @__PURE__ */
|
|
4579
|
-
/* @__PURE__ */
|
|
4561
|
+
/* @__PURE__ */ jsx37("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
|
|
4562
|
+
/* @__PURE__ */ jsx37(
|
|
4580
4563
|
"div",
|
|
4581
4564
|
{
|
|
4582
4565
|
className: "tbl__global-hint-arrow",
|
|
@@ -4591,40 +4574,35 @@ var Table = ({
|
|
|
4591
4574
|
|
|
4592
4575
|
// templates/Leaders/Leaders.tsx
|
|
4593
4576
|
import { useState as useState12 } from "react";
|
|
4594
|
-
|
|
4595
|
-
|
|
4596
|
-
var
|
|
4597
|
-
|
|
4598
|
-
|
|
4599
|
-
|
|
4600
|
-
var LinkedInIcon = () => /* @__PURE__ */ jsx36("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("path", { d: "M14.816 0H1.18C0.528 0 0 0.516 0 1.153V14.846C0 15.484 0.528 16 1.18 16H14.816C15.468 16 16 15.484 16 14.846V1.153C16 0.516 15.468 0 14.816 0ZM4.744 13.642H2.368V5.996H4.744V13.642ZM3.556 4.952C2.796 4.952 2.18 4.336 2.18 3.576C2.18 2.816 2.796 2.2 3.556 2.2C4.316 2.2 4.932 2.816 4.932 3.576C4.932 4.336 4.316 4.952 3.556 4.952ZM13.642 13.642H11.266V9.924C11.266 9.038 11.25 7.896 10.032 7.896C8.814 7.896 8.626 8.846 8.626 9.86V13.642H6.25V5.996H8.53V7.04H8.562C8.88 6.44 9.534 5.806 10.686 5.806C12.958 5.806 13.642 7.3 13.642 9.386V13.642Z", fill: "currentColor" }) });
|
|
4601
|
-
var ChevronDownIcon4 = () => /* @__PURE__ */ jsx36("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4602
|
-
var ChevronUpIcon = () => /* @__PURE__ */ jsx36("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4603
|
-
var CardContent = ({ item }) => /* @__PURE__ */ jsxs32(Fragment5, { children: [
|
|
4604
|
-
/* @__PURE__ */ jsx36("div", { className: Leaders_default.imageWrapper, children: /* @__PURE__ */ jsx36(
|
|
4577
|
+
import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4578
|
+
var LinkedInIcon = () => /* @__PURE__ */ jsx38("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx38("path", { d: "M14.816 0H1.18C0.528 0 0 0.516 0 1.153V14.846C0 15.484 0.528 16 1.18 16H14.816C15.468 16 16 15.484 16 14.846V1.153C16 0.516 15.468 0 14.816 0ZM4.744 13.642H2.368V5.996H4.744V13.642ZM3.556 4.952C2.796 4.952 2.18 4.336 2.18 3.576C2.18 2.816 2.796 2.2 3.556 2.2C4.316 2.2 4.932 2.816 4.932 3.576C4.932 4.336 4.316 4.952 3.556 4.952ZM13.642 13.642H11.266V9.924C11.266 9.038 11.25 7.896 10.032 7.896C8.814 7.896 8.626 8.846 8.626 9.86V13.642H6.25V5.996H8.53V7.04H8.562C8.88 6.44 9.534 5.806 10.686 5.806C12.958 5.806 13.642 7.3 13.642 9.386V13.642Z", fill: "currentColor" }) });
|
|
4579
|
+
var ChevronDownIcon4 = () => /* @__PURE__ */ jsx38("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx38("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4580
|
+
var ChevronUpIcon = () => /* @__PURE__ */ jsx38("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx38("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4581
|
+
var CardContent = ({ item }) => /* @__PURE__ */ jsxs34(Fragment5, { children: [
|
|
4582
|
+
/* @__PURE__ */ jsx38("div", { className: "leaders__image-wrapper", children: /* @__PURE__ */ jsx38(
|
|
4605
4583
|
"img",
|
|
4606
4584
|
{
|
|
4607
4585
|
src: item.imageUrl,
|
|
4608
4586
|
alt: item.name,
|
|
4609
|
-
className:
|
|
4587
|
+
className: "leaders__image",
|
|
4610
4588
|
loading: "lazy"
|
|
4611
4589
|
}
|
|
4612
4590
|
) }),
|
|
4613
|
-
/* @__PURE__ */
|
|
4614
|
-
/* @__PURE__ */
|
|
4615
|
-
/* @__PURE__ */
|
|
4591
|
+
/* @__PURE__ */ jsxs34("div", { className: "leaders__content", children: [
|
|
4592
|
+
/* @__PURE__ */ jsx38("h3", { className: "leaders__name", children: item.name }),
|
|
4593
|
+
/* @__PURE__ */ jsx38("p", { className: "leaders__role", children: item.role })
|
|
4616
4594
|
] }),
|
|
4617
|
-
item.linkedinUrl && /* @__PURE__ */
|
|
4595
|
+
item.linkedinUrl && /* @__PURE__ */ jsx38(
|
|
4618
4596
|
Link,
|
|
4619
4597
|
{
|
|
4620
4598
|
href: item.linkedinUrl,
|
|
4621
4599
|
target: "_blank",
|
|
4622
4600
|
rel: "noopener noreferrer",
|
|
4623
|
-
icon: /* @__PURE__ */
|
|
4601
|
+
icon: /* @__PURE__ */ jsx38(LinkedInIcon, {}),
|
|
4624
4602
|
label: "LinkedIn",
|
|
4625
4603
|
colorScheme: "black",
|
|
4626
4604
|
showChevron: false,
|
|
4627
|
-
className:
|
|
4605
|
+
className: "leaders__link"
|
|
4628
4606
|
}
|
|
4629
4607
|
)
|
|
4630
4608
|
] });
|
|
@@ -4641,44 +4619,44 @@ var Leaders = ({
|
|
|
4641
4619
|
const hasMore = items.length > initialVisibleCount;
|
|
4642
4620
|
const visibleItems = items.slice(0, initialVisibleCount);
|
|
4643
4621
|
const extraItems = items.slice(initialVisibleCount);
|
|
4644
|
-
return /* @__PURE__ */
|
|
4645
|
-
title && /* @__PURE__ */
|
|
4646
|
-
/* @__PURE__ */
|
|
4647
|
-
/* @__PURE__ */
|
|
4648
|
-
hasMore && /* @__PURE__ */
|
|
4622
|
+
return /* @__PURE__ */ jsx38("section", { className: ["leaders", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs34("div", { className: "leaders__container", children: [
|
|
4623
|
+
title && /* @__PURE__ */ jsx38("div", { className: "leaders__header", children: /* @__PURE__ */ jsx38("h2", { className: "leaders__title", children: title }) }),
|
|
4624
|
+
/* @__PURE__ */ jsxs34("div", { className: "leaders__grid-wrapper", children: [
|
|
4625
|
+
/* @__PURE__ */ jsx38("div", { className: "leaders__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ jsx38("div", { className: "leaders__card", children: /* @__PURE__ */ jsx38(CardContent, { item }) }, i)) }),
|
|
4626
|
+
hasMore && /* @__PURE__ */ jsx38(
|
|
4649
4627
|
"div",
|
|
4650
4628
|
{
|
|
4651
4629
|
className: [
|
|
4652
|
-
|
|
4653
|
-
isExpanded ?
|
|
4630
|
+
"leaders__extra-cards",
|
|
4631
|
+
isExpanded ? "leaders__extra-cards--open" : ""
|
|
4654
4632
|
].join(" "),
|
|
4655
4633
|
"aria-hidden": !isExpanded,
|
|
4656
|
-
children: /* @__PURE__ */
|
|
4634
|
+
children: /* @__PURE__ */ jsx38("div", { className: "leaders__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ jsx38(
|
|
4657
4635
|
"div",
|
|
4658
4636
|
{
|
|
4659
4637
|
className: [
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
isExpanded ?
|
|
4638
|
+
"leaders__card",
|
|
4639
|
+
"leaders__extra-card",
|
|
4640
|
+
isExpanded ? "leaders__extra-card--visible" : ""
|
|
4663
4641
|
].join(" "),
|
|
4664
4642
|
style: {
|
|
4665
4643
|
transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
|
|
4666
4644
|
},
|
|
4667
|
-
children: /* @__PURE__ */
|
|
4645
|
+
children: /* @__PURE__ */ jsx38(CardContent, { item })
|
|
4668
4646
|
},
|
|
4669
4647
|
i
|
|
4670
4648
|
)) })
|
|
4671
4649
|
}
|
|
4672
4650
|
)
|
|
4673
4651
|
] }),
|
|
4674
|
-
hasMore && /* @__PURE__ */
|
|
4652
|
+
hasMore && /* @__PURE__ */ jsx38("div", { className: "leaders__actions", children: /* @__PURE__ */ jsx38(
|
|
4675
4653
|
Button,
|
|
4676
4654
|
{
|
|
4677
4655
|
variant: "secondary",
|
|
4678
4656
|
colorScheme: "black",
|
|
4679
4657
|
onClick: () => setIsExpanded(!isExpanded),
|
|
4680
4658
|
iconPosition: "icon-right",
|
|
4681
|
-
icon: isExpanded ? /* @__PURE__ */
|
|
4659
|
+
icon: isExpanded ? /* @__PURE__ */ jsx38(ChevronUpIcon, {}) : /* @__PURE__ */ jsx38(ChevronDownIcon4, {}),
|
|
4682
4660
|
children: isExpanded ? collapseText : expandText
|
|
4683
4661
|
}
|
|
4684
4662
|
) })
|
|
@@ -4701,11 +4679,13 @@ export {
|
|
|
4701
4679
|
DownloadBadge,
|
|
4702
4680
|
DownloadBanner,
|
|
4703
4681
|
FEATURE_SCROLL_DATA,
|
|
4682
|
+
FaqAccordion,
|
|
4704
4683
|
FeatureBullets,
|
|
4705
4684
|
FeatureCards,
|
|
4706
|
-
|
|
4685
|
+
FeatureCardsIcon,
|
|
4707
4686
|
FeatureScroll,
|
|
4708
4687
|
Footer,
|
|
4688
|
+
Header,
|
|
4709
4689
|
Hero,
|
|
4710
4690
|
Leaders,
|
|
4711
4691
|
Link,
|