@deriv-web-design/ui 0.1.4 → 0.1.6

package/components.manifest.json

@@ -0,0 +1,2902 @@
+{
+  "$comment": "Generated by scripts/generate-component-manifest.ts from the TypeScript types. Do not edit by hand. Props inherited from React HTMLAttributes are intentionally omitted. `default` is the value declared in the component's own parameter destructuring; a prop whose effective default is applied further down the tree (e.g. cards[].showLink) has no `default` here — see block-registry.json `fields` for documented effective defaults.",
+  "package": "@deriv-web-design/ui",
+  "componentCount": 48,
+  "components": {
+    "Accordion": {
+      "name": "Accordion",
+      "source": "components/Accordion/Accordion.tsx",
+      "props": {
+        "children": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Body content revealed when expanded"
+        },
+        "className": {
+          "type": "string",
+          "required": false
+        },
+        "defaultOpen": {
+          "type": "boolean",
+          "required": false,
+          "description": "Initial open state for uncontrolled usage",
+          "default": false
+        },
+        "onToggle": {
+          "type": "((open: boolean) => void)",
+          "required": false,
+          "description": "Called when the accordion is toggled"
+        },
+        "open": {
+          "type": "boolean",
+          "required": false,
+          "description": "Controlled open state"
+        },
+        "showBottomDivider": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the bottom divider line (default: true)",
+          "default": true
+        },
+        "showFocusRing": {
+          "type": "boolean",
+          "required": false,
+          "description": "Render a visible focus-ring overlay (Storybook demo)",
+          "default": false
+        },
+        "showTopDivider": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the top divider line (default: true)",
+          "default": true
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Accordion header title"
+        }
+      }
+    },
+    "ArticleHero": {
+      "name": "ArticleHero",
+      "source": "templates/ArticleHero/ArticleHero.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS class"
+        },
+        "featured": {
+          "type": "ArticleHeroArticle",
+          "required": true,
+          "description": "The featured/hero article displayed prominently in the center",
+          "objectFields": {
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler for the article"
+            },
+            "summary": {
+              "type": "string",
+              "required": false,
+              "description": "Article summary/description"
+            },
+            "tags": {
+              "type": "string[]",
+              "required": false,
+              "description": "Tags displayed below the content (e.g. date, category)"
+            },
+            "thumbnail": {
+              "type": "string",
+              "required": false,
+              "description": "Thumbnail image URL"
+            },
+            "thumbnailAlt": {
+              "type": "string",
+              "required": false
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Article title"
+            }
+          }
+        },
+        "featuredFooter": {
+          "type": "ArticleHeroArticle[]",
+          "required": false,
+          "description": "Small cards displayed below the featured article (max 2)",
+          "default": []
+        },
+        "leftColumn": {
+          "type": "ArticleHeroColumn",
+          "required": true,
+          "description": "Left sidebar column",
+          "objectFields": {
+            "articles": {
+              "type": "ArticleHeroArticle[]",
+              "required": true,
+              "description": "List of articles in this column",
+              "items": {
+                "onClick": {
+                  "type": "(() => void)",
+                  "required": false,
+                  "description": "Click handler for the article"
+                },
+                "summary": {
+                  "type": "string",
+                  "required": false,
+                  "description": "Article summary/description"
+                },
+                "tags": {
+                  "type": "string[]",
+                  "required": false,
+                  "description": "Tags displayed below the content (e.g. date, category)"
+                },
+                "thumbnail": {
+                  "type": "string",
+                  "required": false,
+                  "description": "Thumbnail image URL"
+                },
+                "thumbnailAlt": {
+                  "type": "string",
+                  "required": false
+                },
+                "title": {
+                  "type": "string",
+                  "required": true,
+                  "description": "Article title"
+                }
+              }
+            },
+            "label": {
+              "type": "string",
+              "required": false,
+              "description": "Section label displayed with a horizontal line (e.g. \"Today's pick\", \"Trending stories\")"
+            }
+          }
+        },
+        "rightColumn": {
+          "type": "ArticleHeroColumn",
+          "required": true,
+          "description": "Right sidebar column",
+          "objectFields": {
+            "articles": {
+              "type": "ArticleHeroArticle[]",
+              "required": true,
+              "description": "List of articles in this column",
+              "items": {
+                "onClick": {
+                  "type": "(() => void)",
+                  "required": false,
+                  "description": "Click handler for the article"
+                },
+                "summary": {
+                  "type": "string",
+                  "required": false,
+                  "description": "Article summary/description"
+                },
+                "tags": {
+                  "type": "string[]",
+                  "required": false,
+                  "description": "Tags displayed below the content (e.g. date, category)"
+                },
+                "thumbnail": {
+                  "type": "string",
+                  "required": false,
+                  "description": "Thumbnail image URL"
+                },
+                "thumbnailAlt": {
+                  "type": "string",
+                  "required": false
+                },
+                "title": {
+                  "type": "string",
+                  "required": true,
+                  "description": "Article title"
+                }
+              }
+            },
+            "label": {
+              "type": "string",
+              "required": false,
+              "description": "Section label displayed with a horizontal line (e.g. \"Today's pick\", \"Trending stories\")"
+            }
+          }
+        }
+      }
+    },
+    "ArticleSection": {
+      "name": "ArticleSection",
+      "source": "templates/ArticleSection/ArticleSection.tsx",
+      "props": {
+        "articles": {
+          "type": "ArticleSectionItem[]",
+          "required": true,
+          "description": "List of smaller articles",
+          "items": {
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler"
+            },
+            "summary": {
+              "type": "string",
+              "required": false,
+              "description": "Article summary/description"
+            },
+            "tags": {
+              "type": "string[]",
+              "required": false,
+              "description": "Tags displayed below the content (e.g. category, date)"
+            },
+            "thumbnail": {
+              "type": "string",
+              "required": false,
+              "description": "Thumbnail image URL"
+            },
+            "thumbnailAlt": {
+              "type": "string",
+              "required": false
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Article title"
+            }
+          }
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS class"
+        },
+        "featured": {
+          "type": "ArticleSectionItem",
+          "required": false,
+          "description": "The featured article (large card) — not used in \"grid\" variant"
+        },
+        "linkText": {
+          "type": "string",
+          "required": false,
+          "description": "\"View all\" link text",
+          "default": "View all articles"
+        },
+        "onLinkClick": {
+          "type": "(() => void)",
+          "required": false,
+          "description": "\"View all\" link click handler"
+        },
+        "sectionTitle": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading"
+        },
+        "variant": {
+          "type": "ArticleSectionVariant",
+          "required": false,
+          "description": "Layout variant — \"featured\" shows a large horizontal hero card + text-only grid; \"showcase\" shows a vertical featured card + horizontal-reverse card columns; \"grid\" shows a 4-column card grid (horizontal scroll on mobile)",
+          "default": "featured"
+        }
+      }
+    },
+    "AvatarGrid": {
+      "name": "AvatarGrid",
+      "source": "templates/Leaders/Leaders.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Optional CSS class name"
+        },
+        "collapseText": {
+          "type": "string",
+          "required": false,
+          "description": "Text for the collapse button (default: \"View less\")",
+          "default": "View less"
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Optional description text rendered below the title"
+        },
+        "expandText": {
+          "type": "string",
+          "required": false,
+          "description": "Text for the expand button (default: \"View all\")",
+          "default": "View all"
+        },
+        "initialVisibleCount": {
+          "type": "number",
+          "required": false,
+          "description": "Number of items to show initially before expanding (default: 4)",
+          "default": 4
+        },
+        "items": {
+          "type": "PersonItem[]",
+          "required": true,
+          "description": "Array of person data objects",
+          "items": {
+            "imageUrl": {
+              "type": "string",
+              "required": true,
+              "description": "URL to the person's profile image"
+            },
+            "linkIcon": {
+              "type": "ReactNode",
+              "required": false,
+              "description": "Optional icon element to render inside the link"
+            },
+            "linkLabel": {
+              "type": "string",
+              "required": false,
+              "description": "Accessible label for the link (e.g. \"LinkedIn\", \"Website\") — defaults to \"Profile\""
+            },
+            "linkUrl": {
+              "type": "string",
+              "required": false,
+              "description": "Optional URL for a profile link (e.g. LinkedIn, personal page)"
+            },
+            "name": {
+              "type": "string",
+              "required": true,
+              "description": "Person's full name"
+            },
+            "role": {
+              "type": "string",
+              "required": true,
+              "description": "Person's job title or role"
+            }
+          }
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Section title"
+        }
+      }
+    },
+    "BottomSheet": {
+      "name": "BottomSheet",
+      "source": "components/BottomSheet/BottomSheet.tsx",
+      "props": {
+        "children": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Flexible body content — list items, form fields, etc."
+        },
+        "onClose": {
+          "type": "() => void",
+          "required": true,
+          "description": "Called when the user dismisses the sheet (overlay click, close button, or Escape key)"
+        },
+        "open": {
+          "type": "boolean",
+          "required": true,
+          "description": "Whether the sheet is visible"
+        },
+        "primaryAction": {
+          "type": "BottomSheetAction",
+          "required": false,
+          "description": "Primary action button rendered at the bottom of the sheet"
+        },
+        "secondaryAction": {
+          "type": "BottomSheetAction",
+          "required": false,
+          "description": "Secondary action button rendered below the primary"
+        },
+        "showHandleBar": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the drag handle bar at the top. Default: true",
+          "default": true
+        },
+        "showHeader": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the header row (title + close button). Default: true",
+          "default": true
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Title displayed in the header"
+        }
+      }
+    },
+    "Breadcrumb": {
+      "name": "Breadcrumb",
+      "source": "components/Breadcrumb/Breadcrumb.tsx",
+      "props": {
+        "collapsible": {
+          "type": "boolean",
+          "required": false,
+          "description": "Collapse middle items into \"…\" on mobile when items > 3. Defaults to true.",
+          "default": true
+        },
+        "items": {
+          "type": "BreadcrumbItem[]",
+          "required": true,
+          "items": {
+            "href": {
+              "type": "string",
+              "required": false
+            },
+            "label": {
+              "type": "string",
+              "required": true
+            },
+            "onClick": {
+              "type": "((event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)",
+              "required": false
+            }
+          }
+        },
+        "size": {
+          "type": "BreadcrumbSize",
+          "required": false,
+          "default": "md"
+        }
+      }
+    },
+    "Button": {
+      "name": "Button",
+      "source": "components/Button/Button.tsx",
+      "props": {
+        "colorScheme": {
+          "type": "ButtonColorScheme",
+          "required": false,
+          "description": "Color scheme — coral (brand), black, or white (for dark backgrounds)",
+          "default": "coral"
+        },
+        "fullWidth": {
+          "type": "boolean",
+          "required": false,
+          "description": "Stretch the button to fill its container",
+          "default": false
+        },
+        "icon": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Icon node to render"
+        },
+        "iconPosition": {
+          "type": "ButtonIconPosition",
+          "required": false,
+          "description": "Icon placement relative to the label",
+          "default": "none"
+        },
+        "label": {
+          "type": "string",
+          "required": false,
+          "description": "Button label text"
+        },
+        "showFocusRing": {
+          "type": "boolean",
+          "required": false,
+          "description": "Render a visible focus-ring overlay (keyboard / accessibility demos)",
+          "default": false
+        },
+        "variant": {
+          "type": "ButtonVariant",
+          "required": false,
+          "description": "Visual style variant",
+          "default": "primary"
+        }
+      }
+    },
+    "CTABanner": {
+      "name": "CTABanner",
+      "source": "templates/CTABanner/CTABanner.tsx",
+      "props": {
+        "avatars": {
+          "type": "AvatarItem[]",
+          "required": false,
+          "description": "Override the default avatar array"
+        },
+        "ctaHref": {
+          "type": "string",
+          "required": false,
+          "description": "CTA button href",
+          "default": "#"
+        },
+        "ctaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "CTA button label",
+          "default": "Open account"
+        },
+        "headline": {
+          "type": "string",
+          "required": false,
+          "description": "Section headline",
+          "default": "Short section title goes here"
+        },
+        "variant": {
+          "type": "\"standard\" | \"compact\"",
+          "required": false,
+          "description": "Layout variant. - `standard` (default): 12 avatars, taller section (864px desktop) - `compact`: 7 avatars, section height matches stage (680px desktop)",
+          "default": "standard"
+        }
+      }
+    },
+    "Card": {
+      "name": "Card",
+      "source": "components/Card/Card.tsx",
+      "props": {
+        "articles": {
+          "type": "CardCategoryArticle[]",
+          "required": true,
+          "description": "List of articles under this category",
+          "items": {
+            "date": {
+              "type": "string",
+              "required": false,
+              "description": "Date or tag label"
+            },
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Article title"
+            }
+          }
+        },
+        "avatar": {
+          "type": "string",
+          "required": false,
+          "description": "Author avatar (article type only)"
+        },
+        "avatarAlt": {
+          "type": "string",
+          "required": false
+        },
+        "colorScheme": {
+          "type": "CardPrimaryStyle",
+          "required": false,
+          "description": "Visual variant — controls background, text and link colours"
+        },
+        "description": {
+          "type": "string",
+          "required": true,
+          "description": "Card body text"
+        },
+        "hideAvatar": {
+          "type": "boolean",
+          "required": false,
+          "description": "Hide the author avatar (default: false)"
+        },
+        "hideTags": {
+          "type": "boolean",
+          "required": false,
+          "description": "Hide the tag pills"
+        },
+        "hideThumbnail": {
+          "type": "boolean",
+          "required": false,
+          "description": "Hide the thumbnail image"
+        },
+        "icon": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Icon rendered above the title"
+        },
+        "image": {
+          "type": "string",
+          "required": false,
+          "description": "Card image source"
+        },
+        "imageAlt": {
+          "type": "string",
+          "required": false
+        },
+        "layout": {
+          "type": "CardThumbnailLayout",
+          "required": false,
+          "description": "Layout direction — \"vertical\" stacks thumbnail above content, \"horizontal\" places them side by side"
+        },
+        "linkText": {
+          "type": "string",
+          "required": false,
+          "description": "Link label text (default: \"Learn more\")"
+        },
+        "onCopyLink": {
+          "type": "(() => void)",
+          "required": false
+        },
+        "onHeaderClick": {
+          "type": "(() => void)",
+          "required": false,
+          "description": "Click handler for the title + thumbnail area"
+        },
+        "onLinkClick": {
+          "type": "(() => void)",
+          "required": false
+        },
+        "showCopyLink": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the copy-link pill button"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show or hide the icon (default: true)"
+        },
+        "showLink": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the \"Learn more\" inline link (default: true)"
+        },
+        "summary": {
+          "type": "string",
+          "required": true,
+          "description": "Card body text"
+        },
+        "tags": {
+          "type": "CardTag[]",
+          "required": false,
+          "description": "Label tags rendered in the meta row"
+        },
+        "thumbnail": {
+          "type": "string",
+          "required": false,
+          "description": "Hero image for the category"
+        },
+        "thumbnailAlt": {
+          "type": "string",
+          "required": false
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Category heading"
+        },
+        "type": {
+          "type": "CardThumbnailType",
+          "required": false,
+          "description": "Thumbnail variant — \"video\" shows a play button, \"article\" shows an optional avatar"
+        },
+        "variant": {
+          "type": "\"category\"",
+          "required": true
+        }
+      }
+    },
+    "Chip": {
+      "name": "Chip",
+      "source": "components/Chip/Chip.tsx",
+      "props": {
+        "icon": {
+          "type": "ReactNode",
+          "required": false
+        },
+        "label": {
+          "type": "string",
+          "required": false
+        },
+        "selected": {
+          "type": "boolean",
+          "required": false,
+          "default": false
+        },
+        "showFocusRing": {
+          "type": "boolean",
+          "required": false,
+          "default": false
+        },
+        "size": {
+          "type": "ChipSize",
+          "required": false,
+          "default": "md"
+        },
+        "tag": {
+          "type": "string",
+          "required": false,
+          "description": "Optional bold secondary label displayed after the main label"
+        }
+      }
+    },
+    "ChipDropdown": {
+      "name": "ChipDropdown",
+      "source": "components/ChipDropdown/ChipDropdown.tsx",
+      "props": {
+        "icon": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Optional leading icon inside the chip trigger"
+        },
+        "label": {
+          "type": "string",
+          "required": true,
+          "description": "Placeholder label shown when no value is selected"
+        },
+        "onChange": {
+          "type": "((value: string) => void)",
+          "required": false,
+          "description": "Called when the user selects an option"
+        },
+        "options": {
+          "type": "ChipDropdownOption[]",
+          "required": true,
+          "description": "Selectable options rendered in the dropdown list",
+          "items": {
+            "label": {
+              "type": "string",
+              "required": true
+            },
+            "value": {
+              "type": "string",
+              "required": true
+            }
+          }
+        },
+        "size": {
+          "type": "\"sm\" | \"md\"",
+          "required": false,
+          "description": "Trigger chip size — sm (24px) or md (32px)",
+          "default": "md"
+        },
+        "tag": {
+          "type": "string",
+          "required": false,
+          "description": "Optional bold secondary label shown after main label"
+        },
+        "value": {
+          "type": "string | null",
+          "required": false,
+          "description": "Currently selected option value"
+        }
+      }
+    },
+    "CoralBanner": {
+      "name": "CoralBanner",
+      "source": "templates/CoralBanner/CoralBanner.tsx",
+      "props": {
+        "autoplay": {
+          "type": "boolean",
+          "required": false,
+          "description": "Auto-advance slides (carousel only)",
+          "default": true
+        },
+        "autoplayDelay": {
+          "type": "number",
+          "required": false,
+          "description": "Milliseconds between auto-advances (carousel only). Reference site uses `2000`.",
+          "default": 2000
+        },
+        "infinite": {
+          "type": "boolean",
+          "required": false,
+          "description": "Loop back to the first slide after the last (carousel only)",
+          "default": true
+        },
+        "showArrows": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the prev/next arrow controls (carousel only, 2+ slides)",
+          "default": true
+        },
+        "showDots": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the dot pagination (carousel only, 2+ slides)",
+          "default": true
+        },
+        "slides": {
+          "type": "CoralBannerSlide[]",
+          "required": false,
+          "description": "Slide content. `static` variant renders only `slides[0]`."
+        },
+        "transitionDuration": {
+          "type": "number",
+          "required": false,
+          "description": "Slide transition duration in ms. Reference site uses `330`.",
+          "default": 330
+        },
+        "variant": {
+          "type": "\"static\" | \"carousel\"",
+          "required": false,
+          "description": "`static`   — renders a single, non-interactive slide (no arrows/dots/autoplay). `carousel` — renders `slides` in a swipeable, auto-advancing slider (horizontal slide transition, dot pagination, prev/next arrows), matching the banner used on deriv.com and deriv.com/markets/forex.",
+          "default": "static"
+        }
+      }
+    },
+    "DayNightTransition": {
+      "name": "DayNightTransition",
+      "source": "templates/DayNightTransition/DayNightTransition.tsx",
+      "props": {
+        "ctaHref": {
+          "type": "string",
+          "required": false,
+          "description": "href for the CTA button",
+          "default": "#"
+        },
+        "ctaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Label for the CTA button",
+          "default": "Get started"
+        },
+        "dayDescription": {
+          "type": "string",
+          "required": false,
+          "description": "Description shown in the day state",
+          "default": "Description goes here. Description goes here. Description goes here."
+        },
+        "dayHeadline": {
+          "type": "string",
+          "required": false,
+          "description": "Headline shown in the day state",
+          "default": "Medium length section title goes here"
+        },
+        "dayImageUrl": {
+          "type": "string",
+          "required": true,
+          "description": "URL for the daytime background image"
+        },
+        "descriptionLevel": {
+          "type": "\"body-md\" | \"body-lg\"",
+          "required": false,
+          "description": "Description typography scale — maps to `--typography-body-md-*` or `--typography-body-lg-*` tokens.",
+          "default": "body-md"
+        },
+        "headlineLevel": {
+          "type": "\"h1\" | \"h2\"",
+          "required": false,
+          "description": "Headline typography scale — maps to global `--typography-h1-*` or `--typography-h2-*` tokens.",
+          "default": "h2"
+        },
+        "hideCta": {
+          "type": "boolean",
+          "required": false,
+          "description": "When true, the CTA button is omitted (e.g. hero blocks that end on copy only).",
+          "default": false
+        },
+        "inlineDayNightHeadline": {
+          "type": "{ prefix: string; dayWord: string; nightWord: string; }",
+          "required": false,
+          "description": "Webflow-style headline: fixed `prefix` plus `dayWord` / `nightWord` overlaid and scroll-crossfaded (same pattern as `DayNightTransitionV2` HTML: “Trade all ” + day + night)."
+        },
+        "nightDescription": {
+          "type": "string",
+          "required": false,
+          "description": "Description shown in the night state",
+          "default": "Description goes here. Description goes here. Description goes here."
+        },
+        "nightHeadline": {
+          "type": "string",
+          "required": false,
+          "description": "Headline shown in the night state",
+          "default": "Medium length section title goes here"
+        },
+        "nightImageUrl": {
+          "type": "string",
+          "required": true,
+          "description": "URL for the nighttime background image"
+        },
+        "scrollPreset": {
+          "type": "\"default\" | \"webflow-day-night-v2\"",
+          "required": false,
+          "description": "`\"webflow-day-night-v2\"` replays IX2 scroll curves from Webflow export `DayNightTransitionV2` (`SCROLLING_IN_VIEW` + `SCROLL_PROGRESS` actionLists `a` / `a-2` in `js/webflow.js`).",
+          "default": "default"
+        }
+      }
+    },
+    "DotLottieInView": {
+      "name": "DotLottieInView",
+      "source": "components/DotLottieInView/DotLottieInView.tsx",
+      "props": {},
+      "description": "Plays a .lottie once when it scrolls into view. Stops and resets when it leaves view. When it enters view again, it plays once more. Set `enabled={false}` to force stop (e.g. hidden slides) without relying on geometry alone."
+    },
+    "DownloadBadge": {
+      "name": "DownloadBadge",
+      "source": "components/DownloadBadge/DownloadBadge.tsx",
+      "props": {
+        "colorScheme": {
+          "type": "DownloadBadgeColorScheme",
+          "required": false,
+          "description": "Colour scheme — use \"light\" on light backgrounds, \"dark\" on dark backgrounds.",
+          "default": "light"
+        },
+        "href": {
+          "type": "string",
+          "required": false,
+          "description": "Destination URL"
+        },
+        "platform": {
+          "type": "DownloadBadgePlatform",
+          "required": true,
+          "description": "Which platform badge to render"
+        }
+      }
+    },
+    "DownloadBanner": {
+      "name": "DownloadBanner",
+      "source": "templates/DownloadBanner/DownloadBanner.tsx",
+      "props": {
+        "appGalleryHref": {
+          "type": "string",
+          "required": false
+        },
+        "appStoreHref": {
+          "type": "string",
+          "required": false
+        },
+        "disclaimer": {
+          "type": "string",
+          "required": false,
+          "description": "Optional small-print disclaimer shown below the QR text"
+        },
+        "googlePlayHref": {
+          "type": "string",
+          "required": false
+        },
+        "linuxHref": {
+          "type": "string",
+          "required": false
+        },
+        "macOSHref": {
+          "type": "string",
+          "required": false
+        },
+        "mobileTitle": {
+          "type": "string",
+          "required": false,
+          "description": "Heading shown on mobile above the badge grid (default: \"Available on\")",
+          "default": "Available on"
+        },
+        "qrCodeAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible alt text for the QR code image",
+          "default": "QR code to download the app"
+        },
+        "qrCodeImage": {
+          "type": "string",
+          "required": false,
+          "description": "QR code image URL. When provided the QR block is shown on desktop."
+        },
+        "qrSubtitle": {
+          "type": "string",
+          "required": false,
+          "description": "Second line of text beside the QR code (default: \"Android & iOS\")",
+          "default": "Android & iOS"
+        },
+        "qrTitle": {
+          "type": "string",
+          "required": false,
+          "description": "First line of text beside the QR code (default: \"Scan to download\")",
+          "default": "Scan to download"
+        },
+        "showAppGallery": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "showAppStore": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "showGooglePlay": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "showLinux": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "showMacOS": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "showWeb": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "showWindows": {
+          "type": "boolean",
+          "required": false,
+          "default": true
+        },
+        "style": {
+          "type": "DownloadBannerStyle",
+          "required": false,
+          "description": "Visual style of the inner card. - \"light\"   → slate-100 outer section, white inner card - \"light-2\" → white outer section, slate-100 inner card (default) - \"dark\"    → white outer section, slate-1200 inner card",
+          "default": "light-2"
+        },
+        "webHref": {
+          "type": "string",
+          "required": false
+        },
+        "windowsHref": {
+          "type": "string",
+          "required": false
+        }
+      }
+    },
+    "FaqAccordion": {
+      "name": "FaqAccordion",
+      "source": "templates/FaqAccordion/FaqAccordion.tsx",
+      "props": {
+        "colorScheme": {
+          "type": "FaqAccordionColorScheme",
+          "required": false,
+          "description": "Background color scheme (default: \"white\")",
+          "default": "white"
+        },
+        "items": {
+          "type": "FaqItem[]",
+          "required": true,
+          "description": "FAQ items",
+          "items": {
+            "answer": {
+              "type": "string",
+              "required": true,
+              "description": "The answer revealed when expanded"
+            },
+            "question": {
+              "type": "string",
+              "required": true,
+              "description": "The question shown in the accordion header"
+            }
+          }
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Section headline"
+        }
+      }
+    },
+    "FeatureAwards": {
+      "name": "FeatureAwards",
+      "source": "templates/FeatureAwards/FeatureAwards.tsx",
+      "props": {
+        "autoScrollDuration": {
+          "type": "number",
+          "required": false,
+          "description": "Seconds for one full auto-scroll loop on mobile (< 768px) — lower is faster. Mobile always auto-scrolls; this only tunes the speed. Defaults to `32`.",
+          "default": 32
+        },
+        "awards": {
+          "type": "AwardItem[]",
+          "required": false,
+          "description": "Ordered list of awards to display. Defaults to `DEFAULT_AWARDS`.",
+          "defaultExpression": "DEFAULT_AWARDS"
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Extra class name merged onto the root `<section>`."
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Section heading. Defaults to \"Our awards\".",
+          "defaultExpression": "FEATURE_AWARDS_TEXT_CONTENT.title"
+        }
+      }
+    },
+    "FeatureBlog": {
+      "name": "FeatureBlog",
+      "source": "templates/FeatureBlog/FeatureBlog.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Extra class name merged onto the root `<section>`."
+        },
+        "linkHref": {
+          "type": "string",
+          "required": false,
+          "description": "Href for the \"See all\" link"
+        },
+        "linkText": {
+          "type": "string",
+          "required": false,
+          "description": "Label for the \"See all\" link (default: \"See all press releases\")",
+          "defaultExpression": "FEATURE_BLOG_TEXT_CONTENT.linkText"
+        },
+        "onLinkClick": {
+          "type": "(() => void)",
+          "required": false
+        },
+        "posts": {
+          "type": "FeatureBlogPost[]",
+          "required": true,
+          "description": "Posts rendered as a responsive card grid.",
+          "items": {
+            "category": {
+              "type": "string",
+              "required": false,
+              "description": "Category label, e.g. \"Company\""
+            },
+            "date": {
+              "type": "string",
+              "required": false,
+              "description": "Publish date label, e.g. \"July 24, 2026\""
+            },
+            "href": {
+              "type": "string",
+              "required": false,
+              "description": "Link target — wraps the card in an anchor when set"
+            },
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler — used when `href` is not set"
+            },
+            "summary": {
+              "type": "string",
+              "required": true,
+              "description": "Post summary / dek text"
+            },
+            "thumbnail": {
+              "type": "string",
+              "required": true,
+              "description": "Card thumbnail image"
+            },
+            "thumbnailAlt": {
+              "type": "string",
+              "required": false
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Post headline"
+            }
+          }
+        },
+        "showLink": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show the \"See all\" link below the grid (default: true)",
+          "default": true
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Section heading. Defaults to \"Deriv press releases\".",
+          "defaultExpression": "FEATURE_BLOG_TEXT_CONTENT.title"
+        }
+      }
+    },
+    "FeatureBlogCategories": {
+      "name": "FeatureBlogCategories",
+      "source": "templates/FeatureBlogCategories/FeatureBlogCategories.tsx",
+      "props": {
+        "activeCategoryId": {
+          "type": "string",
+          "required": false,
+          "description": "Controlled active category tab id"
+        },
+        "allCategoryId": {
+          "type": "string",
+          "required": false,
+          "description": "Id used internally for the auto-prepended \"show everything\" tab (default: \"all\")",
+          "defaultExpression": "FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.allCategoryId"
+        },
+        "allCategoryLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Label for the auto-prepended \"show everything\" tab (default: \"View all\")",
+          "defaultExpression": "FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.allCategoryLabel"
+        },
+        "categories": {
+          "type": "FeatureBlogCategoryTab[]",
+          "required": true,
+          "description": "Category tabs, CMS-managed. An \"all\" tab is always prepended automatically.",
+          "items": {
+            "id": {
+              "type": "string",
+              "required": true,
+              "description": "Stable identifier — must match `FeatureBlogCategoryPost.category` for filtering to work. CMS-managed."
+            },
+            "label": {
+              "type": "string",
+              "required": true,
+              "description": "Tab label shown in the pill row. CMS-managed."
+            }
+          }
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Extra class name merged onto the root `<section>`."
+        },
+        "defaultActiveCategoryId": {
+          "type": "string",
+          "required": false,
+          "description": "Initial active tab id for uncontrolled usage (default: `allCategoryId`)"
+        },
+        "emptyStateText": {
+          "type": "string",
+          "required": false,
+          "description": "Message shown when no posts match the active tab + search query",
+          "defaultExpression": "FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.emptyStateText"
+        },
+        "onCategoryChange": {
+          "type": "((id: string) => void)",
+          "required": false,
+          "description": "Called whenever a different tab is selected"
+        },
+        "onSearchChange": {
+          "type": "((value: string) => void)",
+          "required": false,
+          "description": "Called on every keystroke in the search field with the current value"
+        },
+        "posts": {
+          "type": "FeatureBlogCategoryPost[]",
+          "required": true,
+          "description": "All posts — filtered client-side by the active tab and search query",
+          "items": {
+            "category": {
+              "type": "string",
+              "required": true,
+              "description": "Category tab id this post belongs to (matches a `categories[].id`). Posts also always match the \"all\" tab."
+            },
+            "categoryLabel": {
+              "type": "string",
+              "required": false,
+              "description": "Category chip label shown on the card. Defaults to the matching tab's `label` when omitted."
+            },
+            "date": {
+              "type": "string",
+              "required": false,
+              "description": "Publish date label, e.g. \"July 24, 2026\""
+            },
+            "href": {
+              "type": "string",
+              "required": false,
+              "description": "Destination URL. Absolute `http(s)://` URLs are treated as external and open in a new tab (`target=\"_blank\" rel=\"noopener noreferrer\"`); relative/internal paths (e.g. \"/newsroom/my-article\") navigate as a normal same-tab inner-page link."
+            },
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler — used when `href` is not set (renders a `<button>`)"
+            },
+            "summary": {
+              "type": "string",
+              "required": true,
+              "description": "Post summary / dek text"
+            },
+            "thumbnail": {
+              "type": "string",
+              "required": true,
+              "description": "Card thumbnail image"
+            },
+            "thumbnailAlt": {
+              "type": "string",
+              "required": false
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Post headline"
+            }
+          }
+        },
+        "searchAriaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible label for the search field (defaults to `searchPlaceholder`)"
+        },
+        "searchPlaceholder": {
+          "type": "string",
+          "required": false,
+          "description": "Placeholder text for the search field (default: \"Search\")",
+          "defaultExpression": "FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.searchPlaceholder"
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Section heading. Defaults to \"Deriv press releases\".",
+          "defaultExpression": "FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.title"
+        }
+      }
+    },
+    "FeatureBlogPage": {
+      "name": "FeatureBlogPage",
+      "source": "templates/FeatureBlogPage/FeatureBlogPage.tsx",
+      "props": {
+        "author": {
+          "type": "FeatureBlogAuthor",
+          "required": false,
+          "description": "Article author, shown in the meta row next to the publish date"
+        },
+        "category": {
+          "type": "string",
+          "required": false,
+          "description": "Small category label rendered above the title (e.g. \"Press releases\")"
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS class on the outer `<section>`"
+        },
+        "content": {
+          "type": "FeatureBlogContentBlock[]",
+          "required": true,
+          "description": "Main article body, rendered from plain data blocks (required, at least 1 item)",
+          "items": {
+            "caption": {
+              "type": "string",
+              "required": false,
+              "description": "Optional caption rendered below an \"image\" block"
+            },
+            "cite": {
+              "type": "string",
+              "required": false,
+              "description": "Citation / source line for \"quote\" blocks"
+            },
+            "id": {
+              "type": "string",
+              "required": false,
+              "description": "Stable anchor id for a \"heading\" block; auto-generated (slugified) from `text` when omitted"
+            },
+            "image": {
+              "type": "string",
+              "required": false,
+              "description": "Image source for \"image\" blocks"
+            },
+            "imageAlt": {
+              "type": "string",
+              "required": false
+            },
+            "items": {
+              "type": "string[]",
+              "required": false,
+              "description": "List entries for \"list\" blocks"
+            },
+            "level": {
+              "type": "2 | 3",
+              "required": false,
+              "description": "Heading level for \"heading\" blocks (default: 2). Only level-2 headings are collected into the table of contents — level-3 headings render inline as sub-sections but are not listed."
+            },
+            "ordered": {
+              "type": "boolean",
+              "required": false,
+              "description": "Render a \"list\" block as `<ol>` instead of `<ul>` (default: false)"
+            },
+            "text": {
+              "type": "string",
+              "required": false,
+              "description": "Text content for \"heading\" / \"paragraph\" / \"quote\" blocks"
+            },
+            "type": {
+              "type": "FeatureBlogContentBlockType",
+              "required": true,
+              "description": "Block kind — \"heading\"/\"paragraph\"/\"quote\" use `text`, \"list\" uses `items`, \"image\" uses `image`"
+            }
+          }
+        },
+        "copiedLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Label shown briefly after \"copy link\" succeeds (default: \"Copied!\")",
+          "default": "Copied!"
+        },
+        "heroImage": {
+          "type": "string",
+          "required": false,
+          "description": "Hero image rendered below the title / meta row"
+        },
+        "heroImageAlt": {
+          "type": "string",
+          "required": false
+        },
+        "hideShare": {
+          "type": "boolean",
+          "required": false,
+          "description": "Hide the share row entirely (default: false)",
+          "default": false
+        },
+        "hideToc": {
+          "type": "boolean",
+          "required": false,
+          "description": "Hide the table of contents entirely (default: false) — e.g. for very short articles with no level-2 headings",
+          "default": false
+        },
+        "onShare": {
+          "type": "((platform: FeatureBlogSharePlatform | \"copy\") => void)",
+          "required": false,
+          "description": "Fired whenever a share icon (including \"copy link\") is activated"
+        },
+        "publishDate": {
+          "type": "string",
+          "required": false,
+          "description": "Publish date label shown in the meta row (e.g. \"July 24, 2026\")"
+        },
+        "sharePlatforms": {
+          "type": "FeatureBlogSharePlatform[]",
+          "required": false,
+          "description": "Which social platforms to show, in order (default: all four)",
+          "defaultExpression": "[\"facebook\", \"twitter\", \"telegram\", \"linkedin\"]"
+        },
+        "shareText": {
+          "type": "string",
+          "required": false,
+          "description": "Text passed to platforms that accept share text (X/Twitter, Telegram); defaults to `title`"
+        },
+        "shareTitle": {
+          "type": "string",
+          "required": false,
+          "description": "\"Share article\" label above the share icons (default: \"Share article\")",
+          "default": "Share article"
+        },
+        "shareUrl": {
+          "type": "string",
+          "required": false,
+          "description": "Canonical URL used to build every share link and for \"copy link\"; sharing is hidden when omitted"
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Article headline, rendered as the page's `<h1>` (required)"
+        },
+        "tocDefaultOpen": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the table of contents starts expanded (default: true)",
+          "default": true
+        },
+        "tocTitle": {
+          "type": "string",
+          "required": false,
+          "description": "Table of contents card heading (default: \"Contents\")",
+          "default": "Contents"
+        }
+      }
+    },
+    "FeatureBullets": {
+      "name": "FeatureBullets",
+      "source": "templates/FeatureBullets/FeatureBullets.tsx",
+      "props": {
+        "bullets": {
+          "type": "string[]",
+          "required": true,
+          "description": "Array of bullet points to display"
+        },
+        "image": {
+          "type": "string",
+          "required": true,
+          "description": "URL for the image"
+        },
+        "imageAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Alt text for the image",
+          "default": ""
+        },
+        "imagePosition": {
+          "type": "\"left\" | \"right\"",
+          "required": false,
+          "description": "Position of the image relative to the text on desktop",
+          "default": "right"
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Title of the section"
+        }
+      }
+    },
+    "FeatureCards": {
+      "name": "FeatureCards",
+      "source": "templates/FeatureCards/FeatureCards.tsx",
+      "props": {
+        "cardColorScheme": {
+          "type": "CardPrimaryStyle",
+          "required": false,
+          "description": "Controls the visual style of all cards in the default grid",
+          "default": "image"
+        },
+        "cards": {
+          "type": "FeatureCardItem[]",
+          "required": true,
+          "items": {
+            "colorScheme": {
+              "type": "CardPrimaryStyle",
+              "required": false
+            },
+            "description": {
+              "type": "string",
+              "required": true
+            },
+            "image": {
+              "type": "string",
+              "required": false
+            },
+            "imageAlt": {
+              "type": "string",
+              "required": false
+            },
+            "linkHref": {
+              "type": "string",
+              "required": false,
+              "description": "Two Cards / One Card variants: main CTA href"
+            },
+            "linkText": {
+              "type": "string",
+              "required": false
+            },
+            "onLinkClick": {
+              "type": "(() => void)",
+              "required": false
+            },
+            "platforms": {
+              "type": "FeatureCardPlatformLink[]",
+              "required": false,
+              "description": "Two Cards / One Card variants: platform links under the CTA"
+            },
+            "platformsHeading": {
+              "type": "string",
+              "required": false,
+              "description": "Two Cards / One Card variants: label above platform row (default: \"Available on\")"
+            },
+            "showLink": {
+              "type": "boolean",
+              "required": false
+            },
+            "title": {
+              "type": "string",
+              "required": true
+            },
+            "twoTone": {
+              "type": "FeatureCardTwoTone",
+              "required": false,
+              "description": "Two Cards variant: light or dark card shell"
+            }
+          }
+        },
+        "linkText": {
+          "type": "string",
+          "required": false,
+          "default": "Learn more"
+        },
+        "onLinkClick": {
+          "type": "(() => void)",
+          "required": false
+        },
+        "sectionDescription": {
+          "type": "string",
+          "required": false
+        },
+        "sectionTitle": {
+          "type": "string",
+          "required": true
+        },
+        "showLink": {
+          "type": "boolean",
+          "required": false,
+          "default": false
+        },
+        "variant": {
+          "type": "FeatureCardsLayoutVariant",
+          "required": false,
+          "description": "Default: primary card grid. twoCards / oneCard: large feature blocks with optional platform links and image.",
+          "default": "default"
+        }
+      }
+    },
+    "FeatureCardsIcon": {
+      "name": "FeatureCardsIcon",
+      "source": "templates/FeatureCardsIcon/FeatureCardsIcon.tsx",
+      "props": {
+        "cards": {
+          "type": "FeatureCardIconItem[]",
+          "required": true,
+          "items": {
+            "description": {
+              "type": "string",
+              "required": true
+            },
+            "icon": {
+              "type": "ReactNode",
+              "required": false
+            },
+            "linkText": {
+              "type": "string",
+              "required": false
+            },
+            "onLinkClick": {
+              "type": "(() => void)",
+              "required": false
+            },
+            "showIcon": {
+              "type": "boolean",
+              "required": false
+            },
+            "showLink": {
+              "type": "boolean",
+              "required": false
+            },
+            "title": {
+              "type": "string",
+              "required": true
+            }
+          }
+        },
+        "linkText": {
+          "type": "string",
+          "required": false,
+          "default": "Learn more"
+        },
+        "onLinkClick": {
+          "type": "(() => void)",
+          "required": false
+        },
+        "sectionDescription": {
+          "type": "string",
+          "required": false
+        },
+        "sectionTitle": {
+          "type": "string",
+          "required": true
+        },
+        "showLink": {
+          "type": "boolean",
+          "required": false,
+          "default": false
+        }
+      }
+    },
+    "FeatureScroll": {
+      "name": "FeatureScroll",
+      "source": "templates/FeatureScroll/FeatureScroll.tsx",
+      "props": {
+        "header": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading rendered as an H2"
+        },
+        "items": {
+          "type": "FeatureScrollItem[]",
+          "required": true,
+          "description": "Ordered list of feature items. Drives both the desktop scroll-driven layout and the mobile stacked layout.",
+          "items": {
+            "description": {
+              "type": "string",
+              "required": true,
+              "description": "Body copy below the title"
+            },
+            "link": {
+              "type": "string",
+              "required": true,
+              "description": "URL the link points to"
+            },
+            "linkLabel": {
+              "type": "string",
+              "required": true,
+              "description": "Visible label on the link, e.g. \"Learn more\""
+            },
+            "mediaType": {
+              "type": "\"image\" | \"lottie\"",
+              "required": false,
+              "description": "Optional override for media rendering. When omitted the component auto-detects based on the URL extension: *.lottie → DotLottie animation player everything else (png, jpg, svg, webp…) → <img>"
+            },
+            "mediaUrl": {
+              "type": "string",
+              "required": true,
+              "description": "URL to the .lottie file or any image asset (png, jpg, svg, webp…)"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Short feature name, e.g. \"Forex\""
+            }
+          }
+        },
+        "variant": {
+          "type": "\"media-left\" | \"media-right\"",
+          "required": false,
+          "description": "Controls which side the sticky media column sits on.",
+          "default": "media-right"
+        }
+      }
+    },
+    "FeatureSplit": {
+      "name": "FeatureSplit",
+      "source": "templates/FeatureSplit/FeatureSplit.tsx",
+      "props": {
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Body paragraph beneath the title"
+        },
+        "image": {
+          "type": "string",
+          "required": false,
+          "description": "Image source URL"
+        },
+        "imageAlt": {
+          "type": "string",
+          "required": false,
+          "default": ""
+        },
+        "imagePosition": {
+          "type": "FeatureSplitImagePosition",
+          "required": false,
+          "description": "Which side the image sits on (default: \"right\")",
+          "default": "right"
+        },
+        "linkText": {
+          "type": "string",
+          "required": false,
+          "description": "CTA link label (default: \"Learn more\")",
+          "default": "Learn more"
+        },
+        "onLinkClick": {
+          "type": "(() => void)",
+          "required": false
+        },
+        "showDescription": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show or hide the description (default: true)",
+          "default": true
+        },
+        "showLink": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show or hide the link (default: true)",
+          "default": true
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Section headline"
+        }
+      }
+    },
+    "Footer": {
+      "name": "Footer",
+      "source": "components/Footer/Footer.tsx",
+      "props": {
+        "aiSummary": {
+          "type": "FooterAiSummaryProps",
+          "required": false,
+          "description": "AI summary section. Desktop: rendered inline inside the header row. Mobile: rendered as a standalone card below the header. Tablet: hidden."
+        },
+        "derivGo": {
+          "type": "FooterDerivGoProps",
+          "required": false,
+          "description": "Deriv GO promotion banner"
+        },
+        "investorsInPeopleAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Alt text for the Investors in People badge",
+          "default": "Investors in People - Platinum"
+        },
+        "investorsInPeopleSrc": {
+          "type": "string",
+          "required": false,
+          "description": "\"Investors in People\" badge image source"
+        },
+        "licenseText": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Legal / licence text block (supports ReactNode for inline links)"
+        },
+        "logoAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Alt text for the logo",
+          "default": "Deriv"
+        },
+        "logoSrc": {
+          "type": "string",
+          "required": true,
+          "description": "Deriv logo image source"
+        },
+        "navColumns": {
+          "type": "FooterNavSection[][]",
+          "required": true,
+          "description": "Navigation structure. Outer array = columns (desktop grid), inner array = sections per column. On mobile/tablet all sections are flattened into an accordion list."
+        },
+        "riskWarningText": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Risk-warning paragraph text"
+        },
+        "socialLinks": {
+          "type": "FooterSocialLink[]",
+          "required": false,
+          "description": "Social media links shown in the header row",
+          "default": []
+        }
+      }
+    },
+    "Header": {
+      "name": "Header",
+      "source": "templates/Header/Header.tsx",
+      "props": {
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Body copy below the title"
+        },
+        "leftVisual": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Left floating visual for the \"visuals\" variant. Accepts a ReactNode or image URL string."
+        },
+        "primaryButton": {
+          "type": "HeaderButtonProps",
+          "required": false,
+          "description": "Primary CTA button (coral). Shown on all variants."
+        },
+        "rightVisual": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Right floating visual for the \"visuals\" variant. Accepts a ReactNode or image URL string."
+        },
+        "search": {
+          "type": "HeaderSearchProps",
+          "required": false,
+          "description": "Search field configuration for the \"dark-search\" variant (e.g. Help Centre header). The field always renders for that variant; this prop only customises it."
+        },
+        "secondaryButton": {
+          "type": "HeaderButtonProps",
+          "required": false,
+          "description": "Secondary CTA button (white outline). Shown on all variants."
+        },
+        "subtitle": {
+          "type": "string",
+          "required": false,
+          "description": "Optional eyebrow / subtitle above the title"
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Main heading"
+        },
+        "variant": {
+          "type": "HeaderVariant",
+          "required": true,
+          "description": "Layout variant: - \"visuals\"     — light grey bg + SVG grid, center-aligned text, floating visuals left & right, parallax scroll effect on visuals, min-height 540px - \"minimal\"     — same as visuals but without the floating graphics - \"dark\"        — dark navy bg + SVG grid, center-aligned text, no floating visuals, min-height 420px on mobile/tablet, 460px on desktop (shorter than the light variants) - \"dark-search\" — same as \"dark\" plus a search field below the text, for pages such as the Help Centre index"
+        }
+      }
+    },
+    "HelpCenterPage": {
+      "name": "HelpCenterPage",
+      "source": "templates/HelpCenterPage/HelpCenterPage.tsx",
+      "props": {
+        "activeQuestionId": {
+          "type": "string",
+          "required": false,
+          "description": "Controlled id of the currently selected/highlighted question"
+        },
+        "articlesSheetTitle": {
+          "type": "string",
+          "required": false,
+          "description": "Title of the mobile \"browse questions\" bottom sheet (default: \"Articles in this section\")",
+          "default": "Articles in this section"
+        },
+        "categoryTitle": {
+          "type": "string",
+          "required": true,
+          "description": "Category name shown above the question table and on the mobile dropdown trigger (e.g. \"Account\")"
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Additional CSS class on the outer section"
+        },
+        "content": {
+          "type": "HelpCenterContentBlock[]",
+          "required": true,
+          "description": "Main content column body (CMS-supplied rich content, rendered from plain data blocks)",
+          "items": {
+            "items": {
+              "type": "string[]",
+              "required": false,
+              "description": "List entries for \"list\" blocks"
+            },
+            "level": {
+              "type": "2 | 3",
+              "required": false,
+              "description": "Heading level for \"heading\" blocks (default: 2 — the page title itself is always the `<h1>`)"
+            },
+            "ordered": {
+              "type": "boolean",
+              "required": false,
+              "description": "Render a \"list\" block as `<ol>` instead of `<ul>` (default: false)"
+            },
+            "text": {
+              "type": "string",
+              "required": false,
+              "description": "Text content for \"heading\" / \"paragraph\" blocks"
+            },
+            "type": {
+              "type": "HelpCenterContentBlockType",
+              "required": true,
+              "description": "Block kind — \"heading\" and \"paragraph\" use `text`, \"list\" uses `items`"
+            }
+          }
+        },
+        "contentTitle": {
+          "type": "string",
+          "required": true,
+          "description": "Main content column heading (CMS-supplied answer title, rendered as the page's `<h1>`)"
+        },
+        "defaultActiveQuestionId": {
+          "type": "string",
+          "required": false,
+          "description": "Initial selected question id for uncontrolled usage (default: first item in `questions`)"
+        },
+        "onQuestionSelect": {
+          "type": "((id: string) => void)",
+          "required": false,
+          "description": "Called whenever a different question is selected (click on a row without `href`, or via keyboard)"
+        },
+        "onSearchChange": {
+          "type": "((value: string) => void)",
+          "required": false,
+          "description": "Called on every keystroke in the search field with the current value"
+        },
+        "questions": {
+          "type": "HelpCenterQuestionItem[]",
+          "required": true,
+          "description": "Every question belonging to this category, rendered as a single-select table/list",
+          "items": {
+            "content": {
+              "type": "HelpCenterContentBlock[]",
+              "required": false,
+              "description": "Optional per-question content blocks, used to swap the main content column in-place when no `href` is given"
+            },
+            "contentTitle": {
+              "type": "string",
+              "required": false,
+              "description": "Optional per-question title, used to swap the main content column in-place when no `href` is given"
+            },
+            "href": {
+              "type": "string",
+              "required": false,
+              "description": "Destination URL — renders the row as a link (real multi-page navigation)"
+            },
+            "id": {
+              "type": "string",
+              "required": true,
+              "description": "Stable identifier for the question — used as the React key and for active-state matching"
+            },
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler, called in addition to selecting the row"
+            },
+            "question": {
+              "type": "string",
+              "required": true,
+              "description": "The FAQ question shown in the sidebar table / mobile sheet"
+            }
+          }
+        },
+        "searchAriaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible label for the search field (defaults to `searchPlaceholder`)"
+        },
+        "searchNoResultsText": {
+          "type": "string",
+          "required": false,
+          "description": "Message shown when a search query matches no questions. `{query}` is replaced with the current search text. Default: `No results found for \"{query}\"`",
+          "default": "No results found for \"{query}\""
+        },
+        "searchPlaceholder": {
+          "type": "string",
+          "required": false,
+          "description": "Placeholder text for the top search field (default: \"Search\")",
+          "default": "Search"
+        }
+      }
+    },
+    "HelpCentreCategories": {
+      "name": "HelpCentreCategories",
+      "source": "templates/HelpCentreCategories/HelpCentreCategories.tsx",
+      "props": {
+        "categories": {
+          "type": "HelpCentreCategoryItem[]",
+          "required": true,
+          "description": "Category tiles",
+          "items": {
+            "href": {
+              "type": "string",
+              "required": false,
+              "description": "Destination URL — renders the tile as a link"
+            },
+            "icon": {
+              "type": "ReactNode",
+              "required": false,
+              "description": "Icon shown above the title — an image URL or a custom ReactNode (e.g. inline SVG)"
+            },
+            "iconAlt": {
+              "type": "string",
+              "required": false,
+              "description": "Alt text when `icon` is an image URL (default: \"\")"
+            },
+            "id": {
+              "type": "string",
+              "required": false,
+              "description": "Stable identifier for the category (e.g. used for anchors or filtering)"
+            },
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler — renders the tile as a button when no `href` is given"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Category label shown under the icon"
+            }
+          }
+        },
+        "sectionDescription": {
+          "type": "string",
+          "required": false,
+          "description": "Optional copy under the heading"
+        },
+        "sectionTitle": {
+          "type": "string",
+          "required": false,
+          "description": "Optional H2 heading above the grid"
+        }
+      }
+    },
+    "HelpCentreSubCategories": {
+      "name": "HelpCentreSubCategories",
+      "source": "templates/HelpCentreSubCategories/HelpCentreSubCategories.tsx",
+      "props": {
+        "items": {
+          "type": "HelpCentreSubCategoryItem[]",
+          "required": true,
+          "description": "FAQ question cards for this category (at least 1 item)",
+          "items": {
+            "href": {
+              "type": "string",
+              "required": false,
+              "description": "Destination URL — renders the card as a link"
+            },
+            "id": {
+              "type": "string",
+              "required": false,
+              "description": "Stable identifier for the question (e.g. used as the React key)"
+            },
+            "onClick": {
+              "type": "(() => void)",
+              "required": false,
+              "description": "Click handler — renders the card as a button when no `href` is given"
+            },
+            "question": {
+              "type": "string",
+              "required": true,
+              "description": "The FAQ question shown on the card"
+            }
+          }
+        },
+        "noResultsText": {
+          "type": "string",
+          "required": false,
+          "description": "Message shown when a search query matches no items. `{query}` is replaced with the current search text. Default: `No results found for \"{query}\"`",
+          "default": "No results found for \"{query}\""
+        },
+        "onSearchChange": {
+          "type": "((value: string) => void)",
+          "required": false,
+          "description": "Called whenever the search input value changes"
+        },
+        "searchAriaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible label for the search field (default: matches `searchPlaceholder`)"
+        },
+        "searchPlaceholder": {
+          "type": "string",
+          "required": false,
+          "description": "Placeholder text for the search field (default: \"Search\")",
+          "default": "Search"
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Large H1 category title shown above the search field (e.g. \"Account\")"
+        }
+      }
+    },
+    "Hero": {
+      "name": "Hero",
+      "source": "templates/Hero/Hero.tsx",
+      "props": {
+        "backgroundImageSrc": {
+          "type": "string",
+          "required": false,
+          "description": "Background image URL. Used as the full-bleed background behind the overlay on all three variants."
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Body copy below the title"
+        },
+        "floatingImage": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Smaller floating image shown below the productImage in the Showcase variant. Accepts a ReactNode or image URL string."
+        },
+        "heroImage": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Right-side hero image for the Split variant. Accepts a ReactNode (e.g. <img>) or an image URL string."
+        },
+        "primaryButton": {
+          "type": "HeroButtonProps",
+          "required": false,
+          "description": "Primary CTA button (coral). Shown on all variants."
+        },
+        "productImage": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Large product image shown centered below the CTA buttons in the Showcase variant. Accepts a ReactNode or image URL string."
+        },
+        "secondaryButton": {
+          "type": "HeroButtonProps",
+          "required": false,
+          "description": "Secondary CTA button (white outline). Shown on all variants."
+        },
+        "subtitle": {
+          "type": "string",
+          "required": false,
+          "description": "Optional eyebrow / subtitle above the title"
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Main heading"
+        },
+        "variant": {
+          "type": "HeroVariant",
+          "required": true,
+          "description": "Layout variant: - \"split\"    — dark bg, left-aligned text, right-side hero image, 100vh - \"centered\" — full background image, center-aligned text, 100vh - \"showcase\" — dark bg + full-bleed bg image, center-aligned text, large product image below buttons, smaller floating image below that."
+        }
+      }
+    },
+    "ImageBanner": {
+      "name": "ImageBanner",
+      "source": "templates/ImageBanner/ImageBanner.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Optional extra CSS class on the root element"
+        },
+        "ctaHref": {
+          "type": "string",
+          "required": false,
+          "description": "CTA link href"
+        },
+        "ctaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "CTA link label",
+          "default": "Trader's Hub"
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Supporting body copy beneath the title",
+          "default": "Connect with traders around the world to exchange insights, explore portfolios, and gain valuable expertise."
+        },
+        "imageAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible alt text for the image",
+          "default": ""
+        },
+        "imageUrl": {
+          "type": "string",
+          "required": false,
+          "description": "URL of the photo. - `\"split\"`: fills the right-hand panel; stacks below text on mobile. - `\"full-bg\"`: covers the entire card as a background image."
+        },
+        "onCtaClick": {
+          "type": "(() => void)",
+          "required": false,
+          "description": "Callback fired when the CTA link is clicked"
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Section headline",
+          "default": "Join our global community"
+        },
+        "variant": {
+          "type": "\"split\" | \"full-bg\"",
+          "required": false,
+          "description": "Layout variant. - `\"split\"` (default): image fills the right-hand panel; text on the left. - `\"full-bg\"`: image covers the entire card as a background; text overlaid on top.",
+          "default": "split"
+        }
+      }
+    },
+    "Link": {
+      "name": "Link",
+      "source": "components/Link/Link.tsx",
+      "props": {
+        "colorScheme": {
+          "type": "LinkColorScheme",
+          "required": false,
+          "description": "Color scheme — coral (brand), black, or white (for dark backgrounds)",
+          "default": "coral"
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": "Disabled state — prevents interaction and reduces opacity",
+          "default": false
+        },
+        "icon": {
+          "type": "ReactNode",
+          "required": false,
+          "description": "Optional left icon. When provided, the chevron is hidden and the label underlines on hover/active."
+        },
+        "label": {
+          "type": "string",
+          "required": false,
+          "description": "Link label text"
+        },
+        "showChevron": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show trailing chevron arrow. Active only when no icon is provided.",
+          "default": true
+        }
+      }
+    },
+    "LogoMarquee": {
+      "name": "LogoMarquee",
+      "source": "templates/LogoMarquee/LogoMarquee.tsx",
+      "props": {
+        "body": {
+          "type": "string",
+          "required": false,
+          "defaultExpression": "TEXT_CONTENT.body"
+        },
+        "col1Logos": {
+          "type": "LogoItem[]",
+          "required": false,
+          "defaultExpression": "COL_ONE_LOGOS"
+        },
+        "col2Logos": {
+          "type": "LogoItem[]",
+          "required": false,
+          "defaultExpression": "COL_TWO_LOGOS"
+        },
+        "ctaHref": {
+          "type": "string",
+          "required": false,
+          "defaultExpression": "TEXT_CONTENT.ctaHref"
+        },
+        "ctaLabel": {
+          "type": "string",
+          "required": false,
+          "defaultExpression": "TEXT_CONTENT.ctaLabel"
+        },
+        "disclaimer": {
+          "type": "string",
+          "required": false,
+          "defaultExpression": "TEXT_CONTENT.disclaimer"
+        },
+        "headline": {
+          "type": "string",
+          "required": false,
+          "defaultExpression": "TEXT_CONTENT.headline"
+        }
+      }
+    },
+    "Navbar": {
+      "name": "Navbar",
+      "source": "components/Navbar/Navbar.tsx",
+      "props": {
+        "activeLanguageCode": {
+          "type": "string",
+          "required": false,
+          "description": "Highlights the active language in the dropdown (matched by `LanguageItem.code`)"
+        },
+        "ctaHref": {
+          "type": "string",
+          "required": false,
+          "description": "Destination for the CTA button"
+        },
+        "ctaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Label for the primary \"Open account\" button",
+          "default": "Open account"
+        },
+        "languageItems": {
+          "type": "LanguageItem[]",
+          "required": false,
+          "description": "Languages for the hover-triggered dropdown grid. When provided, a dropdown is shown instead of calling `onLanguageClick`."
+        },
+        "languageLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Language label rendered next to the globe icon, e.g. \"EN\""
+        },
+        "loginHref": {
+          "type": "string",
+          "required": false,
+          "description": "Destination for the Log in button"
+        },
+        "loginLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Label for the \"Log in\" outlined button",
+          "default": "Log in"
+        },
+        "logoHref": {
+          "type": "string",
+          "required": false,
+          "description": "Wraps the logo in an anchor tag",
+          "default": "/"
+        },
+        "logoSrc": {
+          "type": "string",
+          "required": true,
+          "description": "Logo image URL used when `theme=\"dark\"` (light-coloured logo)"
+        },
+        "logoSrcDark": {
+          "type": "string",
+          "required": false,
+          "description": "Logo image URL used when `theme=\"light\"` (dark-coloured logo). Falls back to `logoSrc` when omitted."
+        },
+        "navItems": {
+          "type": "NavItem[]",
+          "required": false,
+          "description": "Navigation items — each may be a plain link, external link, or dropdown trigger",
+          "default": []
+        },
+        "onLanguageClick": {
+          "type": "(() => void)",
+          "required": false,
+          "description": "Called when the language button is clicked (used when `languageItems` is NOT provided)"
+        },
+        "onLanguageSelect": {
+          "type": "((code: string) => void)",
+          "required": false,
+          "description": "Called when a language is picked from the dropdown"
+        },
+        "theme": {
+          "type": "\"light\" | \"dark\"",
+          "required": false,
+          "description": "`dark`  — hero beneath has a dark / image background; pill uses white/24 tint, text is white. `light` — hero beneath has a white background; pill uses white/88 tint, text is slate.",
+          "default": "dark"
+        }
+      }
+    },
+    "Pagination": {
+      "name": "Pagination",
+      "source": "components/Pagination/Pagination.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Optional extra class name for the root element"
+        },
+        "currentPage": {
+          "type": "number",
+          "required": true,
+          "description": "The currently active page (1-based)"
+        },
+        "onPageChange": {
+          "type": "(page: number) => void",
+          "required": true,
+          "description": "Callback fired when the user navigates to a different page"
+        },
+        "totalPages": {
+          "type": "number",
+          "required": true,
+          "description": "Total number of pages"
+        }
+      }
+    },
+    "ParallaxBanner": {
+      "name": "ParallaxBanner",
+      "source": "templates/ParallaxBanner/ParallaxBanner.tsx",
+      "props": {
+        "cards": {
+          "type": "ParallaxBannerCultureCard[]",
+          "required": false,
+          "description": "Four (or more) short value/culture cards rendered in a grid below the banner. Ignored when `variant` is `\"banner-only\"`. Defaults to `DEFAULT_CULTURE_CARDS`.",
+          "defaultExpression": "DEFAULT_CULTURE_CARDS"
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Extra class name merged onto the root `<section>`"
+        },
+        "ctaHref": {
+          "type": "string",
+          "required": false,
+          "description": "CTA link href"
+        },
+        "ctaLabel": {
+          "type": "string",
+          "required": false,
+          "description": "CTA link label. Defaults to \"Culture at Deriv\".",
+          "defaultExpression": "PARALLAX_BANNER_TEXT_CONTENT.ctaLabel"
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Supporting copy beneath the headline",
+          "defaultExpression": "PARALLAX_BANNER_TEXT_CONTENT.description"
+        },
+        "enableParallax": {
+          "type": "boolean",
+          "required": false,
+          "description": "Enables the subtle scroll-linked parallax on the banner photo. Automatically disabled when the user has `prefers-reduced-motion` set. Defaults to `true`.",
+          "default": true
+        },
+        "imageAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible alt text for the banner photo",
+          "default": ""
+        },
+        "imageUrl": {
+          "type": "string",
+          "required": false,
+          "description": "URL of the photo shown in the banner's image panel",
+          "defaultExpression": "PLACEHOLDER_IMAGE"
+        },
+        "onCtaClick": {
+          "type": "(() => void)",
+          "required": false,
+          "description": "Callback fired when the CTA link is clicked"
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Banner headline. Defaults to \"Our culture\".",
+          "defaultExpression": "PARALLAX_BANNER_TEXT_CONTENT.title"
+        },
+        "variant": {
+          "type": "\"default\" | \"banner-only\"",
+          "required": false,
+          "description": "Layout variant. - `\"default\"`: banner card plus a grid of culture/value cards beneath it. - `\"banner-only\"`: just the banner card — no cards grid.",
+          "default": "default"
+        }
+      }
+    },
+    "Stats": {
+      "name": "Stats",
+      "source": "templates/Stats/StatsV2.tsx",
+      "props": {
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Optional supporting copy below the heading"
+        },
+        "leftAwards": {
+          "type": "StatsAward[]",
+          "required": false,
+          "description": "Award badges shown in the left column on desktop and as the first group on the mobile grid. Visually top-aligned on desktop.",
+          "default": []
+        },
+        "rightAwards": {
+          "type": "StatsAward[]",
+          "required": false,
+          "description": "Award badges shown in the right column on desktop and as the second group on the mobile grid. Bottom-aligned on desktop.",
+          "default": []
+        },
+        "stats": {
+          "type": "StatItem[]",
+          "required": true,
+          "description": "Ordered list of stats displayed in the centre carousel card. The carousel auto-rotates and never stops; provide ≥ 2 items to enable the animation.",
+          "items": {
+            "label": {
+              "type": "string",
+              "required": true,
+              "description": "Descriptive label below the value, e.g. \"customers worldwide\""
+            },
+            "value": {
+              "type": "string",
+              "required": true,
+              "description": "Numeric or short display value, e.g. \"2.5M+\""
+            }
+          }
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading (H2)"
+        }
+      }
+    },
+    "StatsSimple": {
+      "name": "StatsSimple",
+      "source": "templates/Stats/StatsSimple.tsx",
+      "props": {
+        "stats": {
+          "type": "StatItem[]",
+          "required": true,
+          "description": "Ordered list of stat items to display in the horizontal grid.",
+          "items": {
+            "label": {
+              "type": "string",
+              "required": true,
+              "description": "Descriptive label below the value, e.g. \"customers worldwide\""
+            },
+            "value": {
+              "type": "string",
+              "required": true,
+              "description": "Numeric or short display value, e.g. \"2.5M+\""
+            }
+          }
+        }
+      }
+    },
+    "Steps": {
+      "name": "Steps",
+      "source": "templates/Steps/Steps.tsx",
+      "props": {
+        "image": {
+          "type": "string",
+          "required": false,
+          "description": "Image source URL"
+        },
+        "imageAlt": {
+          "type": "string",
+          "required": false,
+          "description": "Accessible alt text for the image",
+          "default": ""
+        },
+        "imagePosition": {
+          "type": "StepsImagePosition",
+          "required": false,
+          "description": "Which side the image sits on (default: \"left\"). On mobile the image always stacks above the content.",
+          "default": "left"
+        },
+        "steps": {
+          "type": "StepItem[]",
+          "required": true,
+          "description": "Ordered list of steps",
+          "items": {
+            "description": {
+              "type": "string",
+              "required": true,
+              "description": "Step body copy"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Step title"
+            }
+          }
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Section headline (H2)"
+        }
+      }
+    },
+    "StickyMarketCards": {
+      "name": "StickyMarketCards",
+      "source": "templates/StickyMarketCards/StickyMarketCards.tsx",
+      "props": {
+        "items": {
+          "type": "StickyMarketCardItem[]",
+          "required": true,
+          "description": "Ordered list of cards (first item = back of stack, last = front).",
+          "items": {
+            "description": {
+              "type": "string",
+              "required": true,
+              "description": "Body copy below the title"
+            },
+            "imageUrl": {
+              "type": "string",
+              "required": false,
+              "description": "URL of the card's hero image."
+            },
+            "theme": {
+              "type": "StickyMarketCardTheme",
+              "required": false,
+              "description": "Background / text colour theme. light → slate-75 bg + dark text coral → coral-500 bg + white text dark  → slate-1200 bg + white text"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Card heading"
+            }
+          }
+        },
+        "sectionDescription": {
+          "type": "string",
+          "required": false,
+          "description": "Optional section description"
+        },
+        "sectionTitle": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading rendered as H2"
+        }
+      }
+    },
+    "StickyStackedCards": {
+      "name": "StickyStackedCards",
+      "source": "templates/StickyStackedCards/StickyStackedCards.tsx",
+      "props": {
+        "header": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading rendered as H2"
+        },
+        "items": {
+          "type": "StickyCardItem[]",
+          "required": true,
+          "description": "Ordered list of cards. On desktop each card is position:sticky and slides over the previous one. On mobile they render as a plain vertical stack.",
+          "items": {
+            "description": {
+              "type": "string",
+              "required": true,
+              "description": "Body copy below the title"
+            },
+            "imageUrl": {
+              "type": "string",
+              "required": true,
+              "description": "URL of the card's hero image (webp, png, jpg, etc.)"
+            },
+            "theme": {
+              "type": "StickyCardTheme",
+              "required": false,
+              "description": "Background / text colour theme. light → slate-75 bg + dark text coral → coral-500 bg + white text dark  → slate-1200 bg + white text"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Card heading"
+            }
+          }
+        }
+      }
+    },
+    "Table": {
+      "name": "Table",
+      "source": "templates/Table/Table.tsx",
+      "props": {
+        "columns": {
+          "type": "TableColumnDef[]",
+          "required": true,
+          "description": "Column definitions (order matters)",
+          "items": {
+            "header": {
+              "type": "string | string[]",
+              "required": true,
+              "description": "Header label text. Pass an array for multi-line headers (e.g. [\"Contract\", \"size\"])."
+            },
+            "key": {
+              "type": "string",
+              "required": true,
+              "description": "Unique key matching the row data field"
+            },
+            "tooltip": {
+              "type": "{ heading: string; description: string; }",
+              "required": false,
+              "description": "Tooltip shown on header hover"
+            },
+            "width": {
+              "type": "TableColumnWidth",
+              "required": false,
+              "description": "Column width variant: main   → first/instrument column (wider, sticky, icon support) normal → default column big    → wide column (e.g. Trading hours)"
+            }
+          }
+        },
+        "infoText": {
+          "type": "string",
+          "required": false,
+          "description": "Optional info text shown next to pagination"
+        },
+        "mainColumnKey": {
+          "type": "string",
+          "required": false,
+          "description": "Key of the main (instrument) column. Defaults to the first column with width \"main\", or the first column."
+        },
+        "pageSize": {
+          "type": "number",
+          "required": false,
+          "description": "Rows displayed per page (default: 10)",
+          "default": 10
+        },
+        "rows": {
+          "type": "TableRowData[]",
+          "required": true,
+          "description": "Row data"
+        },
+        "searchPlaceholder": {
+          "type": "string",
+          "required": false,
+          "description": "Search input placeholder (default: \"Search\")",
+          "default": "Search"
+        },
+        "sectionTitle": {
+          "type": "string",
+          "required": false,
+          "description": "Optional section title rendered above the table"
+        }
+      }
+    },
+    "Tabs": {
+      "name": "Tabs",
+      "source": "components/Tabs/Tabs.tsx",
+      "props": {
+        "activeId": {
+          "type": "string",
+          "required": true,
+          "description": "The currently active tab ID"
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Optional CSS class name"
+        },
+        "items": {
+          "type": "TabItem[]",
+          "required": true,
+          "description": "Array of tab items to display",
+          "items": {
+            "id": {
+              "type": "string",
+              "required": true,
+              "description": "Unique identifier for the tab"
+            },
+            "label": {
+              "type": "string",
+              "required": true,
+              "description": "Display label for the tab"
+            }
+          }
+        },
+        "onChange": {
+          "type": "(id: string) => void",
+          "required": true,
+          "description": "Callback fired when a tab is clicked"
+        }
+      }
+    },
+    "Tag": {
+      "name": "Tag",
+      "source": "components/Tag/Tag.tsx",
+      "props": {
+        "fontWeight": {
+          "type": "TagFontWeight",
+          "required": false,
+          "default": "regular"
+        },
+        "icon": {
+          "type": "ReactNode",
+          "required": false
+        },
+        "label": {
+          "type": "string",
+          "required": false
+        },
+        "size": {
+          "type": "TagSize",
+          "required": false,
+          "default": "sm"
+        },
+        "variant": {
+          "type": "TagVariant",
+          "required": false,
+          "default": "fill"
+        }
+      }
+    },
+    "Testimonial": {
+      "name": "Testimonial",
+      "source": "templates/Testimonial/Testimonial.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Optional CSS class name applied to the outer section"
+        },
+        "items": {
+          "type": "TestimonialItem[]",
+          "required": true,
+          "description": "Array of testimonial items to display",
+          "items": {
+            "authorLocation": {
+              "type": "string",
+              "required": false,
+              "description": "Author location or subtitle (e.g. \"Sri Lanka\")"
+            },
+            "authorName": {
+              "type": "string",
+              "required": true,
+              "description": "Author name or label (e.g. \"Deriv partner\")"
+            },
+            "avatarUrl": {
+              "type": "string",
+              "required": false,
+              "description": "Optional author avatar image URL"
+            },
+            "quote": {
+              "type": "string",
+              "required": true,
+              "description": "The testimonial quote text"
+            },
+            "rating": {
+              "type": "number",
+              "required": false,
+              "description": "`trustpilot` variant only — star rating out of 5 shown on the card. Supports halves (e.g. `4.5`). Defaults to `5`."
+            },
+            "reviewUrl": {
+              "type": "string",
+              "required": false,
+              "description": "`trustpilot` variant only — link to the full review on Trustpilot. When omitted, the card links to `trustpilotUrl` instead."
+            }
+          }
+        },
+        "title": {
+          "type": "string",
+          "required": false,
+          "description": "Section heading"
+        },
+        "trustpilotScore": {
+          "type": "number",
+          "required": false,
+          "description": "`trustpilot` variant only — overall TrustScore shown in the footer badge (out of 5)."
+        },
+        "trustpilotUrl": {
+          "type": "string",
+          "required": false,
+          "description": "`trustpilot` variant only — URL to the brand's Trustpilot profile page. Used by the footer rating badge link, and as the fallback link for any item without its own `reviewUrl`."
+        },
+        "variant": {
+          "type": "\"default\" | \"trustpilot\"",
+          "required": false,
+          "description": "Visual style. - `default` (default): single-slide auto-advancing quote carousel with dot pagination. - `trustpilot`: horizontally-scrollable row of star-rated review cards, a \"Trustpilot\" rating badge, and prev/next controls — modeled after deriv.com's homepage \"What our customers say\" section."
+        }
+      }
+    },
+    "TextScroll": {
+      "name": "TextScroll",
+      "source": "templates/TextScroll/TextScroll.tsx",
+      "props": {
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Additional class names forwarded to the section root"
+        },
+        "text": {
+          "type": "string",
+          "required": true,
+          "description": "The large body copy that animates word-by-word on scroll"
+        }
+      }
+    }
+  },
+  "aliases": {
+    "Leaders": {
+      "aliasOf": "AvatarGrid",
+      "deprecated": "Use AvatarGrid instead"
+    },
+    "PeopleGrid": {
+      "aliasOf": "AvatarGrid",
+      "deprecated": "Use AvatarGrid instead"
+    }
+  }
+}