@deriv-web-design/ui 0.0.21 → 0.0.24

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