@deriv-web-design/ui 0.0.19 → 0.0.22

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.
Files changed (10) hide show
  1. package/dist/index.css +427 -406
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +94 -45
  4. package/dist/index.d.ts +94 -45
  5. package/dist/index.js +682 -684
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +679 -683
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
  10. package/tokens.css +8 -8
package/dist/index.js CHANGED
@@ -36,11 +36,13 @@ __export(index_exports, {
36
36
  DownloadBadge: () => DownloadBadge,
37
37
  DownloadBanner: () => DownloadBanner,
38
38
  FEATURE_SCROLL_DATA: () => FEATURE_SCROLL_DATA,
39
+ FaqAccordion: () => FaqAccordion,
39
40
  FeatureBullets: () => FeatureBullets,
40
41
  FeatureCards: () => FeatureCards,
41
- FeatureCardsSecondary: () => FeatureCardsSecondary,
42
+ FeatureCardsIcon: () => FeatureCardsIcon,
42
43
  FeatureScroll: () => FeatureScroll,
43
44
  Footer: () => Footer,
45
+ Header: () => Header,
44
46
  Hero: () => Hero,
45
47
  Leaders: () => Leaders,
46
48
  Link: () => Link,
@@ -215,6 +217,11 @@ var Tag = ({
215
217
 
216
218
  // primitives/Accordion/Accordion.tsx
217
219
  var import_react = require("react");
220
+
221
+ // primitives/Accordion/Accordion.module.css
222
+ var Accordion_default = {};
223
+
224
+ // primitives/Accordion/Accordion.tsx
218
225
  var import_jsx_runtime5 = require("react/jsx-runtime");
219
226
  var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
220
227
  var Accordion = ({
@@ -236,7 +243,7 @@ var Accordion = ({
236
243
  if (!isControlled) setInternalOpen(next);
237
244
  onToggle?.(next);
238
245
  };
239
- const classNames = ["accordion", className ?? ""].filter(Boolean).join(" ");
246
+ const classNames = [Accordion_default.accordion, className ?? ""].filter(Boolean).join(" ");
240
247
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
241
248
  "div",
242
249
  {
@@ -249,17 +256,17 @@ var Accordion = ({
249
256
  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
250
257
  "button",
251
258
  {
252
- className: "header",
259
+ className: Accordion_default.header,
253
260
  onClick: handleToggle,
254
261
  "aria-expanded": isOpen,
255
262
  children: [
256
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "titleWrapper", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "title", children: title }) }),
257
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: ["chevron", isOpen ? "chevronRotated" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronIcon2, {}) }),
258
- showFocusRing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "focusRing", "aria-hidden": "true" })
263
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Accordion_default.titleWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Accordion_default.title, children: title }) }),
264
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: [Accordion_default.chevron, isOpen ? Accordion_default.chevronRotated : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronIcon2, {}) }),
265
+ showFocusRing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Accordion_default.focusRing, "aria-hidden": "true" })
259
266
  ]
260
267
  }
261
268
  ),
262
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: ["bodyWrapper", isOpen ? "bodyWrapperOpen" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "bodyInner", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "body", children }) }) })
269
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: [Accordion_default.bodyWrapper, isOpen ? Accordion_default.bodyWrapperOpen : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: Accordion_default.bodyInner, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: Accordion_default.body, children }) }) })
263
270
  ]
264
271
  }
265
272
  );
@@ -1091,67 +1098,50 @@ var Tabs = ({
1091
1098
  );
1092
1099
  };
1093
1100
 
1094
- // templates/FeatureCards/FeatureCards.tsx
1101
+ // templates/FaqAccordion/FaqAccordion.module.css
1102
+ var FaqAccordion_default = {};
1103
+
1104
+ // templates/FaqAccordion/FaqAccordion.tsx
1095
1105
  var import_jsx_runtime17 = require("react/jsx-runtime");
1096
- var FeatureCards = ({
1097
- sectionTitle,
1098
- sectionDescription,
1099
- showLink = false,
1100
- linkText = "Learn more",
1101
- onLinkClick,
1102
- cardColorScheme = "image",
1103
- cards
1106
+ var FaqAccordion = ({
1107
+ title,
1108
+ items,
1109
+ colorScheme = "white"
1104
1110
  }) => {
1105
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc-container", children: [
1106
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc-header", children: [
1107
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "fc-sectionTitle", children: sectionTitle }),
1108
- sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc-sectionDescription", children: sectionDescription }),
1109
- showLink && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1110
- Link,
1111
- {
1112
- colorScheme: "coral",
1113
- label: linkText,
1114
- onClick: onLinkClick
1115
- }
1116
- )
1117
- ] }),
1118
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc-grid", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1119
- Card,
1111
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { className: [FaqAccordion_default.section, FaqAccordion_default[`section--${colorScheme}`]].join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: FaqAccordion_default.container, children: [
1112
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: FaqAccordion_default.header, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: FaqAccordion_default.title, children: title }) }),
1113
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: FaqAccordion_default.list, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1114
+ Accordion,
1120
1115
  {
1121
- variant: "primary",
1122
- colorScheme: card.colorScheme ?? cardColorScheme,
1123
- title: card.title,
1124
- description: card.description,
1125
- image: card.image,
1126
- imageAlt: card.imageAlt,
1127
- showLink: card.showLink,
1128
- linkText: card.linkText,
1129
- onLinkClick: card.onLinkClick
1116
+ title: item.question,
1117
+ showTopDivider: index === 0,
1118
+ showBottomDivider: true,
1119
+ children: item.answer
1130
1120
  },
1131
- index
1121
+ `${item.question}-${index}`
1132
1122
  )) })
1133
1123
  ] }) });
1134
1124
  };
1135
1125
 
1136
- // templates/FeatureCardsSecondary/FeatureCardsSecondary.tsx
1126
+ // templates/FeatureCards/FeatureCards.tsx
1137
1127
  var import_jsx_runtime18 = require("react/jsx-runtime");
1138
1128
  var externalLinkRel = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
1139
1129
  var TwoCardsItem = ({ card, index }) => {
1140
- const isDark = card.colorScheme === "dark";
1130
+ const isDark = card.twoTone === "dark";
1141
1131
  const showCardLink = card.showLink !== false;
1142
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCardWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1132
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-twoCardWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1143
1133
  "div",
1144
1134
  {
1145
1135
  className: [
1146
- "fcs-twoCard",
1147
- isDark ? "fcs-twoCard--dark" : "fcs-twoCard--light"
1136
+ "fc-twoCard",
1137
+ isDark ? "fc-twoCard--dark" : "fc-twoCard--light"
1148
1138
  ].join(" "),
1149
1139
  children: [
1150
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-body", children: [
1151
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-content", children: [
1152
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-title", children: card.title }),
1153
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fcs-twoCard-description", children: card.description }),
1154
- showCardLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1140
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-twoCard-body", children: [
1141
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-twoCard-content", children: [
1142
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fc-twoCard-title", children: card.title }),
1143
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fc-twoCard-description", children: card.description }),
1144
+ showCardLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1155
1145
  Link,
1156
1146
  {
1157
1147
  colorScheme: "coral",
@@ -1162,14 +1152,14 @@ var TwoCardsItem = ({ card, index }) => {
1162
1152
  }
1163
1153
  ) })
1164
1154
  ] }),
1165
- card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-platformsOuter", children: [
1166
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
1167
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1155
+ card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-twoCard-platformsOuter", children: [
1156
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
1157
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1168
1158
  "a",
1169
1159
  {
1170
1160
  className: [
1171
- "fcs-platformLink",
1172
- isDark ? "fcs-platformLink--dark" : ""
1161
+ "fc-platformLink",
1162
+ isDark ? "fc-platformLink--dark" : ""
1173
1163
  ].filter(Boolean).join(" "),
1174
1164
  href: platform.href,
1175
1165
  rel: externalLinkRel(platform.href),
@@ -1178,24 +1168,24 @@ var TwoCardsItem = ({ card, index }) => {
1178
1168
  "img",
1179
1169
  {
1180
1170
  alt: "",
1181
- className: "fcs-platformLink-icon",
1171
+ className: "fc-platformLink-icon",
1182
1172
  height: 32,
1183
1173
  src: platform.iconSrc,
1184
1174
  width: 32
1185
1175
  }
1186
1176
  ),
1187
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fcs-platformLink-label", children: platform.label })
1177
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fc-platformLink-label", children: platform.label })
1188
1178
  ]
1189
1179
  },
1190
1180
  `${platform.label}-${i}`
1191
1181
  )) })
1192
1182
  ] })
1193
1183
  ] }),
1194
- card.image && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-imageSection", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1184
+ card.image && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-twoCard-imageSection", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1195
1185
  "img",
1196
1186
  {
1197
1187
  alt: card.imageAlt ?? "",
1198
- className: "fcs-twoCard-image",
1188
+ className: "fc-twoCard-image",
1199
1189
  decoding: "async",
1200
1190
  loading: index === 0 ? "eager" : "lazy",
1201
1191
  src: card.image
@@ -1207,12 +1197,12 @@ var TwoCardsItem = ({ card, index }) => {
1207
1197
  };
1208
1198
  var OneCardPanel = ({ card }) => {
1209
1199
  const showCardLink = card.showLink !== false;
1210
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-oneCardShell", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-oneCardGrid fcs-twoCard--dark", children: [
1211
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-oneCardLeft", children: [
1212
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-oneCardContentBlock", children: [
1213
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-title", children: card.title }),
1214
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fcs-twoCard-description", children: card.description }),
1215
- showCardLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1200
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-oneCardShell", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-oneCardGrid fc-twoCard--dark", children: [
1201
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-oneCardLeft", children: [
1202
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-oneCardContentBlock", children: [
1203
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fc-twoCard-title", children: card.title }),
1204
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fc-twoCard-description", children: card.description }),
1205
+ showCardLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1216
1206
  Link,
1217
1207
  {
1218
1208
  colorScheme: "coral",
@@ -1223,12 +1213,12 @@ var OneCardPanel = ({ card }) => {
1223
1213
  }
1224
1214
  ) })
1225
1215
  ] }),
1226
- card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-platformsOuter", children: [
1227
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
1228
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1216
+ card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-twoCard-platformsOuter", children: [
1217
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
1218
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1229
1219
  "a",
1230
1220
  {
1231
- className: "fcs-platformLink fcs-platformLink--dark",
1221
+ className: "fc-platformLink fc-platformLink--dark",
1232
1222
  href: platform.href,
1233
1223
  rel: externalLinkRel(platform.href),
1234
1224
  children: [
@@ -1236,24 +1226,24 @@ var OneCardPanel = ({ card }) => {
1236
1226
  "img",
1237
1227
  {
1238
1228
  alt: "",
1239
- className: "fcs-platformLink-icon",
1229
+ className: "fc-platformLink-icon",
1240
1230
  height: 32,
1241
1231
  src: platform.iconSrc,
1242
1232
  width: 32
1243
1233
  }
1244
1234
  ),
1245
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fcs-platformLink-label", children: platform.label })
1235
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fc-platformLink-label", children: platform.label })
1246
1236
  ]
1247
1237
  },
1248
1238
  `${platform.label}-${i}`
1249
1239
  )) })
1250
1240
  ] })
1251
1241
  ] }),
1252
- card.image && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-oneCardRight", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1242
+ card.image && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-oneCardRight", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1253
1243
  "img",
1254
1244
  {
1255
1245
  alt: card.imageAlt ?? "",
1256
- className: "fcs-oneCardImage",
1246
+ className: "fc-oneCardImage",
1257
1247
  decoding: "async",
1258
1248
  loading: "eager",
1259
1249
  src: card.image
@@ -1261,24 +1251,25 @@ var OneCardPanel = ({ card }) => {
1261
1251
  ) })
1262
1252
  ] }) });
1263
1253
  };
1264
- var FeatureCardsSecondary = ({
1254
+ var FeatureCards = ({
1265
1255
  variant = "default",
1266
1256
  sectionTitle,
1267
1257
  sectionDescription,
1268
1258
  showLink = false,
1269
1259
  linkText = "Learn more",
1270
1260
  onLinkClick,
1261
+ cardColorScheme = "image",
1271
1262
  cards
1272
1263
  }) => {
1273
- const sectionHeader = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-header", children: [
1274
- sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "fcs-sectionTitle", children: sectionTitle }),
1275
- sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fcs-sectionDescription", children: sectionDescription }),
1264
+ const sectionHeader = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-header", children: [
1265
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "fc-sectionTitle", children: sectionTitle }),
1266
+ sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fc-sectionDescription", children: sectionDescription }),
1276
1267
  showLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
1277
1268
  ] });
1278
1269
  if (variant === "twoCards") {
1279
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-container", children: [
1270
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-container", children: [
1280
1271
  sectionHeader,
1281
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-grid fcs-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1272
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc-grid fc-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1282
1273
  TwoCardsItem,
1283
1274
  {
1284
1275
  card,
@@ -1290,17 +1281,49 @@ var FeatureCardsSecondary = ({
1290
1281
  }
1291
1282
  if (variant === "oneCard") {
1292
1283
  const card = cards[0];
1293
- if (!card) {
1294
- return null;
1295
- }
1296
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-container", children: [
1284
+ if (!card) return null;
1285
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-container", children: [
1297
1286
  sectionHeader,
1298
1287
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(OneCardPanel, { card })
1299
1288
  ] }) });
1300
1289
  }
1301
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-container", children: [
1290
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc-container", children: [
1302
1291
  sectionHeader,
1303
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `fcs-grid fcs-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1292
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `fc-grid fc-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1293
+ Card,
1294
+ {
1295
+ variant: "primary",
1296
+ colorScheme: card.colorScheme ?? cardColorScheme,
1297
+ title: card.title,
1298
+ description: card.description,
1299
+ image: card.image,
1300
+ imageAlt: card.imageAlt,
1301
+ showLink: card.showLink,
1302
+ linkText: card.linkText,
1303
+ onLinkClick: card.onLinkClick
1304
+ },
1305
+ index
1306
+ )) })
1307
+ ] }) });
1308
+ };
1309
+
1310
+ // templates/FeatureCardsIcon/FeatureCardsIcon.tsx
1311
+ var import_jsx_runtime19 = require("react/jsx-runtime");
1312
+ var FeatureCardsIcon = ({
1313
+ sectionTitle,
1314
+ sectionDescription,
1315
+ showLink = false,
1316
+ linkText = "Learn more",
1317
+ onLinkClick,
1318
+ cards
1319
+ }) => {
1320
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { className: "fci-section", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fci-container", children: [
1321
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fci-header", children: [
1322
+ sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "fci-sectionTitle", children: sectionTitle }),
1323
+ sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fci-sectionDescription", children: sectionDescription }),
1324
+ showLink && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
1325
+ ] }),
1326
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `fci-grid fci-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1304
1327
  Card,
1305
1328
  {
1306
1329
  variant: "secondary",
@@ -1321,8 +1344,8 @@ var FeatureCardsSecondary = ({
1321
1344
  var FeatureBullets_default = {};
1322
1345
 
1323
1346
  // templates/FeatureBullets/FeatureBullets.tsx
1324
- var import_jsx_runtime19 = require("react/jsx-runtime");
1325
- var CheckIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: FeatureBullets_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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" }) });
1347
+ var import_jsx_runtime20 = require("react/jsx-runtime");
1348
+ var CheckIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: FeatureBullets_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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" }) });
1326
1349
  var FeatureBullets = ({
1327
1350
  title,
1328
1351
  bullets,
@@ -1330,7 +1353,7 @@ var FeatureBullets = ({
1330
1353
  imageAlt = "",
1331
1354
  imagePosition = "right"
1332
1355
  }) => {
1333
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { className: FeatureBullets_default.section, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.container, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
1356
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { className: FeatureBullets_default.section, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: FeatureBullets_default.container, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
1334
1357
  "div",
1335
1358
  {
1336
1359
  className: [
@@ -1338,14 +1361,14 @@ var FeatureBullets = ({
1338
1361
  imagePosition === "left" ? FeatureBullets_default["split--image-left"] : ""
1339
1362
  ].filter(Boolean).join(" "),
1340
1363
  children: [
1341
- /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: FeatureBullets_default.content, children: [
1342
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: FeatureBullets_default.title, children: title }),
1343
- bullets && bullets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.bulletList, children: bullets.map((bullet, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: FeatureBullets_default.bulletItem, children: [
1344
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckIcon2, {}) }),
1345
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: FeatureBullets_default.bulletText, children: bullet })
1364
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: FeatureBullets_default.content, children: [
1365
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: FeatureBullets_default.title, children: title }),
1366
+ bullets && bullets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: FeatureBullets_default.bulletList, children: bullets.map((bullet, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: FeatureBullets_default.bulletItem, children: [
1367
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: FeatureBullets_default.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon2, {}) }),
1368
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: FeatureBullets_default.bulletText, children: bullet })
1346
1369
  ] }, i)) })
1347
1370
  ] }),
1348
- image && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1371
+ image && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: FeatureBullets_default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1349
1372
  "img",
1350
1373
  {
1351
1374
  alt: imageAlt,
@@ -1360,8 +1383,8 @@ var FeatureBullets = ({
1360
1383
 
1361
1384
  // components/Footer/Footer.tsx
1362
1385
  var import_react7 = require("react");
1363
- var import_jsx_runtime20 = require("react/jsx-runtime");
1364
- var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1386
+ var import_jsx_runtime21 = require("react/jsx-runtime");
1387
+ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1365
1388
  "svg",
1366
1389
  {
1367
1390
  width: "12",
@@ -1370,7 +1393,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1370
1393
  fill: "none",
1371
1394
  "aria-hidden": "true",
1372
1395
  focusable: "false",
1373
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1396
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1374
1397
  "path",
1375
1398
  {
1376
1399
  d: "M2 2H10M10 2V10M10 2L2 10",
@@ -1382,7 +1405,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1382
1405
  )
1383
1406
  }
1384
1407
  );
1385
- var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1408
+ var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1386
1409
  "svg",
1387
1410
  {
1388
1411
  width: "12",
@@ -1391,7 +1414,7 @@ var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1391
1414
  fill: "none",
1392
1415
  "aria-hidden": "true",
1393
1416
  focusable: "false",
1394
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1417
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1395
1418
  "path",
1396
1419
  {
1397
1420
  d: "M2 4L6 8L10 4",
@@ -1408,9 +1431,9 @@ var DerivGoBadges = ({
1408
1431
  appStoreBadge,
1409
1432
  huaweiBadge,
1410
1433
  availabilityNote
1411
- }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
1412
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__app-badges", children: [
1413
- googlePlayBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1434
+ }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
1435
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__app-badges", children: [
1436
+ googlePlayBadge && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1414
1437
  "a",
1415
1438
  {
1416
1439
  href: googlePlayBadge.href,
@@ -1418,10 +1441,10 @@ var DerivGoBadges = ({
1418
1441
  "aria-label": googlePlayBadge.imageAlt,
1419
1442
  target: "_blank",
1420
1443
  rel: "noopener noreferrer",
1421
- children: googlePlayBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
1444
+ children: googlePlayBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
1422
1445
  }
1423
1446
  ),
1424
- appStoreBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1447
+ appStoreBadge && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1425
1448
  "a",
1426
1449
  {
1427
1450
  href: appStoreBadge.href,
@@ -1429,10 +1452,10 @@ var DerivGoBadges = ({
1429
1452
  "aria-label": appStoreBadge.imageAlt,
1430
1453
  target: "_blank",
1431
1454
  rel: "noopener noreferrer",
1432
- children: appStoreBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
1455
+ children: appStoreBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
1433
1456
  }
1434
1457
  ),
1435
- huaweiBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1458
+ huaweiBadge && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1436
1459
  "a",
1437
1460
  {
1438
1461
  href: huaweiBadge.href,
@@ -1440,13 +1463,13 @@ var DerivGoBadges = ({
1440
1463
  "aria-label": huaweiBadge.imageAlt,
1441
1464
  target: "_blank",
1442
1465
  rel: "noopener noreferrer",
1443
- children: huaweiBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
1466
+ children: huaweiBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
1444
1467
  }
1445
1468
  )
1446
1469
  ] }),
1447
- availabilityNote && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__app-note", children: availabilityNote })
1470
+ availabilityNote && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "footer__app-note", children: availabilityNote })
1448
1471
  ] });
1449
- var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
1472
+ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1450
1473
  "a",
1451
1474
  {
1452
1475
  href,
@@ -1455,7 +1478,7 @@ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, impo
1455
1478
  ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
1456
1479
  children: [
1457
1480
  label,
1458
- isExternal && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ExternalLinkIcon, {})
1481
+ isExternal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ExternalLinkIcon, {})
1459
1482
  ]
1460
1483
  }
1461
1484
  );
@@ -1487,14 +1510,14 @@ var Footer = ({
1487
1510
  });
1488
1511
  };
1489
1512
  const aiLabel = aiSummary?.label ?? "Ask AI for a summary of Deriv";
1490
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1513
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1491
1514
  "footer",
1492
1515
  {
1493
1516
  className: ["footer", className].filter(Boolean).join(" "),
1494
1517
  ...props,
1495
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__inner", children: [
1496
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__header", children: [
1497
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1518
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__inner", children: [
1519
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__header", children: [
1520
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1498
1521
  "img",
1499
1522
  {
1500
1523
  src: logoSrc,
@@ -1502,21 +1525,21 @@ var Footer = ({
1502
1525
  className: "footer__logo"
1503
1526
  }
1504
1527
  ) }),
1505
- aiSummary && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
1506
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
1507
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1528
+ aiSummary && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
1529
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
1530
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1508
1531
  "a",
1509
1532
  {
1510
1533
  href: item.href,
1511
1534
  "aria-label": item.imageAlt,
1512
1535
  target: "_blank",
1513
1536
  rel: "noopener noreferrer",
1514
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
1537
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
1515
1538
  },
1516
1539
  i
1517
1540
  )) })
1518
1541
  ] }),
1519
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1542
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1520
1543
  "a",
1521
1544
  {
1522
1545
  href: link.href,
@@ -1529,27 +1552,27 @@ var Footer = ({
1529
1552
  i
1530
1553
  )) })
1531
1554
  ] }),
1532
- aiSummary && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__ai-section", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
1533
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
1534
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1555
+ aiSummary && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__ai-section", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
1556
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
1557
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1535
1558
  "a",
1536
1559
  {
1537
1560
  href: item.href,
1538
1561
  "aria-label": item.imageAlt,
1539
1562
  target: "_blank",
1540
1563
  rel: "noopener noreferrer",
1541
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
1564
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
1542
1565
  },
1543
1566
  i
1544
1567
  )) })
1545
1568
  ] }) }),
1546
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__nav footer__nav--columns", children: [
1547
- navColumns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__nav-section", children: [
1548
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__nav-title", children: section.title }),
1549
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NavLink, { ...link }) }, linkIdx)) })
1569
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__nav footer__nav--columns", children: [
1570
+ navColumns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__nav-section", children: [
1571
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "footer__nav-title", children: section.title }),
1572
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(NavLink, { ...link }) }, linkIdx)) })
1550
1573
  ] }, secIdx)) }, colIdx)),
1551
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__sidebar", children: [
1552
- investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__investors-card", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1574
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__sidebar", children: [
1575
+ investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__investors-card", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1553
1576
  "img",
1554
1577
  {
1555
1578
  src: investorsInPeopleSrc,
@@ -1557,9 +1580,9 @@ var Footer = ({
1557
1580
  className: "footer__investors-img"
1558
1581
  }
1559
1582
  ) }),
1560
- derivGo && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-card", children: [
1561
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-header", children: [
1562
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1583
+ derivGo && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__deriv-go-card", children: [
1584
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__deriv-go-header", children: [
1585
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1563
1586
  "img",
1564
1587
  {
1565
1588
  src: derivGo.logoSrc,
@@ -1567,11 +1590,11 @@ var Footer = ({
1567
1590
  className: "footer__deriv-go-logo"
1568
1591
  }
1569
1592
  ),
1570
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
1593
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
1571
1594
  ] }),
1572
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
1573
- (derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-qr", children: [
1574
- derivGo.qrCodeIcon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1595
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
1596
+ (derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__deriv-go-qr", children: [
1597
+ derivGo.qrCodeIcon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1575
1598
  "img",
1576
1599
  {
1577
1600
  src: derivGo.qrCodeSrc,
@@ -1579,9 +1602,9 @@ var Footer = ({
1579
1602
  className: "footer__deriv-go-qr-img"
1580
1603
  }
1581
1604
  ),
1582
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
1605
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
1583
1606
  ] }),
1584
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1607
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1585
1608
  DerivGoBadges,
1586
1609
  {
1587
1610
  googlePlayBadge: derivGo.googlePlayBadge,
@@ -1593,9 +1616,9 @@ var Footer = ({
1593
1616
  ] })
1594
1617
  ] })
1595
1618
  ] }),
1596
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
1619
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
1597
1620
  const isOpen = openSections.has(idx);
1598
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
1621
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1599
1622
  "div",
1600
1623
  {
1601
1624
  className: [
@@ -1603,7 +1626,7 @@ var Footer = ({
1603
1626
  isOpen && "footer__accordion-item--open"
1604
1627
  ].filter(Boolean).join(" "),
1605
1628
  children: [
1606
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
1629
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1607
1630
  "button",
1608
1631
  {
1609
1632
  type: "button",
@@ -1611,18 +1634,18 @@ var Footer = ({
1611
1634
  onClick: () => toggleSection(idx),
1612
1635
  "aria-expanded": isOpen,
1613
1636
  children: [
1614
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__accordion-label", children: section.title }),
1615
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronDownIcon2, {}) })
1637
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__accordion-label", children: section.title }),
1638
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDownIcon2, {}) })
1616
1639
  ]
1617
1640
  }
1618
1641
  ),
1619
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NavLink, { ...link }) }, linkIdx)) })
1642
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(NavLink, { ...link }) }, linkIdx)) })
1620
1643
  ]
1621
1644
  },
1622
1645
  idx
1623
1646
  );
1624
1647
  }) }),
1625
- socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1648
+ socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1626
1649
  "a",
1627
1650
  {
1628
1651
  href: link.href,
@@ -1634,10 +1657,10 @@ var Footer = ({
1634
1657
  },
1635
1658
  i
1636
1659
  )) }),
1637
- derivGo && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-banner", children: [
1638
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-banner-info", children: [
1639
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-header", children: [
1640
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1660
+ derivGo && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__deriv-go-banner", children: [
1661
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__deriv-go-banner-info", children: [
1662
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__deriv-go-header", children: [
1663
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1641
1664
  "img",
1642
1665
  {
1643
1666
  src: derivGo.logoSrc,
@@ -1645,11 +1668,11 @@ var Footer = ({
1645
1668
  className: "footer__deriv-go-logo"
1646
1669
  }
1647
1670
  ),
1648
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
1671
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
1649
1672
  ] }),
1650
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
1673
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
1651
1674
  ] }),
1652
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1675
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1653
1676
  DerivGoBadges,
1654
1677
  {
1655
1678
  googlePlayBadge: derivGo.googlePlayBadge,
@@ -1659,11 +1682,11 @@ var Footer = ({
1659
1682
  }
1660
1683
  ) })
1661
1684
  ] }),
1662
- (licenseText || riskWarningText) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__legal-block", children: [
1663
- licenseText && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__license", children: licenseText }),
1664
- riskWarningText && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__risk-warning", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
1685
+ (licenseText || riskWarningText) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "footer__legal-block", children: [
1686
+ licenseText && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__license", children: licenseText }),
1687
+ riskWarningText && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__risk-warning", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
1665
1688
  ] }),
1666
- investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1689
+ investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1667
1690
  "img",
1668
1691
  {
1669
1692
  src: investorsInPeopleSrc,
@@ -1677,70 +1700,19 @@ var Footer = ({
1677
1700
  };
1678
1701
 
1679
1702
  // templates/Hero/Hero.tsx
1680
- var import_react8 = require("react");
1681
- var import_jsx_runtime21 = require("react/jsx-runtime");
1703
+ var import_jsx_runtime22 = require("react/jsx-runtime");
1682
1704
  var Visual = ({
1683
1705
  src,
1684
1706
  className,
1685
1707
  alt = ""
1686
- }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className, children: typeof src === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src, alt }) : src });
1687
- var Hero = ({
1688
- variant,
1689
- subtitle,
1690
- title,
1691
- description,
1708
+ }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className, children: typeof src === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src, alt }) : src });
1709
+ var ButtonBlock = ({
1692
1710
  primaryButton,
1693
- secondaryButton,
1694
- backgroundImageSrc,
1695
- heroImage,
1696
- leftVisual,
1697
- rightVisual,
1698
- productImage,
1699
- floatingImage,
1700
- className,
1701
- ...props
1711
+ secondaryButton
1702
1712
  }) => {
1703
- const variantClass = `hero--${variant}`;
1704
- const sectionRef = (0, import_react8.useRef)(null);
1705
- const leftRef = (0, import_react8.useRef)(null);
1706
- const rightRef = (0, import_react8.useRef)(null);
1707
- (0, import_react8.useEffect)(() => {
1708
- if (variant !== "visuals") return;
1709
- if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
1710
- const section = sectionRef.current;
1711
- const leftEl = leftRef.current;
1712
- const rightEl = rightRef.current;
1713
- if (!section || !leftEl || !rightEl) return;
1714
- const STRENGTH = 60;
1715
- const onScroll = () => {
1716
- const rect = section.getBoundingClientRect();
1717
- const viewH = window.innerHeight;
1718
- const progress = 1 - rect.bottom / (viewH + rect.height);
1719
- const clamped = Math.max(0, Math.min(1, progress));
1720
- const offset = (clamped - 0.5) * STRENGTH * 2;
1721
- leftEl.style.transform = `translateY(${-offset}px)`;
1722
- rightEl.style.transform = `translateY(${offset}px)`;
1723
- };
1724
- const scrollEl = (() => {
1725
- let el = section.parentElement;
1726
- while (el && el !== document.documentElement) {
1727
- const { overflow, overflowY } = getComputedStyle(el);
1728
- if (/auto|scroll/.test(overflow + overflowY)) return el;
1729
- el = el.parentElement;
1730
- }
1731
- return window;
1732
- })();
1733
- scrollEl.addEventListener("scroll", onScroll, { passive: true });
1734
- onScroll();
1735
- return () => scrollEl.removeEventListener("scroll", onScroll);
1736
- }, [variant]);
1737
- const textBlock = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
1738
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1739
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
1740
- description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
1741
- ] });
1742
- const buttonBlock = (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
1743
- primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1713
+ if (!primaryButton && !secondaryButton) return null;
1714
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__buttons", children: [
1715
+ primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1744
1716
  Button,
1745
1717
  {
1746
1718
  colorScheme: "coral",
@@ -1748,7 +1720,7 @@ var Hero = ({
1748
1720
  label: primaryButton.label,
1749
1721
  onClick: primaryButton.onClick
1750
1722
  }
1751
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1723
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1752
1724
  Button,
1753
1725
  {
1754
1726
  colorScheme: "coral",
@@ -1757,7 +1729,7 @@ var Hero = ({
1757
1729
  onClick: primaryButton.onClick
1758
1730
  }
1759
1731
  )),
1760
- secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1732
+ secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1761
1733
  Button,
1762
1734
  {
1763
1735
  colorScheme: "white",
@@ -1765,7 +1737,7 @@ var Hero = ({
1765
1737
  label: secondaryButton.label,
1766
1738
  onClick: secondaryButton.onClick
1767
1739
  }
1768
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1740
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1769
1741
  Button,
1770
1742
  {
1771
1743
  colorScheme: "white",
@@ -1775,191 +1747,70 @@ var Hero = ({
1775
1747
  }
1776
1748
  ))
1777
1749
  ] });
1750
+ };
1751
+ var Hero = ({
1752
+ variant,
1753
+ subtitle,
1754
+ title,
1755
+ description,
1756
+ primaryButton,
1757
+ secondaryButton,
1758
+ backgroundImageSrc,
1759
+ heroImage,
1760
+ productImage,
1761
+ floatingImage,
1762
+ className,
1763
+ ...props
1764
+ }) => {
1765
+ const variantClass = `hero--${variant}`;
1778
1766
  if (variant === "split") {
1779
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1767
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
1780
1768
  "section",
1781
1769
  {
1782
1770
  className: ["hero", variantClass, className].filter(Boolean).join(" "),
1783
1771
  style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
1784
1772
  ...props,
1785
1773
  children: [
1786
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1787
- heroImage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1788
- Visual,
1789
- {
1790
- src: heroImage,
1791
- className: "hero__image-slot",
1792
- alt: ""
1793
- }
1794
- ),
1795
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__left", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__body", children: [
1796
- /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
1797
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1798
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
1799
- description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
1774
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1775
+ heroImage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Visual, { src: heroImage, className: "hero__image-slot", alt: "" }),
1776
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__left", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__body", children: [
1777
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__text", children: [
1778
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1779
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "hero__title", children: title }),
1780
+ description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hero__description", children: description })
1800
1781
  ] }),
1801
- (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
1802
- primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1803
- Button,
1804
- {
1805
- colorScheme: "coral",
1806
- variant: "primary",
1807
- label: primaryButton.label,
1808
- onClick: primaryButton.onClick
1809
- }
1810
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1811
- Button,
1812
- {
1813
- colorScheme: "coral",
1814
- variant: "primary",
1815
- label: primaryButton.label,
1816
- onClick: primaryButton.onClick
1817
- }
1818
- )),
1819
- secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1820
- Button,
1821
- {
1822
- colorScheme: "white",
1823
- variant: "secondary",
1824
- label: secondaryButton.label,
1825
- onClick: secondaryButton.onClick
1826
- }
1827
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1828
- Button,
1829
- {
1830
- colorScheme: "white",
1831
- variant: "secondary",
1832
- label: secondaryButton.label,
1833
- onClick: secondaryButton.onClick
1834
- }
1835
- ))
1836
- ] })
1782
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1783
+ ButtonBlock,
1784
+ {
1785
+ primaryButton,
1786
+ secondaryButton
1787
+ }
1788
+ )
1837
1789
  ] }) }) }) })
1838
1790
  ]
1839
1791
  }
1840
1792
  );
1841
1793
  }
1842
1794
  if (variant === "centered") {
1843
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1844
- "section",
1845
- {
1846
- className: ["hero", variantClass, className].filter(Boolean).join(" "),
1847
- style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
1848
- ...props,
1849
- children: [
1850
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1851
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__content", children: [
1852
- /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
1853
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1854
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
1855
- description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
1856
- ] }),
1857
- (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
1858
- primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1859
- Button,
1860
- {
1861
- colorScheme: "coral",
1862
- variant: "primary",
1863
- label: primaryButton.label,
1864
- onClick: primaryButton.onClick
1865
- }
1866
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1867
- Button,
1868
- {
1869
- colorScheme: "coral",
1870
- variant: "primary",
1871
- label: primaryButton.label,
1872
- onClick: primaryButton.onClick
1873
- }
1874
- )),
1875
- secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1876
- Button,
1877
- {
1878
- colorScheme: "white",
1879
- variant: "secondary",
1880
- label: secondaryButton.label,
1881
- onClick: secondaryButton.onClick
1882
- }
1883
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1884
- Button,
1885
- {
1886
- colorScheme: "white",
1887
- variant: "secondary",
1888
- label: secondaryButton.label,
1889
- onClick: secondaryButton.onClick
1890
- }
1891
- ))
1892
- ] })
1893
- ] }) })
1894
- ]
1895
- }
1896
- );
1897
- }
1898
- if (variant === "showcase") {
1899
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1795
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
1900
1796
  "section",
1901
1797
  {
1902
1798
  className: ["hero", variantClass, className].filter(Boolean).join(" "),
1903
1799
  style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
1904
1800
  ...props,
1905
1801
  children: [
1906
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1907
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__content", children: [
1908
- /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
1909
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1910
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
1911
- description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
1802
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1803
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__content", children: [
1804
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__text", children: [
1805
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1806
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "hero__title", children: title }),
1807
+ description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hero__description", children: description })
1912
1808
  ] }),
1913
- (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
1914
- primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1915
- Button,
1916
- {
1917
- colorScheme: "coral",
1918
- variant: "primary",
1919
- label: primaryButton.label,
1920
- onClick: primaryButton.onClick
1921
- }
1922
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1923
- Button,
1924
- {
1925
- colorScheme: "coral",
1926
- variant: "primary",
1927
- label: primaryButton.label,
1928
- onClick: primaryButton.onClick
1929
- }
1930
- )),
1931
- secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1932
- Button,
1933
- {
1934
- colorScheme: "white",
1935
- variant: "secondary",
1936
- label: secondaryButton.label,
1937
- onClick: secondaryButton.onClick
1938
- }
1939
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1940
- Button,
1941
- {
1942
- colorScheme: "white",
1943
- variant: "secondary",
1944
- label: secondaryButton.label,
1945
- onClick: secondaryButton.onClick
1946
- }
1947
- ))
1948
- ] }),
1949
- productImage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1950
- Visual,
1951
- {
1952
- src: productImage,
1953
- className: "hero__product-image",
1954
- alt: ""
1955
- }
1956
- ),
1957
- floatingImage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1958
- Visual,
1809
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1810
+ ButtonBlock,
1959
1811
  {
1960
- src: floatingImage,
1961
- className: "hero__floating-image",
1962
- alt: ""
1812
+ primaryButton,
1813
+ secondaryButton
1963
1814
  }
1964
1815
  )
1965
1816
  ] }) })
@@ -1967,20 +1818,165 @@ var Hero = ({
1967
1818
  }
1968
1819
  );
1969
1820
  }
1970
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1821
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
1971
1822
  "section",
1972
1823
  {
1973
- ref: sectionRef,
1974
1824
  className: ["hero", variantClass, className].filter(Boolean).join(" "),
1825
+ style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
1975
1826
  ...props,
1976
1827
  children: [
1977
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__grid", "aria-hidden": "true" }),
1978
- variant === "visuals" && leftVisual && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: leftRef, className: "hero__visual hero__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: leftVisual, alt: "" }) : leftVisual }),
1979
- variant === "visuals" && rightVisual && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: rightRef, className: "hero__visual hero__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: rightVisual, alt: "" }) : rightVisual }),
1980
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1981
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__body", children: [
1828
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
1829
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__content", children: [
1830
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "hero__text", children: [
1831
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hero__subtitle", children: subtitle }),
1832
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "hero__title", children: title }),
1833
+ description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hero__description", children: description })
1834
+ ] }),
1835
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1836
+ ButtonBlock,
1837
+ {
1838
+ primaryButton,
1839
+ secondaryButton
1840
+ }
1841
+ ),
1842
+ productImage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1843
+ Visual,
1844
+ {
1845
+ src: productImage,
1846
+ className: "hero__product-image",
1847
+ alt: ""
1848
+ }
1849
+ ),
1850
+ floatingImage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1851
+ Visual,
1852
+ {
1853
+ src: floatingImage,
1854
+ className: "hero__floating-image",
1855
+ alt: ""
1856
+ }
1857
+ )
1858
+ ] }) })
1859
+ ]
1860
+ }
1861
+ );
1862
+ };
1863
+
1864
+ // templates/Header/Header.tsx
1865
+ var import_react8 = require("react");
1866
+ var import_jsx_runtime23 = require("react/jsx-runtime");
1867
+ var ButtonBlock2 = ({
1868
+ primaryButton,
1869
+ secondaryButton
1870
+ }) => {
1871
+ if (!primaryButton && !secondaryButton) return null;
1872
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "header__buttons", children: [
1873
+ primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1874
+ Button,
1875
+ {
1876
+ colorScheme: "coral",
1877
+ variant: "primary",
1878
+ label: primaryButton.label,
1879
+ onClick: primaryButton.onClick
1880
+ }
1881
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1882
+ Button,
1883
+ {
1884
+ colorScheme: "coral",
1885
+ variant: "primary",
1886
+ label: primaryButton.label,
1887
+ onClick: primaryButton.onClick
1888
+ }
1889
+ )),
1890
+ secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1891
+ Button,
1892
+ {
1893
+ colorScheme: "white",
1894
+ variant: "secondary",
1895
+ label: secondaryButton.label,
1896
+ onClick: secondaryButton.onClick
1897
+ }
1898
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1899
+ Button,
1900
+ {
1901
+ colorScheme: "white",
1902
+ variant: "secondary",
1903
+ label: secondaryButton.label,
1904
+ onClick: secondaryButton.onClick
1905
+ }
1906
+ ))
1907
+ ] });
1908
+ };
1909
+ var Header = ({
1910
+ variant,
1911
+ subtitle,
1912
+ title,
1913
+ description,
1914
+ primaryButton,
1915
+ secondaryButton,
1916
+ leftVisual,
1917
+ rightVisual,
1918
+ className,
1919
+ ...props
1920
+ }) => {
1921
+ const variantClass = `header--${variant}`;
1922
+ const sectionRef = (0, import_react8.useRef)(null);
1923
+ const leftRef = (0, import_react8.useRef)(null);
1924
+ const rightRef = (0, import_react8.useRef)(null);
1925
+ (0, import_react8.useEffect)(() => {
1926
+ if (variant !== "visuals") return;
1927
+ if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
1928
+ const section = sectionRef.current;
1929
+ const leftEl = leftRef.current;
1930
+ const rightEl = rightRef.current;
1931
+ if (!section || !leftEl || !rightEl) return;
1932
+ const STRENGTH = 60;
1933
+ const onScroll = () => {
1934
+ const rect = section.getBoundingClientRect();
1935
+ const viewH = window.innerHeight;
1936
+ const progress = 1 - rect.bottom / (viewH + rect.height);
1937
+ const clamped = Math.max(0, Math.min(1, progress));
1938
+ const offset = (clamped - 0.5) * STRENGTH * 2;
1939
+ leftEl.style.transform = `translateY(${-offset}px)`;
1940
+ rightEl.style.transform = `translateY(${offset}px)`;
1941
+ };
1942
+ const scrollEl = (() => {
1943
+ let el = section.parentElement;
1944
+ while (el && el !== document.documentElement) {
1945
+ const { overflow, overflowY } = getComputedStyle(el);
1946
+ if (/auto|scroll/.test(overflow + overflowY)) return el;
1947
+ el = el.parentElement;
1948
+ }
1949
+ return window;
1950
+ })();
1951
+ scrollEl.addEventListener("scroll", onScroll, { passive: true });
1952
+ onScroll();
1953
+ return () => scrollEl.removeEventListener("scroll", onScroll);
1954
+ }, [variant]);
1955
+ const textBlock = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "header__text", children: [
1956
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "header__subtitle", children: subtitle }),
1957
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "header__title", children: title }),
1958
+ description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "header__description", children: description })
1959
+ ] });
1960
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
1961
+ "section",
1962
+ {
1963
+ ref: sectionRef,
1964
+ className: ["header", variantClass, className].filter(Boolean).join(" "),
1965
+ ...props,
1966
+ children: [
1967
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "header__grid", "aria-hidden": "true" }),
1968
+ variant === "visuals" && leftVisual && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref: leftRef, className: "header__visual header__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: leftVisual, alt: "" }) : leftVisual }),
1969
+ variant === "visuals" && rightVisual && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref: rightRef, className: "header__visual header__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: rightVisual, alt: "" }) : rightVisual }),
1970
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "header__overlay", "aria-hidden": "true" }),
1971
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "header__inner", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "header__content", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "header__body", children: [
1982
1972
  textBlock,
1983
- buttonBlock
1973
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1974
+ ButtonBlock2,
1975
+ {
1976
+ primaryButton,
1977
+ secondaryButton
1978
+ }
1979
+ )
1984
1980
  ] }) }) })
1985
1981
  ]
1986
1982
  }
@@ -1989,7 +1985,7 @@ var Hero = ({
1989
1985
 
1990
1986
  // templates/Stats/Stats.tsx
1991
1987
  var import_react9 = require("react");
1992
- var import_jsx_runtime22 = require("react/jsx-runtime");
1988
+ var import_jsx_runtime24 = require("react/jsx-runtime");
1993
1989
  var INTERVAL_MS = 2e3;
1994
1990
  var TRANSITION = "transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1)";
1995
1991
  var PARALLAX_FACTOR = 0.18;
@@ -2016,7 +2012,7 @@ function getStatStyle(rel) {
2016
2012
  transition: TRANSITION
2017
2013
  };
2018
2014
  }
2019
- var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__award", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
2015
+ var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__award", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
2020
2016
  var Stats = ({
2021
2017
  title,
2022
2018
  description,
@@ -2073,26 +2069,26 @@ var Stats = ({
2073
2069
  if (rafRef.current) cancelAnimationFrame(rafRef.current);
2074
2070
  };
2075
2071
  }, []);
2076
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
2072
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2077
2073
  "section",
2078
2074
  {
2079
2075
  ref: sectionRef,
2080
2076
  className: ["stats", className].filter(Boolean).join(" "),
2081
2077
  ...props,
2082
- children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__inner", children: [
2083
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__header", children: [
2084
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "stats__title", children: title }),
2085
- description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "stats__description", children: description })
2078
+ children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__inner", children: [
2079
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__header", children: [
2080
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "stats__title", children: title }),
2081
+ description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "stats__description", children: description })
2086
2082
  ] }),
2087
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__content", children: [
2088
- leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AwardBadge, { ...award }, i)) }),
2089
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__card", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__card-track", children: [
2090
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
2091
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__fade stats__fade--bottom", "aria-hidden": "true" }),
2083
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__content", children: [
2084
+ leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, i)) }),
2085
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__card", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__card-track", children: [
2086
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
2087
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__fade stats__fade--bottom", "aria-hidden": "true" }),
2092
2088
  stats.map((stat, i) => {
2093
2089
  const rel = relativePos(i, activeIndex, total);
2094
2090
  const active = rel === 0;
2095
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
2091
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
2096
2092
  "div",
2097
2093
  {
2098
2094
  className: [
@@ -2102,16 +2098,16 @@ var Stats = ({
2102
2098
  style: getStatStyle(rel),
2103
2099
  "aria-hidden": !active,
2104
2100
  children: [
2105
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "stats__stat-value", children: stat.value }),
2106
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "stats__stat-label", children: stat.label })
2101
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "stats__stat-value", children: stat.value }),
2102
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "stats__stat-label", children: stat.label })
2107
2103
  ]
2108
2104
  },
2109
2105
  i
2110
2106
  );
2111
2107
  })
2112
2108
  ] }) }),
2113
- rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AwardBadge, { ...award }, i)) }),
2114
- hasAwards && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AwardBadge, { ...award }, i)) })
2109
+ rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, i)) }),
2110
+ hasAwards && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, i)) })
2115
2111
  ] })
2116
2112
  ] })
2117
2113
  }
@@ -2124,7 +2120,7 @@ var import_react11 = require("react");
2124
2120
  // components/DotLottieInView/DotLottieInView.tsx
2125
2121
  var import_react10 = require("react");
2126
2122
  var import_dotlottie_react = require("@lottiefiles/dotlottie-react");
2127
- var import_jsx_runtime23 = require("react/jsx-runtime");
2123
+ var import_jsx_runtime25 = require("react/jsx-runtime");
2128
2124
  function DotLottieInView({
2129
2125
  enabled = true,
2130
2126
  rootMargin = "0px",
@@ -2157,7 +2153,7 @@ function DotLottieInView({
2157
2153
  dotLottie.stop();
2158
2154
  dotLottie.play();
2159
2155
  }, [dotLottie, enabled, inView]);
2160
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
2156
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
2161
2157
  "div",
2162
2158
  {
2163
2159
  ref: wrapRef,
@@ -2172,7 +2168,7 @@ function DotLottieInView({
2172
2168
  backgroundColor: "transparent",
2173
2169
  ...style
2174
2170
  },
2175
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
2171
+ children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
2176
2172
  import_dotlottie_react.DotLottieReact,
2177
2173
  {
2178
2174
  ...dotProps,
@@ -2186,7 +2182,7 @@ function DotLottieInView({
2186
2182
  }
2187
2183
 
2188
2184
  // templates/FeatureScroll/FeatureScroll.tsx
2189
- var import_jsx_runtime24 = require("react/jsx-runtime");
2185
+ var import_jsx_runtime26 = require("react/jsx-runtime");
2190
2186
  var FEATURE_SCROLL_DATA = [
2191
2187
  {
2192
2188
  title: "Forex",
@@ -2231,7 +2227,7 @@ var FEATURE_SCROLL_DATA = [
2231
2227
  mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
2232
2228
  }
2233
2229
  ];
2234
- var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2230
+ var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2235
2231
  "svg",
2236
2232
  {
2237
2233
  className: "fs__item-link-icon",
@@ -2240,7 +2236,7 @@ var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2240
2236
  viewBox: "0 0 16 16",
2241
2237
  fill: "none",
2242
2238
  "aria-hidden": "true",
2243
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2239
+ children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2244
2240
  "path",
2245
2241
  {
2246
2242
  d: "M6 3l5 5-5 5",
@@ -2258,7 +2254,7 @@ function resolveMediaType(item) {
2258
2254
  }
2259
2255
  var MediaRenderer = ({ item, active }) => {
2260
2256
  if (resolveMediaType(item) === "lottie") {
2261
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2257
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2262
2258
  DotLottieInView,
2263
2259
  {
2264
2260
  src: item.mediaUrl,
@@ -2266,7 +2262,7 @@ var MediaRenderer = ({ item, active }) => {
2266
2262
  }
2267
2263
  );
2268
2264
  }
2269
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2265
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2270
2266
  "img",
2271
2267
  {
2272
2268
  src: item.mediaUrl,
@@ -2337,24 +2333,24 @@ var FeatureScroll = ({
2337
2333
  className
2338
2334
  ].filter(Boolean).join(" ");
2339
2335
  if (items.length === 0) {
2340
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "fs__header", children: header }) }) });
2336
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "fs__header", children: header }) }) });
2341
2337
  }
2342
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fs__inner", children: [
2343
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "fs__header", children: header }),
2344
- /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fs__layout", children: [
2345
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2338
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fs__inner", children: [
2339
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "fs__header", children: header }),
2340
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fs__layout", children: [
2341
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2346
2342
  "div",
2347
2343
  {
2348
2344
  ref: mediaColRef,
2349
2345
  className: "fs__media-sticky",
2350
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2346
+ children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2351
2347
  "div",
2352
2348
  {
2353
2349
  className: [
2354
2350
  "fs__media-item",
2355
2351
  i === activeIndex ? "fs__media-item--active" : ""
2356
2352
  ].filter(Boolean).join(" "),
2357
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2353
+ children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2358
2354
  MediaRenderer,
2359
2355
  {
2360
2356
  item,
@@ -2366,12 +2362,12 @@ var FeatureScroll = ({
2366
2362
  )) })
2367
2363
  }
2368
2364
  ) }),
2369
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
2365
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2370
2366
  "div",
2371
2367
  {
2372
2368
  className: "fs__item",
2373
2369
  children: [
2374
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2370
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2375
2371
  "h3",
2376
2372
  {
2377
2373
  ref: (el) => {
@@ -2381,15 +2377,15 @@ var FeatureScroll = ({
2381
2377
  children: item.title
2382
2378
  }
2383
2379
  ),
2384
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "fs__item-desc", children: item.description }),
2385
- /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
2380
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fs__item-desc", children: item.description }),
2381
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2386
2382
  "a",
2387
2383
  {
2388
2384
  href: item.link,
2389
2385
  className: "fs__item-link",
2390
2386
  children: [
2391
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: item.linkLabel }),
2392
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronRight2, {})
2387
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: item.linkLabel }),
2388
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, {})
2393
2389
  ]
2394
2390
  }
2395
2391
  )
@@ -2398,18 +2394,18 @@ var FeatureScroll = ({
2398
2394
  i
2399
2395
  )) })
2400
2396
  ] }),
2401
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fs__mobile-item", children: [
2402
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "fs__item-title", children: item.title }),
2403
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MediaRenderer, { item, active: true }) }),
2404
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "fs__item-desc", children: item.description }),
2405
- /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
2397
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fs__mobile-item", children: [
2398
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "fs__item-title", children: item.title }),
2399
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MediaRenderer, { item, active: true }) }),
2400
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fs__item-desc", children: item.description }),
2401
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2406
2402
  "a",
2407
2403
  {
2408
2404
  href: item.link,
2409
2405
  className: "fs__item-link",
2410
2406
  children: [
2411
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: item.linkLabel }),
2412
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronRight2, {})
2407
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: item.linkLabel }),
2408
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, {})
2413
2409
  ]
2414
2410
  }
2415
2411
  )
@@ -2419,7 +2415,7 @@ var FeatureScroll = ({
2419
2415
 
2420
2416
  // templates/StickyStackedCards/StickyStackedCards.tsx
2421
2417
  var import_react12 = require("react");
2422
- var import_jsx_runtime25 = require("react/jsx-runtime");
2418
+ var import_jsx_runtime27 = require("react/jsx-runtime");
2423
2419
  var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
2424
2420
  var STEPS_DATA = [
2425
2421
  {
@@ -2483,14 +2479,14 @@ var StickyStackedCards = ({
2483
2479
  cancelAnimationFrame(rafId);
2484
2480
  };
2485
2481
  }, [items.length]);
2486
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
2482
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2487
2483
  "section",
2488
2484
  {
2489
2485
  className: ["ssc", className].filter(Boolean).join(" "),
2490
2486
  ...props,
2491
- children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "ssc__inner", children: [
2492
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "ssc__header", children: header }),
2493
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
2487
+ children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ssc__inner", children: [
2488
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "ssc__header", children: header }),
2489
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
2494
2490
  "div",
2495
2491
  {
2496
2492
  ref: (el) => {
@@ -2516,11 +2512,11 @@ var StickyStackedCards = ({
2516
2512
  top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
2517
2513
  },
2518
2514
  children: [
2519
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "ssc__card-content", children: [
2520
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "ssc__card-title", children: item.title }),
2521
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "ssc__card-desc", children: item.description })
2515
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ssc__card-content", children: [
2516
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "ssc__card-title", children: item.title }),
2517
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "ssc__card-desc", children: item.description })
2522
2518
  ] }),
2523
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
2519
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2524
2520
  "img",
2525
2521
  {
2526
2522
  src: item.imageUrl,
@@ -2540,7 +2536,7 @@ var StickyStackedCards = ({
2540
2536
  // templates/CTABanner/CTABanner.tsx
2541
2537
  var import_react13 = require("react");
2542
2538
  var import_framer_motion = require("framer-motion");
2543
- var import_jsx_runtime26 = require("react/jsx-runtime");
2539
+ var import_jsx_runtime28 = require("react/jsx-runtime");
2544
2540
  var ENTRANCE = {
2545
2541
  near: 80,
2546
2542
  mid: 130,
@@ -2804,14 +2800,14 @@ var CTABanner = ({
2804
2800
  const compactXValues = useCompactAvatarXValues(smooth);
2805
2801
  const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
2806
2802
  const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
2807
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2803
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
2808
2804
  "section",
2809
2805
  {
2810
2806
  ref: sectionRef,
2811
2807
  className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
2812
2808
  ...props,
2813
2809
  children: [
2814
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2810
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2815
2811
  import_framer_motion.motion.div,
2816
2812
  {
2817
2813
  className: "ctab__grid",
@@ -2819,7 +2815,7 @@ var CTABanner = ({
2819
2815
  "aria-hidden": "true"
2820
2816
  }
2821
2817
  ),
2822
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "ctab__stage", children: [
2818
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ctab__stage", children: [
2823
2819
  resolvedAvatars.map((avatar, index) => {
2824
2820
  const posStyle = {};
2825
2821
  if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
@@ -2828,7 +2824,7 @@ var CTABanner = ({
2828
2824
  if (avatar.mobilePos?.left) posStyle["--av-m-left"] = avatar.mobilePos.left;
2829
2825
  if (avatar.mobilePos?.right) posStyle["--av-m-right"] = avatar.mobilePos.right;
2830
2826
  if (avatar.mobilePos?.top) posStyle["--av-m-top"] = avatar.mobilePos.top;
2831
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2827
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2832
2828
  import_framer_motion.motion.div,
2833
2829
  {
2834
2830
  className: [
@@ -2842,7 +2838,7 @@ var CTABanner = ({
2842
2838
  opacity: avatarOpacity,
2843
2839
  filter: avatarFilter
2844
2840
  },
2845
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2841
+ children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2846
2842
  "img",
2847
2843
  {
2848
2844
  src: avatar.imageUrl,
@@ -2855,14 +2851,14 @@ var CTABanner = ({
2855
2851
  avatar.id
2856
2852
  );
2857
2853
  }),
2858
- /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
2854
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
2859
2855
  import_framer_motion.motion.div,
2860
2856
  {
2861
2857
  className: "ctab__hero",
2862
2858
  style: { y: heroY, opacity: heroOpacity },
2863
2859
  children: [
2864
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "ctab__headline", children: headline }),
2865
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
2860
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "ctab__headline", children: headline }),
2861
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
2866
2862
  ]
2867
2863
  }
2868
2864
  )
@@ -2880,7 +2876,7 @@ var import_framer_motion2 = require("framer-motion");
2880
2876
  var icon_globe_default = "./icon-globe-S54WYYEK.svg";
2881
2877
 
2882
2878
  // components/Navbar/Navbar.tsx
2883
- var import_jsx_runtime27 = require("react/jsx-runtime");
2879
+ var import_jsx_runtime29 = require("react/jsx-runtime");
2884
2880
  var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
2885
2881
  var dropdownVariants = {
2886
2882
  hidden: { opacity: 0, scale: 0.96, y: -8 },
@@ -2894,7 +2890,7 @@ var accordionVariants = {
2894
2890
  hidden: { height: 0, opacity: 0 },
2895
2891
  visible: { height: "auto", opacity: 1 }
2896
2892
  };
2897
- var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2893
+ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2898
2894
  "svg",
2899
2895
  {
2900
2896
  className,
@@ -2903,7 +2899,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
2903
2899
  viewBox: "0 0 14 14",
2904
2900
  fill: "none",
2905
2901
  "aria-hidden": "true",
2906
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2902
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2907
2903
  "path",
2908
2904
  {
2909
2905
  d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
@@ -2915,7 +2911,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
2915
2911
  )
2916
2912
  }
2917
2913
  );
2918
- var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2914
+ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2919
2915
  "path",
2920
2916
  {
2921
2917
  d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
@@ -2925,7 +2921,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg",
2925
2921
  strokeLinejoin: "round"
2926
2922
  }
2927
2923
  ) });
2928
- var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2924
+ var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2929
2925
  "path",
2930
2926
  {
2931
2927
  d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
@@ -2935,7 +2931,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg"
2935
2931
  strokeLinejoin: "round"
2936
2932
  }
2937
2933
  ) });
2938
- var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2934
+ var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2939
2935
  "path",
2940
2936
  {
2941
2937
  d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
@@ -2944,7 +2940,7 @@ var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { widt
2944
2940
  strokeLinecap: "round"
2945
2941
  }
2946
2942
  ) });
2947
- var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2943
+ var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2948
2944
  "path",
2949
2945
  {
2950
2946
  d: "M15 5L5 15M5 5L15 15",
@@ -2953,7 +2949,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { wi
2953
2949
  strokeLinecap: "round"
2954
2950
  }
2955
2951
  ) });
2956
- var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2952
+ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2957
2953
  "svg",
2958
2954
  {
2959
2955
  className,
@@ -2962,7 +2958,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime2
2962
2958
  viewBox: "0 0 24 24",
2963
2959
  fill: "none",
2964
2960
  "aria-hidden": "true",
2965
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2961
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2966
2962
  "path",
2967
2963
  {
2968
2964
  d: "M15 18L9 12L15 6",
@@ -2974,11 +2970,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime2
2974
2970
  )
2975
2971
  }
2976
2972
  );
2977
- var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
2973
+ var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
2978
2974
  var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
2979
2975
  const { dropdown } = item;
2980
2976
  if (!dropdown) return null;
2981
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2977
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
2982
2978
  import_framer_motion2.motion.div,
2983
2979
  {
2984
2980
  className: "navbar__dropdown",
@@ -2989,10 +2985,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
2989
2985
  transition: { duration: 0.18, ease: EASE_OUT_EXPO },
2990
2986
  onMouseEnter,
2991
2987
  onMouseLeave,
2992
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__dropdown-inner", children: [
2993
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
2994
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
2995
- section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
2988
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__dropdown-inner", children: [
2989
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
2990
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
2991
+ section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
2996
2992
  "a",
2997
2993
  {
2998
2994
  href: link.href,
@@ -3001,24 +2997,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
3001
2997
  rel: link.external ? "noopener noreferrer" : void 0,
3002
2998
  children: [
3003
2999
  link.label,
3004
- link.external ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon, {})
3000
+ link.external ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowRightIcon, {})
3005
3001
  ]
3006
3002
  },
3007
3003
  link.href
3008
3004
  ))
3009
3005
  ] }, section.title)) }, colIdx)) }),
3010
- dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FeatureCard, { feature: dropdown.feature }) })
3006
+ dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FeatureCard, { feature: dropdown.feature }) })
3011
3007
  ] })
3012
3008
  }
3013
3009
  );
3014
3010
  };
3015
- var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3011
+ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3016
3012
  "div",
3017
3013
  {
3018
3014
  className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
3019
3015
  style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
3020
3016
  children: [
3021
- feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3017
+ feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3022
3018
  "img",
3023
3019
  {
3024
3020
  src: feature.backgroundImageUrl,
@@ -3027,20 +3023,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
3027
3023
  "aria-hidden": "true"
3028
3024
  }
3029
3025
  ),
3030
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
3031
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
3032
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
3033
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
3034
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
3026
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
3027
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
3028
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
3029
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
3030
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
3035
3031
  ] }),
3036
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3032
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3037
3033
  "a",
3038
3034
  {
3039
3035
  href: feature.ctaHref,
3040
3036
  className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
3041
3037
  children: [
3042
3038
  feature.ctaLabel,
3043
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon, {})
3039
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowRightIcon, {})
3044
3040
  ]
3045
3041
  }
3046
3042
  )
@@ -3050,8 +3046,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
3050
3046
  );
3051
3047
  var DrawerAccordion = ({ item, isOpen, onToggle }) => {
3052
3048
  const { dropdown } = item;
3053
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-item", children: [
3054
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3049
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-item", children: [
3050
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3055
3051
  "button",
3056
3052
  {
3057
3053
  className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
@@ -3059,11 +3055,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
3059
3055
  "aria-expanded": isOpen,
3060
3056
  children: [
3061
3057
  item.label,
3062
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
3058
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
3063
3059
  ]
3064
3060
  }
3065
3061
  ),
3066
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3062
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3067
3063
  import_framer_motion2.motion.div,
3068
3064
  {
3069
3065
  className: "navbar__drawer-panel",
@@ -3072,10 +3068,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
3072
3068
  animate: "visible",
3073
3069
  exit: "hidden",
3074
3070
  transition: { duration: 0.22, ease: EASE_OUT_EXPO },
3075
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
3076
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-col-section", children: [
3077
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
3078
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3071
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
3072
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-col-section", children: [
3073
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
3074
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3079
3075
  "a",
3080
3076
  {
3081
3077
  href: link.href,
@@ -3087,7 +3083,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
3087
3083
  link.href
3088
3084
  )) })
3089
3085
  ] }, section.title)) }, colIdx)) }),
3090
- dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
3086
+ dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
3091
3087
  ] })
3092
3088
  }
3093
3089
  ) })
@@ -3192,20 +3188,20 @@ var Navbar = ({
3192
3188
  hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
3193
3189
  }, [clearHoverTimeout]);
3194
3190
  const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
3195
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3191
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3196
3192
  "nav",
3197
3193
  {
3198
3194
  className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
3199
3195
  ...props,
3200
3196
  children: [
3201
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__bar", children: [
3202
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
3203
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__pill", children: [
3204
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
3205
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__nav-group", children: [
3197
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__bar", children: [
3198
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
3199
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__pill", children: [
3200
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
3201
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__nav-group", children: [
3206
3202
  navItems.map((item) => {
3207
3203
  if (item.external) {
3208
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3204
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3209
3205
  "a",
3210
3206
  {
3211
3207
  href: item.href,
@@ -3214,14 +3210,14 @@ var Navbar = ({
3214
3210
  rel: "noopener noreferrer",
3215
3211
  children: [
3216
3212
  item.label,
3217
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpRightIcon, {})
3213
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowUpRightIcon, {})
3218
3214
  ]
3219
3215
  },
3220
3216
  item.label
3221
3217
  );
3222
3218
  }
3223
3219
  if (item.dropdown) {
3224
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3220
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3225
3221
  "button",
3226
3222
  {
3227
3223
  className: [
@@ -3234,21 +3230,21 @@ var Navbar = ({
3234
3230
  "aria-haspopup": "true",
3235
3231
  children: [
3236
3232
  item.label,
3237
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
3233
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
3238
3234
  ]
3239
3235
  },
3240
3236
  item.label
3241
3237
  );
3242
3238
  }
3243
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
3239
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
3244
3240
  }),
3245
- languageLabel && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3241
+ languageLabel && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3246
3242
  "div",
3247
3243
  {
3248
3244
  className: "navbar__lang-wrapper",
3249
3245
  onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
3250
3246
  onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
3251
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3247
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3252
3248
  "button",
3253
3249
  {
3254
3250
  ref: langBtnRef,
@@ -3261,7 +3257,7 @@ var Navbar = ({
3261
3257
  "aria-haspopup": hasLangDropdown ? "true" : void 0,
3262
3258
  "aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
3263
3259
  children: [
3264
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
3260
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
3265
3261
  languageLabel
3266
3262
  ]
3267
3263
  }
@@ -3269,12 +3265,12 @@ var Navbar = ({
3269
3265
  }
3270
3266
  )
3271
3267
  ] }),
3272
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__pill-actions", children: [
3273
- loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
3274
- ctaHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
3268
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__pill-actions", children: [
3269
+ loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
3270
+ ctaHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
3275
3271
  ] })
3276
3272
  ] }) }),
3277
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3273
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3278
3274
  DropdownPanel,
3279
3275
  {
3280
3276
  item: activeDropdownItem,
@@ -3283,7 +3279,7 @@ var Navbar = ({
3283
3279
  },
3284
3280
  "dropdown"
3285
3281
  ) }),
3286
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3282
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3287
3283
  import_framer_motion2.motion.div,
3288
3284
  {
3289
3285
  className: "navbar__lang-dropdown",
@@ -3294,12 +3290,12 @@ var Navbar = ({
3294
3290
  transition: { duration: 0.18, ease: EASE_OUT_EXPO },
3295
3291
  onMouseEnter: clearLangHoverTimeout,
3296
3292
  onMouseLeave: handleLangLeave,
3297
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3293
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3298
3294
  "div",
3299
3295
  {
3300
3296
  className: "navbar__lang-dropdown-grid",
3301
3297
  style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
3302
- children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3298
+ children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3303
3299
  "button",
3304
3300
  {
3305
3301
  className: [
@@ -3315,8 +3311,8 @@ var Navbar = ({
3315
3311
  )
3316
3312
  }
3317
3313
  ) }),
3318
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__actions", children: [
3319
- loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3314
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__actions", children: [
3315
+ loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3320
3316
  Button,
3321
3317
  {
3322
3318
  colorScheme: theme === "dark" ? "white" : "black",
@@ -3324,10 +3320,10 @@ var Navbar = ({
3324
3320
  label: loginLabel
3325
3321
  }
3326
3322
  ) }),
3327
- ctaHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
3323
+ ctaHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
3328
3324
  ] }),
3329
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__mobile-actions", children: [
3330
- loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3325
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__mobile-actions", children: [
3326
+ loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3331
3327
  Button,
3332
3328
  {
3333
3329
  colorScheme: scrolled || theme === "light" ? "black" : "white",
@@ -3335,18 +3331,18 @@ var Navbar = ({
3335
3331
  label: loginLabel
3336
3332
  }
3337
3333
  ) }),
3338
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3334
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3339
3335
  "button",
3340
3336
  {
3341
3337
  className: "navbar__mobile-trigger",
3342
3338
  onClick: () => setMobileOpen((o) => !o),
3343
3339
  "aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
3344
- children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BarsIcon, {})
3340
+ children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(BarsIcon, {})
3345
3341
  }
3346
3342
  )
3347
3343
  ] })
3348
3344
  ] }),
3349
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3345
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3350
3346
  import_framer_motion2.motion.div,
3351
3347
  {
3352
3348
  className: "navbar__drawer",
@@ -3359,10 +3355,10 @@ var Navbar = ({
3359
3355
  role: "dialog",
3360
3356
  "aria-label": "Navigation menu",
3361
3357
  children: [
3362
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("nav", { className: "navbar__drawer-nav", children: [
3358
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("nav", { className: "navbar__drawer-nav", children: [
3363
3359
  navItems.map((item) => {
3364
3360
  if (item.dropdown) {
3365
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3361
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3366
3362
  DrawerAccordion,
3367
3363
  {
3368
3364
  item,
@@ -3374,7 +3370,7 @@ var Navbar = ({
3374
3370
  item.label
3375
3371
  );
3376
3372
  }
3377
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3373
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3378
3374
  "a",
3379
3375
  {
3380
3376
  href: item.href,
@@ -3383,30 +3379,30 @@ var Navbar = ({
3383
3379
  rel: item.external ? "noopener noreferrer" : void 0,
3384
3380
  children: [
3385
3381
  item.label,
3386
- item.external && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpRightIcon, {})
3382
+ item.external && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowUpRightIcon, {})
3387
3383
  ]
3388
3384
  },
3389
3385
  item.label
3390
3386
  );
3391
3387
  }),
3392
- languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
3393
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
3388
+ languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
3389
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
3394
3390
  languageLabel
3395
3391
  ] }),
3396
- languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3392
+ languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3397
3393
  "button",
3398
3394
  {
3399
3395
  className: "navbar__drawer-lang",
3400
3396
  onClick: () => setMobileLangOpen(true),
3401
3397
  children: [
3402
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
3398
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
3403
3399
  languageLabel
3404
3400
  ]
3405
3401
  }
3406
3402
  )
3407
3403
  ] }),
3408
- !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-footer", children: [
3409
- loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3404
+ !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-footer", children: [
3405
+ loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3410
3406
  Button,
3411
3407
  {
3412
3408
  colorScheme: "black",
@@ -3415,7 +3411,7 @@ var Navbar = ({
3415
3411
  fullWidth: true
3416
3412
  }
3417
3413
  ) }),
3418
- ctaHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3414
+ ctaHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3419
3415
  Button,
3420
3416
  {
3421
3417
  colorScheme: "coral",
@@ -3425,7 +3421,7 @@ var Navbar = ({
3425
3421
  }
3426
3422
  ) })
3427
3423
  ] }),
3428
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
3424
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
3429
3425
  import_framer_motion2.motion.div,
3430
3426
  {
3431
3427
  className: "navbar__drawer-lang-panel",
@@ -3434,16 +3430,16 @@ var Navbar = ({
3434
3430
  exit: { y: "100%" },
3435
3431
  transition: { duration: 0.25, ease: EASE_OUT_EXPO },
3436
3432
  children: [
3437
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3433
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3438
3434
  "button",
3439
3435
  {
3440
3436
  className: "navbar__drawer-lang-back",
3441
3437
  onClick: () => setMobileLangOpen(false),
3442
3438
  "aria-label": "Back to menu",
3443
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronLeftIcon, {})
3439
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronLeftIcon, {})
3444
3440
  }
3445
3441
  ),
3446
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
3442
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3447
3443
  "button",
3448
3444
  {
3449
3445
  className: [
@@ -3544,7 +3540,7 @@ function webflowV2DayClipPercent(t, media) {
3544
3540
  }
3545
3541
 
3546
3542
  // templates/DayNightTransition/DayNightTransition.tsx
3547
- var import_jsx_runtime28 = require("react/jsx-runtime");
3543
+ var import_jsx_runtime30 = require("react/jsx-runtime");
3548
3544
  var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
3549
3545
  var FADE_START = 0.35;
3550
3546
  var FADE_END = 0.65;
@@ -3681,15 +3677,15 @@ var DayNightTransition = ({
3681
3677
  descriptionLevel === "body-lg" && "dnt--desc-body-lg",
3682
3678
  className
3683
3679
  ].filter(Boolean).join(" ");
3684
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
3680
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
3685
3681
  "div",
3686
3682
  {
3687
3683
  ref: wrapperRef,
3688
3684
  className: rootClass,
3689
3685
  ...props,
3690
3686
  children: [
3691
- webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
3692
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3687
+ webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
3688
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3693
3689
  import_framer_motion3.motion.div,
3694
3690
  {
3695
3691
  className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
@@ -3699,7 +3695,7 @@ var DayNightTransition = ({
3699
3695
  }
3700
3696
  }
3701
3697
  ),
3702
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3698
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3703
3699
  "div",
3704
3700
  {
3705
3701
  className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
@@ -3707,9 +3703,9 @@ var DayNightTransition = ({
3707
3703
  }
3708
3704
  )
3709
3705
  ] }),
3710
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
3711
- !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
3712
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3706
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
3707
+ !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
3708
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3713
3709
  "img",
3714
3710
  {
3715
3711
  className: "dnt__bg dnt__bg--day",
@@ -3719,7 +3715,7 @@ var DayNightTransition = ({
3719
3715
  draggable: false
3720
3716
  }
3721
3717
  ),
3722
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3718
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3723
3719
  import_framer_motion3.motion.img,
3724
3720
  {
3725
3721
  className: "dnt__bg dnt__bg--night",
@@ -3731,17 +3727,17 @@ var DayNightTransition = ({
3731
3727
  }
3732
3728
  )
3733
3729
  ] }),
3734
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__text-wrap", children: [
3735
- useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
3730
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__text-wrap", children: [
3731
+ useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
3736
3732
  MotionHeadline,
3737
3733
  {
3738
3734
  className: "dnt__headline dnt__headline--inline-day-night",
3739
3735
  style: { color: v2TitleColor },
3740
3736
  "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
3741
3737
  children: [
3742
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
3743
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "dnt__headline-pair", children: [
3744
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3738
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
3739
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "dnt__headline-pair", children: [
3740
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3745
3741
  import_framer_motion3.motion.span,
3746
3742
  {
3747
3743
  ref: dayWordRef,
@@ -3750,7 +3746,7 @@ var DayNightTransition = ({
3750
3746
  children: inlineDayNightHeadline.dayWord
3751
3747
  }
3752
3748
  ),
3753
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3749
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3754
3750
  import_framer_motion3.motion.span,
3755
3751
  {
3756
3752
  className: "dnt__headline-wnight",
@@ -3765,8 +3761,8 @@ var DayNightTransition = ({
3765
3761
  ] })
3766
3762
  ]
3767
3763
  }
3768
- ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3769
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3764
+ ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3765
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3770
3766
  MotionHeadline,
3771
3767
  {
3772
3768
  className: "dnt__headline",
@@ -3774,7 +3770,7 @@ var DayNightTransition = ({
3774
3770
  children: dayHeadline
3775
3771
  }
3776
3772
  ),
3777
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3773
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3778
3774
  MotionHeadline,
3779
3775
  {
3780
3776
  className: "dnt__headline",
@@ -3784,8 +3780,8 @@ var DayNightTransition = ({
3784
3780
  }
3785
3781
  )
3786
3782
  ] }),
3787
- hasDescription && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3788
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3783
+ hasDescription && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3784
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3789
3785
  import_framer_motion3.motion.p,
3790
3786
  {
3791
3787
  className: "dnt__description",
@@ -3796,7 +3792,7 @@ var DayNightTransition = ({
3796
3792
  children: dayDescription ?? ""
3797
3793
  }
3798
3794
  ),
3799
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3795
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3800
3796
  import_framer_motion3.motion.p,
3801
3797
  {
3802
3798
  className: "dnt__description",
@@ -3809,22 +3805,22 @@ var DayNightTransition = ({
3809
3805
  }
3810
3806
  )
3811
3807
  ] }),
3812
- !hideCta && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
3813
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
3808
+ !hideCta && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
3809
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
3814
3810
  import_framer_motion3.motion.div,
3815
3811
  {
3816
3812
  className: "dnt__text-wrap",
3817
3813
  style: { color: textColor },
3818
3814
  children: [
3819
- useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
3815
+ useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
3820
3816
  MotionHeadline,
3821
3817
  {
3822
3818
  className: "dnt__headline dnt__headline--inline-day-night",
3823
3819
  "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
3824
3820
  children: [
3825
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
3826
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "dnt__headline-pair", children: [
3827
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3821
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
3822
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "dnt__headline-pair", children: [
3823
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3828
3824
  import_framer_motion3.motion.span,
3829
3825
  {
3830
3826
  ref: dayWordRef,
@@ -3833,7 +3829,7 @@ var DayNightTransition = ({
3833
3829
  children: inlineDayNightHeadline.dayWord
3834
3830
  }
3835
3831
  ),
3836
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3832
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3837
3833
  import_framer_motion3.motion.span,
3838
3834
  {
3839
3835
  className: "dnt__headline-wnight",
@@ -3848,8 +3844,8 @@ var DayNightTransition = ({
3848
3844
  ] })
3849
3845
  ]
3850
3846
  }
3851
- ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3852
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3847
+ ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3848
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3853
3849
  MotionHeadline,
3854
3850
  {
3855
3851
  className: "dnt__headline",
@@ -3857,7 +3853,7 @@ var DayNightTransition = ({
3857
3853
  children: dayHeadline
3858
3854
  }
3859
3855
  ),
3860
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3856
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3861
3857
  MotionHeadline,
3862
3858
  {
3863
3859
  className: "dnt__headline",
@@ -3867,8 +3863,8 @@ var DayNightTransition = ({
3867
3863
  }
3868
3864
  )
3869
3865
  ] }),
3870
- hasDescription && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3871
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3866
+ hasDescription && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
3867
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3872
3868
  import_framer_motion3.motion.p,
3873
3869
  {
3874
3870
  className: "dnt__description",
@@ -3876,7 +3872,7 @@ var DayNightTransition = ({
3876
3872
  children: dayDescription ?? ""
3877
3873
  }
3878
3874
  ),
3879
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
3875
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3880
3876
  import_framer_motion3.motion.p,
3881
3877
  {
3882
3878
  className: "dnt__description",
@@ -3886,7 +3882,7 @@ var DayNightTransition = ({
3886
3882
  }
3887
3883
  )
3888
3884
  ] }),
3889
- !hideCta && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
3885
+ !hideCta && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
3890
3886
  ]
3891
3887
  }
3892
3888
  ) }) })
@@ -3913,7 +3909,7 @@ var dayNightTransitionV2Preset = {
3913
3909
  // templates/LogoMarquee/LogoMarquee.tsx
3914
3910
  var import_react16 = require("react");
3915
3911
  var import_framer_motion4 = require("framer-motion");
3916
- var import_jsx_runtime29 = require("react/jsx-runtime");
3912
+ var import_jsx_runtime31 = require("react/jsx-runtime");
3917
3913
  function modWrap(min, max, v) {
3918
3914
  const range = max - min;
3919
3915
  return ((v - min) % range + range) % range + min;
@@ -3984,21 +3980,21 @@ var LogoMarquee = ({
3984
3980
  });
3985
3981
  const track1 = [...col1Logos, ...col1Logos];
3986
3982
  const track2 = [...col2Logos, ...col2Logos];
3987
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3983
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
3988
3984
  "section",
3989
3985
  {
3990
3986
  className: ["lm", className].filter(Boolean).join(" "),
3991
3987
  ...props,
3992
- children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__inner", children: [
3993
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__carousel", children: [
3994
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
3995
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3988
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__inner", children: [
3989
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__carousel", children: [
3990
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
3991
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
3996
3992
  import_framer_motion4.motion.div,
3997
3993
  {
3998
3994
  ref: col1Ref,
3999
3995
  className: "lm__col",
4000
3996
  style: { y: col1Y },
4001
- children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
3997
+ children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
4002
3998
  "img",
4003
3999
  {
4004
4000
  src: logo.url,
@@ -4009,13 +4005,13 @@ var LogoMarquee = ({
4009
4005
  ) }) }, `c1-${i}`))
4010
4006
  }
4011
4007
  ),
4012
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
4008
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
4013
4009
  import_framer_motion4.motion.div,
4014
4010
  {
4015
4011
  ref: col2Ref,
4016
4012
  className: "lm__col",
4017
4013
  style: { y: col2Y },
4018
- children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
4014
+ children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
4019
4015
  "img",
4020
4016
  {
4021
4017
  src: logo.url,
@@ -4026,17 +4022,17 @@ var LogoMarquee = ({
4026
4022
  ) }) }, `c2-${i}`))
4027
4023
  }
4028
4024
  ),
4029
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
4025
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
4030
4026
  ] }) }),
4031
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__content", children: [
4032
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "lm__headline", children: headline }),
4033
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__text-group", children: [
4034
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "lm__body", children: body }),
4035
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
4027
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__content", children: [
4028
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h2", { className: "lm__headline", children: headline }),
4029
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__text-group", children: [
4030
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "lm__body", children: body }),
4031
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
4036
4032
  ] }),
4037
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
4033
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
4038
4034
  ctaLabel,
4039
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
4035
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
4040
4036
  ] })
4041
4037
  ] })
4042
4038
  ] })
@@ -4087,7 +4083,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
4087
4083
  var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
4088
4084
 
4089
4085
  // primitives/DownloadBadge/DownloadBadge.tsx
4090
- var import_jsx_runtime30 = require("react/jsx-runtime");
4086
+ var import_jsx_runtime32 = require("react/jsx-runtime");
4091
4087
  var BADGE_ASSETS = {
4092
4088
  light: {
4093
4089
  googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
@@ -4116,7 +4112,7 @@ var DownloadBadge = ({
4116
4112
  ...props
4117
4113
  }) => {
4118
4114
  const { src, alt } = BADGE_ASSETS[colorScheme][platform];
4119
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
4115
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
4120
4116
  "a",
4121
4117
  {
4122
4118
  className: [
@@ -4129,13 +4125,13 @@ var DownloadBadge = ({
4129
4125
  target: "_blank",
4130
4126
  rel: "noopener noreferrer",
4131
4127
  ...props,
4132
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { className: "download-badge__img", src, alt })
4128
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { className: "download-badge__img", src, alt })
4133
4129
  }
4134
4130
  );
4135
4131
  };
4136
4132
 
4137
4133
  // templates/Steps/Steps.tsx
4138
- var import_jsx_runtime31 = require("react/jsx-runtime");
4134
+ var import_jsx_runtime33 = require("react/jsx-runtime");
4139
4135
  var Steps = ({
4140
4136
  title,
4141
4137
  steps,
@@ -4147,8 +4143,8 @@ var Steps = ({
4147
4143
  "steps__container",
4148
4144
  imagePosition === "right" ? "steps__container--image-right" : ""
4149
4145
  ].filter(Boolean).join(" ");
4150
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: containerClass, children: [
4151
- image && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
4146
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: containerClass, children: [
4147
+ image && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
4152
4148
  "img",
4153
4149
  {
4154
4150
  src: image,
@@ -4156,13 +4152,13 @@ var Steps = ({
4156
4152
  className: "steps__image"
4157
4153
  }
4158
4154
  ) }),
4159
- /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "steps__content", children: [
4160
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h2", { className: "steps__title", children: title }),
4161
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "steps__item-inner", children: [
4162
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
4163
- /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "steps__item-body", children: [
4164
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h3", { className: "steps__item-title", children: step.title }),
4165
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "steps__item-description", children: step.description })
4155
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "steps__content", children: [
4156
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "steps__title", children: title }),
4157
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "steps__item-inner", children: [
4158
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
4159
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "steps__item-body", children: [
4160
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "steps__item-title", children: step.title }),
4161
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "steps__item-description", children: step.description })
4166
4162
  ] })
4167
4163
  ] }) }, index)) })
4168
4164
  ] })
@@ -4170,7 +4166,7 @@ var Steps = ({
4170
4166
  };
4171
4167
 
4172
4168
  // templates/DownloadBanner/DownloadBanner.tsx
4173
- var import_jsx_runtime32 = require("react/jsx-runtime");
4169
+ var import_jsx_runtime34 = require("react/jsx-runtime");
4174
4170
  var DownloadBanner = ({
4175
4171
  style = "light-2",
4176
4172
  qrCodeImage,
@@ -4195,9 +4191,9 @@ var DownloadBanner = ({
4195
4191
  disclaimer
4196
4192
  }) => {
4197
4193
  const colorScheme = style === "dark" ? "dark" : "light";
4198
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-card", children: [
4199
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-qr-block", children: [
4200
- qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
4194
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-card", children: [
4195
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-qr-block", children: [
4196
+ qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
4201
4197
  "img",
4202
4198
  {
4203
4199
  className: "db-qr-image",
@@ -4205,21 +4201,21 @@ var DownloadBanner = ({
4205
4201
  alt: qrCodeAlt
4206
4202
  }
4207
4203
  ),
4208
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-qr-text", children: [
4209
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
4210
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
4211
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
4212
- disclaimer && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "db-disclaimer", children: disclaimer })
4204
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-qr-text", children: [
4205
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
4206
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
4207
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
4208
+ disclaimer && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "db-disclaimer", children: disclaimer })
4213
4209
  ] })
4214
4210
  ] }),
4215
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-badges", children: [
4216
- showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
4217
- showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
4218
- showMacOS && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
4219
- showWindows && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
4220
- showLinux && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
4221
- showAppStore && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
4222
- showWeb && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
4211
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-badges", children: [
4212
+ showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
4213
+ showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
4214
+ showMacOS && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
4215
+ showWindows && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
4216
+ showLinux && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
4217
+ showAppStore && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
4218
+ showWeb && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
4223
4219
  ] })
4224
4220
  ] }) }) });
4225
4221
  };
@@ -4228,7 +4224,7 @@ var DownloadBanner = ({
4228
4224
  var import_react17 = require("react");
4229
4225
  var import_gsap = require("gsap");
4230
4226
  var import_ScrollTrigger = require("gsap/ScrollTrigger");
4231
- var import_jsx_runtime33 = require("react/jsx-runtime");
4227
+ var import_jsx_runtime35 = require("react/jsx-runtime");
4232
4228
  import_gsap.gsap.registerPlugin(import_ScrollTrigger.ScrollTrigger);
4233
4229
  var TextScroll = ({ text, className }) => {
4234
4230
  const sectionRef = (0, import_react17.useRef)(null);
@@ -4268,12 +4264,12 @@ var TextScroll = ({ text, className }) => {
4268
4264
  import_gsap.gsap.set(wordEls, { clearProps: "opacity" });
4269
4265
  };
4270
4266
  }, [text]);
4271
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
4267
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4272
4268
  "section",
4273
4269
  {
4274
4270
  ref: sectionRef,
4275
4271
  className: ["ts", className].filter(Boolean).join(" "),
4276
- children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
4272
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
4277
4273
  "span",
4278
4274
  {
4279
4275
  ref: (el) => {
@@ -4294,7 +4290,7 @@ var TextScroll = ({ text, className }) => {
4294
4290
 
4295
4291
  // templates/StickyMarketCards/StickyMarketCards.tsx
4296
4292
  var import_react18 = require("react");
4297
- var import_jsx_runtime34 = require("react/jsx-runtime");
4293
+ var import_jsx_runtime36 = require("react/jsx-runtime");
4298
4294
  var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
4299
4295
  var StickyMarketCards = ({
4300
4296
  sectionTitle,
@@ -4375,20 +4371,20 @@ var StickyMarketCards = ({
4375
4371
  const n = items.length;
4376
4372
  const maxStack = 4;
4377
4373
  const baseIndex = Math.max(0, n - maxStack);
4378
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
4374
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4379
4375
  "section",
4380
4376
  {
4381
4377
  className: ["smc", className].filter(Boolean).join(" "),
4382
4378
  ...props,
4383
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__inner", children: [
4384
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__header-wrap", children: [
4385
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "smc__header", children: sectionTitle }),
4386
- sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "smc__description", children: sectionDescription })
4379
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__inner", children: [
4380
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__header-wrap", children: [
4381
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "smc__header", children: sectionTitle }),
4382
+ sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "smc__description", children: sectionDescription })
4387
4383
  ] }),
4388
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
4384
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
4389
4385
  const theme = item.theme ?? "dark";
4390
4386
  const offsetMultiplier = Math.max(0, i - baseIndex);
4391
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
4387
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4392
4388
  "div",
4393
4389
  {
4394
4390
  ref: (el) => {
@@ -4399,7 +4395,7 @@ var StickyMarketCards = ({
4399
4395
  ["--smc-card-index"]: String(offsetMultiplier),
4400
4396
  zIndex: i + 1
4401
4397
  },
4402
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
4398
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
4403
4399
  "div",
4404
4400
  {
4405
4401
  ref: (el) => {
@@ -4410,8 +4406,8 @@ var StickyMarketCards = ({
4410
4406
  `smc__card-inner--${theme}`
4411
4407
  ].join(" "),
4412
4408
  children: [
4413
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__card-bg", children: [
4414
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
4409
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__card-bg", children: [
4410
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4415
4411
  "img",
4416
4412
  {
4417
4413
  src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
@@ -4420,7 +4416,7 @@ var StickyMarketCards = ({
4420
4416
  loading: i === 0 ? "eager" : "lazy"
4421
4417
  }
4422
4418
  ),
4423
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
4419
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4424
4420
  "div",
4425
4421
  {
4426
4422
  className: [
@@ -4430,9 +4426,9 @@ var StickyMarketCards = ({
4430
4426
  }
4431
4427
  )
4432
4428
  ] }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__card-content", children: [
4434
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "smc__card-desc", children: item.description }) })
4429
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__card-content", children: [
4430
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
4431
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "smc__card-desc", children: item.description }) })
4436
4432
  ] })
4437
4433
  ]
4438
4434
  }
@@ -4448,11 +4444,11 @@ var StickyMarketCards = ({
4448
4444
 
4449
4445
  // templates/Table/Table.tsx
4450
4446
  var import_react19 = require("react");
4451
- var import_jsx_runtime35 = require("react/jsx-runtime");
4452
- var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
4453
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
4454
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
4455
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
4447
+ var import_jsx_runtime37 = require("react/jsx-runtime");
4448
+ var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
4449
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
4450
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
4451
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
4456
4452
  ] });
4457
4453
  var Table = ({
4458
4454
  sectionTitle,
@@ -4489,12 +4485,12 @@ var Table = ({
4489
4485
  setSearch("");
4490
4486
  setPage(1);
4491
4487
  };
4492
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
4493
- sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
4494
- /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl-section__content", children: [
4495
- /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl", children: [
4496
- /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl__topbar", children: [
4497
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4488
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
4489
+ sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
4490
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl-section__content", children: [
4491
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl", children: [
4492
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl__topbar", children: [
4493
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4498
4494
  SearchField,
4499
4495
  {
4500
4496
  placeholder: searchPlaceholder,
@@ -4505,7 +4501,7 @@ var Table = ({
4505
4501
  "aria-label": searchPlaceholder
4506
4502
  }
4507
4503
  ) }),
4508
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
4504
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
4509
4505
  "Showing ",
4510
4506
  startIdx + 1,
4511
4507
  "- ",
@@ -4514,12 +4510,12 @@ var Table = ({
4514
4510
  filtered.length
4515
4511
  ] }) : "No results" })
4516
4512
  ] }),
4517
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", { className: "tbl__table", children: [
4518
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
4513
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("table", { className: "tbl__table", children: [
4514
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
4519
4515
  const isFirst = colIdx === 0;
4520
4516
  const isLast = colIdx === columns.length - 1;
4521
4517
  const isMain = col.width === "main" || col.key === mainKey;
4522
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4518
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4523
4519
  "th",
4524
4520
  {
4525
4521
  className: [
@@ -4527,7 +4523,7 @@ var Table = ({
4527
4523
  isMain ? "tbl__th--main" : "",
4528
4524
  col.width === "big" ? "tbl__th--big" : ""
4529
4525
  ].filter(Boolean).join(" "),
4530
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4526
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4531
4527
  "div",
4532
4528
  {
4533
4529
  className: "tbl__th-inner",
@@ -4557,9 +4553,9 @@ var Table = ({
4557
4553
  setTooltip((prev) => ({ ...prev, visible: false }));
4558
4554
  }
4559
4555
  },
4560
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsxs)("span", { children: [
4556
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime37.jsxs)("span", { children: [
4561
4557
  line,
4562
- li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("br", {})
4558
+ li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("br", {})
4563
4559
  ] }, li)) : col.header })
4564
4560
  }
4565
4561
  )
@@ -4567,10 +4563,10 @@ var Table = ({
4567
4563
  col.key
4568
4564
  );
4569
4565
  }) }) }),
4570
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
4566
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
4571
4567
  const isMain = col.width === "main" || col.key === mainKey;
4572
4568
  const iconUrl = row[`${col.key}_iconUrl`];
4573
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4569
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4574
4570
  "td",
4575
4571
  {
4576
4572
  className: [
@@ -4578,8 +4574,8 @@ var Table = ({
4578
4574
  isMain ? "tbl__td--main" : "",
4579
4575
  col.width === "big" ? "tbl__td--big" : ""
4580
4576
  ].filter(Boolean).join(" "),
4581
- children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl__cell-inner", children: [
4582
- iconUrl && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4577
+ children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl__cell-inner", children: [
4578
+ iconUrl && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4583
4579
  "img",
4584
4580
  {
4585
4581
  src: iconUrl,
@@ -4591,18 +4587,18 @@ var Table = ({
4591
4587
  height: "24"
4592
4588
  }
4593
4589
  ),
4594
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
4595
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
4590
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
4591
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
4596
4592
  },
4597
4593
  col.key
4598
4594
  );
4599
- }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
4595
+ }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
4600
4596
  'No results found for "',
4601
4597
  search,
4602
4598
  '"'
4603
4599
  ] }) }) })
4604
4600
  ] }) }),
4605
- totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4601
+ totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4606
4602
  Pagination,
4607
4603
  {
4608
4604
  currentPage,
@@ -4611,19 +4607,19 @@ var Table = ({
4611
4607
  }
4612
4608
  ) }) })
4613
4609
  ] }),
4614
- infoText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl-section__info-box", children: [
4615
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
4616
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "tbl-section__info-text", children: infoText })
4610
+ infoText && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl-section__info-box", children: [
4611
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
4612
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "tbl-section__info-text", children: infoText })
4617
4613
  ] })
4618
4614
  ] }),
4619
- /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
4615
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
4620
4616
  "div",
4621
4617
  {
4622
4618
  className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
4623
4619
  style: { left: tooltip.x, top: tooltip.y - 8 },
4624
4620
  children: [
4625
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
4626
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
4621
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
4622
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
4627
4623
  "div",
4628
4624
  {
4629
4625
  className: "tbl__global-hint-arrow",
@@ -4643,12 +4639,12 @@ var import_react20 = require("react");
4643
4639
  var Leaders_default = {};
4644
4640
 
4645
4641
  // templates/Leaders/Leaders.tsx
4646
- var import_jsx_runtime36 = require("react/jsx-runtime");
4647
- var LinkedInIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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" }) });
4648
- var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
4649
- var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
4650
- var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
4651
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4642
+ var import_jsx_runtime38 = require("react/jsx-runtime");
4643
+ var LinkedInIcon = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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" }) });
4644
+ var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
4645
+ var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
4646
+ var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
4647
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Leaders_default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
4652
4648
  "img",
4653
4649
  {
4654
4650
  src: item.imageUrl,
@@ -4657,17 +4653,17 @@ var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(i
4657
4653
  loading: "lazy"
4658
4654
  }
4659
4655
  ) }),
4660
- /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Leaders_default.content, children: [
4661
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: Leaders_default.name, children: item.name }),
4662
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: Leaders_default.role, children: item.role })
4656
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: Leaders_default.content, children: [
4657
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: Leaders_default.name, children: item.name }),
4658
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: Leaders_default.role, children: item.role })
4663
4659
  ] }),
4664
- item.linkedinUrl && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4660
+ item.linkedinUrl && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
4665
4661
  Link,
4666
4662
  {
4667
4663
  href: item.linkedinUrl,
4668
4664
  target: "_blank",
4669
4665
  rel: "noopener noreferrer",
4670
- icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(LinkedInIcon, {}),
4666
+ icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LinkedInIcon, {}),
4671
4667
  label: "LinkedIn",
4672
4668
  colorScheme: "black",
4673
4669
  showChevron: false,
@@ -4688,11 +4684,11 @@ var Leaders = ({
4688
4684
  const hasMore = items.length > initialVisibleCount;
4689
4685
  const visibleItems = items.slice(0, initialVisibleCount);
4690
4686
  const extraItems = items.slice(initialVisibleCount);
4691
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("section", { className: [Leaders_default.section, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Leaders_default.container, children: [
4692
- title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.header, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: Leaders_default.title, children: title }) }),
4693
- /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Leaders_default.gridWrapper, children: [
4694
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.grid, children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.card, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardContent, { item }) }, i)) }),
4695
- hasMore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4687
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("section", { className: [Leaders_default.section, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: Leaders_default.container, children: [
4688
+ title && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Leaders_default.header, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: Leaders_default.title, children: title }) }),
4689
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: Leaders_default.gridWrapper, children: [
4690
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Leaders_default.grid, children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Leaders_default.card, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { item }) }, i)) }),
4691
+ hasMore && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
4696
4692
  "div",
4697
4693
  {
4698
4694
  className: [
@@ -4700,7 +4696,7 @@ var Leaders = ({
4700
4696
  isExpanded ? Leaders_default.extraCardsOpen : ""
4701
4697
  ].join(" "),
4702
4698
  "aria-hidden": !isExpanded,
4703
- children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.extraGrid, children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4699
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Leaders_default.extraGrid, children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
4704
4700
  "div",
4705
4701
  {
4706
4702
  className: [
@@ -4711,21 +4707,21 @@ var Leaders = ({
4711
4707
  style: {
4712
4708
  transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
4713
4709
  },
4714
- children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardContent, { item })
4710
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { item })
4715
4711
  },
4716
4712
  i
4717
4713
  )) })
4718
4714
  }
4719
4715
  )
4720
4716
  ] }),
4721
- hasMore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.actions, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
4717
+ hasMore && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Leaders_default.actions, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
4722
4718
  Button,
4723
4719
  {
4724
4720
  variant: "secondary",
4725
4721
  colorScheme: "black",
4726
4722
  onClick: () => setIsExpanded(!isExpanded),
4727
4723
  iconPosition: "icon-right",
4728
- icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronDownIcon4, {}),
4724
+ icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDownIcon4, {}),
4729
4725
  children: isExpanded ? collapseText : expandText
4730
4726
  }
4731
4727
  ) })
@@ -4749,11 +4745,13 @@ var Leaders = ({
4749
4745
  DownloadBadge,
4750
4746
  DownloadBanner,
4751
4747
  FEATURE_SCROLL_DATA,
4748
+ FaqAccordion,
4752
4749
  FeatureBullets,
4753
4750
  FeatureCards,
4754
- FeatureCardsSecondary,
4751
+ FeatureCardsIcon,
4755
4752
  FeatureScroll,
4756
4753
  Footer,
4754
+ Header,
4757
4755
  Hero,
4758
4756
  Leaders,
4759
4757
  Link,