@deriv-web-design/ui 0.1.5 → 0.1.6

package/block-registry.json

@@ -1227,6 +1227,603 @@
       }
     }
   },
+  "feature-blog": {
+    "id": "feature-blog",
+    "name": "Feature Blog",
+    "component": "FeatureBlog",
+    "category": "content",
+    "description": "Light section with a centered H2 heading above a responsive grid of image-led blog / press-release cards (date + category tags, title, summary), with an optional centered \"See all\" link below the grid.",
+    "purpose": "A light-background content section that showcases blog posts or press releases as a responsive grid of image-led cards — thumbnail on top, date/category tags, title, and summary — with an optional centered \"See all\" link below the grid. Modeled after the \"Deriv press releases\" section on [deriv.com/newsroom](https://deriv.com/newsroom).",
+    "keywords": [
+      "blog",
+      "press releases",
+      "newsroom",
+      "articles",
+      "news",
+      "content",
+      "cards",
+      "grid",
+      "media",
+      "press",
+      "trading",
+      "deriv",
+      "newsroom"
+    ],
+    "sectionType": "content",
+    "global": false,
+    "requiredFields": [
+      "posts"
+    ],
+    "optionalFields": [
+      "title",
+      "showLink",
+      "linkText",
+      "linkHref"
+    ],
+    "variants": [
+      "default"
+    ],
+    "recommendedPosition": 4,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
+    "layout": {
+      "alignment": "center",
+      "gridColumns": "3",
+      "contentWidth": "large",
+      "background": false,
+      "overlay": false
+    },
+    "supports": {
+      "backgroundImage": false,
+      "backgroundVideo": false,
+      "foregroundImage": true,
+      "primaryButton": false,
+      "secondaryButton": false,
+      "sectionLink": true,
+      "cardLink": true,
+      "tags": true
+    },
+    "imageRoles": [
+      "post-thumbnail"
+    ],
+    "defaultValues": {
+      "title": "Deriv press releases",
+      "showLink": true,
+      "linkText": "See all press releases"
+    },
+    "fields": {
+      "linkHref": {
+        "type": "url",
+        "required": false,
+        "description": "Href for the \"See all\" link."
+      },
+      "linkText": {
+        "type": "string",
+        "required": false,
+        "default": "See all press releases",
+        "defaultSource": "effective",
+        "maxLength": 40
+      },
+      "posts": {
+        "type": "array",
+        "required": true,
+        "itemFields": {
+          "category": {
+            "type": "string",
+            "required": false,
+            "maxLength": 30,
+            "description": "Category label, e.g. \"Company\"."
+          },
+          "date": {
+            "type": "string",
+            "required": false,
+            "maxLength": 30,
+            "description": "Publish date label, e.g. \"July 24, 2026\"."
+          },
+          "href": {
+            "type": "url",
+            "required": false,
+            "description": "Wraps the card in an anchor when set."
+          },
+          "summary": {
+            "type": "string",
+            "required": true,
+            "maxLength": 220
+          },
+          "thumbnail": {
+            "type": "image",
+            "required": true
+          },
+          "thumbnailAlt": {
+            "type": "string",
+            "required": false,
+            "default": "",
+            "defaultSource": "effective",
+            "maxLength": 125,
+            "description": "Alt text for the post thumbnail. Defaults to an empty string, which marks the image as decorative — set it whenever the image carries meaning."
+          },
+          "title": {
+            "type": "string",
+            "required": true,
+            "maxLength": 100
+          }
+        }
+      },
+      "showLink": {
+        "type": "boolean",
+        "required": false,
+        "default": true,
+        "description": "Show the \"See all\" link below the grid. On by default."
+      },
+      "title": {
+        "type": "string",
+        "required": false,
+        "maxLength": 80
+      }
+    }
+  },
+  "feature-blog-categories": {
+    "id": "feature-blog-categories",
+    "name": "Feature Blog Categories",
+    "component": "FeatureBlogCategories",
+    "category": "content",
+    "description": "Light section with a centered H2 heading, a search field, and CMS-managed category tabs above a responsive grid of image-led blog / press-release cards. Filtering by tab and search query happens client-side. Each card links to an internal page (same tab) or an external URL (opens in a new tab).",
+    "purpose": "A light-background content section that showcases blog posts or press releases as a searchable, filterable grid of image-led cards. A search field and a row of CMS-managed category tabs sit above a responsive card grid; both filter the same post list client-side. Each card either navigates to an internal page (same tab) or opens an external URL in a new tab. Modeled after [deriv.com/newsroom/press-releases](https://deriv.com/newsroom/press-releases) and [deriv.com/newsroom/deriv-in-the-news](https://deriv.com/newsroom/deriv-in-the-news).",
+    "keywords": [
+      "blog",
+      "press releases",
+      "newsroom",
+      "articles",
+      "news",
+      "content",
+      "cards",
+      "grid",
+      "search",
+      "filter",
+      "tabs",
+      "categories",
+      "cms",
+      "media",
+      "press",
+      "trading",
+      "deriv"
+    ],
+    "sectionType": "content",
+    "global": false,
+    "requiredFields": [
+      "categories",
+      "posts"
+    ],
+    "optionalFields": [
+      "title",
+      "allCategoryId",
+      "allCategoryLabel",
+      "defaultActiveCategoryId",
+      "searchPlaceholder",
+      "emptyStateText"
+    ],
+    "variants": [
+      "default"
+    ],
+    "recommendedPosition": 4,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
+    "layout": {
+      "alignment": "center",
+      "gridColumns": "3",
+      "contentWidth": "large",
+      "background": false,
+      "overlay": false
+    },
+    "supports": {
+      "backgroundImage": false,
+      "backgroundVideo": false,
+      "foregroundImage": true,
+      "primaryButton": false,
+      "secondaryButton": false,
+      "search": true,
+      "tabs": true,
+      "cardLink": true,
+      "externalLinkNewTab": true,
+      "tags": true
+    },
+    "imageRoles": [
+      "post-thumbnail"
+    ],
+    "defaultValues": {
+      "title": "Deriv press releases",
+      "allCategoryId": "all",
+      "allCategoryLabel": "View all",
+      "searchPlaceholder": "Search",
+      "emptyStateText": "Sorry, we couldn't find any results matching."
+    },
+    "fields": {
+      "allCategoryId": {
+        "type": "string",
+        "required": false,
+        "default": "all",
+        "defaultSource": "effective",
+        "maxLength": 40
+      },
+      "allCategoryLabel": {
+        "type": "string",
+        "required": false,
+        "default": "View all",
+        "defaultSource": "effective",
+        "maxLength": 30
+      },
+      "categories": {
+        "type": "array",
+        "required": true,
+        "description": "Category tabs, CMS-managed. An additional \"all\" tab (see allCategoryId/allCategoryLabel) is always prepended automatically — do not include it here.",
+        "itemFields": {
+          "id": {
+            "type": "string",
+            "required": true,
+            "maxLength": 40,
+            "description": "Must match FeatureBlogCategoryPost.category for filtering to work."
+          },
+          "label": {
+            "type": "string",
+            "required": true,
+            "maxLength": 30
+          }
+        }
+      },
+      "defaultActiveCategoryId": {
+        "type": "string",
+        "required": false,
+        "description": "Initial active tab id. Defaults to allCategoryId (\"View all\") when omitted."
+      },
+      "emptyStateText": {
+        "type": "string",
+        "required": false,
+        "default": "Sorry, we couldn't find any results matching.",
+        "defaultSource": "effective",
+        "maxLength": 120
+      },
+      "posts": {
+        "type": "array",
+        "required": true,
+        "itemFields": {
+          "category": {
+            "type": "string",
+            "required": true,
+            "maxLength": 40,
+            "description": "Must match one of categories[].id. Posts always also match the \"all\" tab."
+          },
+          "categoryLabel": {
+            "type": "string",
+            "required": false,
+            "maxLength": 30,
+            "description": "Category chip label shown on the card. Defaults to the matching tab's label."
+          },
+          "date": {
+            "type": "string",
+            "required": false,
+            "maxLength": 30,
+            "description": "Publish date label, e.g. \"July 24, 2026\"."
+          },
+          "href": {
+            "type": "url",
+            "required": false,
+            "description": "Absolute http(s):// URLs open in a new tab (external); relative/internal paths navigate same-tab."
+          },
+          "summary": {
+            "type": "string",
+            "required": true,
+            "maxLength": 220
+          },
+          "thumbnail": {
+            "type": "image",
+            "required": true
+          },
+          "thumbnailAlt": {
+            "type": "string",
+            "required": false,
+            "default": "",
+            "defaultSource": "effective",
+            "maxLength": 125,
+            "description": "Alt text for the post thumbnail. Defaults to an empty string, which marks the image as decorative — set it whenever the image carries meaning."
+          },
+          "title": {
+            "type": "string",
+            "required": true,
+            "maxLength": 100
+          }
+        }
+      },
+      "searchPlaceholder": {
+        "type": "string",
+        "required": false,
+        "default": "Search",
+        "defaultSource": "effective",
+        "maxLength": 40
+      },
+      "title": {
+        "type": "string",
+        "required": false,
+        "maxLength": 80
+      }
+    }
+  },
+  "feature-blog-page": {
+    "id": "feature-blog-page",
+    "name": "Feature Blog Page",
+    "component": "FeatureBlogPage",
+    "category": "content",
+    "description": "A full blog-article page: category tag, title, author/date meta, hero image, and a rich-content body alongside a sticky 'Contents' (table of contents) + 'Share article' sidebar that scroll-spies the current section on desktop. On mobile the sidebar collapses into an expandable 'Contents' card above the title and a horizontal share-icon row below the hero image. Breadcrumb navigation is not part of this template — it is composed separately above it.",
+    "purpose": "A full blog-article page: category tag, title, author/date meta, hero image, and a rich-content body alongside a sticky \"Contents\" (table of contents) and \"Share article\" sidebar that highlights the current section as the reader scrolls. On mobile/tablet the sidebar collapses into an expandable \"Contents\" card above the title and a horizontal share-icon row below the hero image, so both stay reachable without a persistent floating widget. Breadcrumb navigation is intentionally **not** part of this template — it is composed separately above it by the consuming page. Modeled after [deriv.com/newsroom/updates/deriv-derived-indices-on-tradingview](https://deriv.com/newsroom/updates/deriv-derived-indices-on-tradingview).",
+    "keywords": [
+      "blog",
+      "article",
+      "blog post",
+      "press release",
+      "newsroom",
+      "table of contents",
+      "toc",
+      "contents",
+      "share",
+      "social share",
+      "sticky sidebar",
+      "scrollspy",
+      "author",
+      "byline",
+      "trading",
+      "deriv"
+    ],
+    "sectionType": "article",
+    "global": false,
+    "requiredFields": [
+      "title",
+      "content"
+    ],
+    "optionalFields": [
+      "category",
+      "publishDate",
+      "author",
+      "heroImage",
+      "heroImageAlt",
+      "tocTitle",
+      "tocDefaultOpen",
+      "hideToc",
+      "shareTitle",
+      "shareUrl",
+      "shareText",
+      "sharePlatforms",
+      "hideShare",
+      "copiedLabel"
+    ],
+    "variants": [
+      "default"
+    ],
+    "recommendedPosition": 1,
+    "placement": [
+      "top",
+      "middle"
+    ],
+    "layout": {
+      "alignment": "left",
+      "gridColumns": "2",
+      "contentWidth": "large",
+      "background": false,
+      "overlay": false
+    },
+    "supports": {
+      "backgroundImage": false,
+      "backgroundVideo": false,
+      "foregroundImage": true,
+      "primaryButton": false,
+      "secondaryButton": false,
+      "cardLink": false,
+      "icons": true,
+      "tableOfContents": true,
+      "socialShare": true,
+      "richContent": true
+    },
+    "imageRoles": [
+      "hero-image",
+      "author-avatar",
+      "inline-image"
+    ],
+    "defaultValues": {
+      "tocTitle": "Contents",
+      "tocDefaultOpen": true,
+      "hideToc": false,
+      "shareTitle": "Share article",
+      "sharePlatforms": [
+        "facebook",
+        "twitter",
+        "telegram",
+        "linkedin"
+      ],
+      "hideShare": false,
+      "copiedLabel": "Copied!"
+    },
+    "fields": {
+      "author": {
+        "type": "object",
+        "required": false,
+        "objectFields": {
+          "avatar": {
+            "type": "image",
+            "required": false
+          },
+          "avatarAlt": {
+            "type": "string",
+            "required": false,
+            "maxLength": 125
+          },
+          "name": {
+            "type": "string",
+            "required": true,
+            "maxLength": 60
+          }
+        }
+      },
+      "category": {
+        "type": "string",
+        "required": false,
+        "maxLength": 40,
+        "description": "Small category label rendered above the title, e.g. \"Press releases\"."
+      },
+      "content": {
+        "type": "array",
+        "required": true,
+        "itemFields": {
+          "caption": {
+            "type": "string",
+            "required": false,
+            "maxLength": 200
+          },
+          "cite": {
+            "type": "string",
+            "required": false,
+            "maxLength": 120
+          },
+          "id": {
+            "type": "string",
+            "required": false,
+            "maxLength": 80,
+            "description": "Stable anchor id; auto-generated (slugified) from `text` when omitted."
+          },
+          "image": {
+            "type": "image",
+            "required": false
+          },
+          "imageAlt": {
+            "type": "string",
+            "required": false,
+            "maxLength": 125
+          },
+          "items": {
+            "type": "array",
+            "required": false
+          },
+          "level": {
+            "type": "number",
+            "required": false,
+            "default": 2,
+            "defaultSource": "effective",
+            "enum": [
+              2,
+              3
+            ],
+            "description": "Only level-2 headings are collected into the table of contents."
+          },
+          "ordered": {
+            "type": "boolean",
+            "required": false,
+            "default": false,
+            "defaultSource": "effective"
+          },
+          "text": {
+            "type": "string",
+            "required": false,
+            "maxLength": 1000
+          },
+          "type": {
+            "type": "string",
+            "required": true,
+            "enum": [
+              "heading",
+              "paragraph",
+              "list",
+              "quote",
+              "image"
+            ]
+          }
+        }
+      },
+      "copiedLabel": {
+        "type": "string",
+        "required": false,
+        "default": "Copied!",
+        "maxLength": 30
+      },
+      "heroImage": {
+        "type": "image",
+        "required": false
+      },
+      "heroImageAlt": {
+        "type": "string",
+        "required": false,
+        "default": "",
+        "defaultSource": "effective",
+        "maxLength": 125
+      },
+      "hideShare": {
+        "type": "boolean",
+        "required": false,
+        "default": false
+      },
+      "hideToc": {
+        "type": "boolean",
+        "required": false,
+        "default": false
+      },
+      "publishDate": {
+        "type": "string",
+        "required": false,
+        "maxLength": 30,
+        "description": "Publish date label, e.g. \"July 24, 2026\"."
+      },
+      "sharePlatforms": {
+        "type": "array",
+        "required": false,
+        "default": [
+          "facebook",
+          "twitter",
+          "telegram",
+          "linkedin"
+        ],
+        "defaultSource": "effective",
+        "enum": [
+          "facebook",
+          "twitter",
+          "linkedin",
+          "telegram"
+        ]
+      },
+      "shareText": {
+        "type": "string",
+        "required": false,
+        "maxLength": 200,
+        "description": "Text passed to platforms that accept share text (X/Twitter, Telegram); defaults to `title`."
+      },
+      "shareTitle": {
+        "type": "string",
+        "required": false,
+        "default": "Share article",
+        "maxLength": 40
+      },
+      "shareUrl": {
+        "type": "url",
+        "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,
+        "maxLength": 160
+      },
+      "tocDefaultOpen": {
+        "type": "boolean",
+        "required": false,
+        "default": true
+      },
+      "tocTitle": {
+        "type": "string",
+        "required": false,
+        "default": "Contents",
+        "maxLength": 40
+      }
+    }
+  },
   "feature-bullets-image-right": {
     "id": "feature-bullets-image-right",
     "name": "Feature Bullets Image Right",
@@ -1972,8 +2569,8 @@
     "name": "Header Visuals",
     "component": "Header",
     "category": "header",
-    "description": "Light-grey sub-page header with centred title, CTA buttons and optional floating parallax visuals.",
-    "purpose": "A lightweight, light-grey page header for sub-pages: an optional eyebrow subtitle, a large title, optional description, and up to two CTA buttons over a faint SVG grid background. The Visuals variant adds floating parallax images in the top-left and bottom-right corners. This block is designed as a lower-weight alternative to the full-viewport Hero — it sits above content without dominating the first viewport (min-height 540px).",
+    "description": "Sub-page header with centred title, CTA buttons, and either a light-grey background with optional floating parallax visuals, or a dark navy background (optionally with a search field) in a shorter format.",
+    "purpose": "A page header for sub-pages: an optional eyebrow subtitle, a large title, optional description, and up to two CTA buttons over a faint SVG grid background. - **Visuals** variant adds floating parallax images in the top-left and bottom-right corners. - **Minimal** variant is the same without the floating graphics. - **Centred - Dark** variant swaps to a dark navy background with a shorter min-height, for tool/resource index pages that sit right below a dark navbar (no breadcrumb or navbar baked in — pair those components separately, as on `deriv.com/trading-calculators`). - **Centred - Dark with Search** variant is the dark background plus a search field below the title/description, for pages like the Help Centre index. This block is designed as a lower-weight alternative to the full-viewport Hero — it sits above content without dominating the first viewport (min-height 540px for the light variants; 420px on mobile/tablet and 460px on desktop for the dark variants — actual height still grows with longer content).",
     "keywords": [
       "header",
       "page-header",
@@ -1986,7 +2583,10 @@
       "parallax",
       "cta",
       "trading",
-      "deriv"
+      "deriv",
+      "dark",
+      "search",
+      "help-centre"
     ],
     "sectionType": "header",
     "global": false,
@@ -2000,11 +2600,14 @@
       "primaryButton",
       "secondaryButton",
       "leftVisual",
-      "rightVisual"
+      "rightVisual",
+      "search"
     ],
     "variants": [
       "visuals",
-      "minimal"
+      "minimal",
+      "dark",
+      "dark-search"
     ],
     "recommendedPosition": 1,
     "placement": [
@@ -2024,7 +2627,8 @@
       "primaryButton": true,
       "secondaryButton": true,
       "eyebrow": true,
-      "parallax": true
+      "parallax": true,
+      "search": true
     },
     "imageRoles": [
       "left-visual",
@@ -2066,6 +2670,19 @@
         "aspectRatio": "1:1",
         "description": "Right floating visual, rendered by the `visuals` variant only. Accepts a ReactNode in code; page builders should pass an image URL string."
       },
+      "search": {
+        "type": "object",
+        "required": false,
+        "description": "Search field configuration, rendered only by the `dark-search` variant (the field always appears for that variant; this only customises it).",
+        "objectFields": {
+          "placeholder": {
+            "type": "string",
+            "required": false,
+            "maxLength": 40,
+            "description": "Placeholder text for the search input. Defaults to \"Search\"."
+          }
+        }
+      },
       "secondaryButton": {
         "type": "object",
         "required": false,
@@ -2098,9 +2715,11 @@
         "required": true,
         "enum": [
           "visuals",
-          "minimal"
+          "minimal",
+          "dark",
+          "dark-search"
         ],
-        "description": "Layout variant. Required — the component has no fallback, so omitting it renders an unstyled header."
+        "description": "Layout variant. Required — the component has no fallback, so omitting it renders an unstyled header. 'dark' and 'dark-search' use a dark navy background with a shorter min-height than 'visuals'/'minimal'; 'dark-search' also renders a search field below the text (e.g. Help Centre header)."
       }
     }
   },
@@ -3209,6 +3828,143 @@
       }
     }
   },
+  "parallax-banner": {
+    "id": "parallax-banner",
+    "name": "Parallax Banner",
+    "component": "ParallaxBanner",
+    "category": "banner",
+    "description": "Dark rounded banner card with a culture/values headline, supporting copy, one CTA link, and a photo with a subtle scroll-linked parallax. The \"default\" variant adds a grid of four short value cards underneath; \"banner-only\" renders just the banner. Modeled on the \"Our culture\" section on careers.deriv.com.",
+    "purpose": "A dark, rounded banner card that introduces a company's culture or values — headline, supporting copy, and one CTA link on one side, a photo on the other — with a subtle scroll-linked parallax on the photo as the section enters and leaves the viewport. The `default` variant adds a grid of four short value/culture cards directly beneath the banner; the `banner-only` variant renders just the banner card. Modeled after the \"Our culture\" section on [careers.deriv.com](https://careers.deriv.com).",
+    "keywords": [
+      "careers",
+      "culture",
+      "values",
+      "about-us",
+      "banner",
+      "image",
+      "photo",
+      "parallax",
+      "scroll",
+      "cta",
+      "team",
+      "hiring",
+      "jobs",
+      "deriv"
+    ],
+    "sectionType": "banner",
+    "global": false,
+    "requiredFields": [],
+    "optionalFields": [
+      "variant",
+      "title",
+      "description",
+      "ctaLabel",
+      "ctaHref",
+      "imageUrl",
+      "imageAlt",
+      "cards",
+      "enableParallax"
+    ],
+    "variants": [
+      "default",
+      "banner-only"
+    ],
+    "recommendedPosition": 4,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
+    "layout": {
+      "alignment": "left",
+      "buttonLayout": "none",
+      "contentWidth": "wide",
+      "background": true,
+      "overlay": false,
+      "parallax": true
+    },
+    "supports": {
+      "backgroundImage": false,
+      "backgroundVideo": false,
+      "foregroundImage": true,
+      "primaryButton": false,
+      "secondaryButton": false,
+      "ctaLink": true,
+      "parallax": true,
+      "editableText": true
+    },
+    "imageRoles": [
+      "split-panel"
+    ],
+    "defaultValues": {
+      "variant": "default",
+      "title": "Our culture",
+      "description": "We combine human values with AI precision. Collaboration, integrity, and continuous learning guide every project.",
+      "ctaLabel": "Culture at Deriv",
+      "enableParallax": true
+    },
+    "fields": {
+      "cards": {
+        "type": "array",
+        "required": false,
+        "itemFields": {
+          "description": {
+            "type": "string",
+            "required": true,
+            "maxLength": 220
+          },
+          "title": {
+            "type": "string",
+            "required": true,
+            "maxLength": 40
+          }
+        }
+      },
+      "ctaHref": {
+        "type": "string",
+        "required": false
+      },
+      "ctaLabel": {
+        "type": "string",
+        "required": false,
+        "maxLength": 40
+      },
+      "description": {
+        "type": "string",
+        "required": false,
+        "maxLength": 220
+      },
+      "enableParallax": {
+        "type": "boolean",
+        "required": false,
+        "default": true
+      },
+      "imageAlt": {
+        "type": "string",
+        "required": false,
+        "maxLength": 120,
+        "default": ""
+      },
+      "imageUrl": {
+        "type": "image",
+        "required": false,
+        "aspectRatio": "4:3"
+      },
+      "title": {
+        "type": "string",
+        "required": false,
+        "maxLength": 60
+      },
+      "variant": {
+        "type": "string",
+        "required": false,
+        "enum": [
+          "default",
+          "banner-only"
+        ],
+        "default": "default"
+      }
+    }
+  },
   "stats-carousel": {
     "id": "stats-carousel",
     "name": "Stats Carousel",
@@ -3861,8 +4617,8 @@
     "name": "Testimonial",
     "component": "Testimonial",
     "category": "testimonial",
-    "description": "Auto-advancing testimonial carousel showing one quote card at a time with decorative quote marks, author details, and dot pagination.",
-    "purpose": "A full-width testimonial carousel section that displays one quote card at a time — with decorative quote marks, the quote text, an optional author avatar, name, and location — and auto-advances through the slides every 5 seconds, with dot pagination for manual navigation. This block is designed to build trust with partner or customer voices, giving each quote full visual focus. The 5-second auto-advance is **not configurable** — there is no prop to slow it down or switch it off. The block's only props are `title`, `items` and `className`.",
+    "description": "Testimonial section with two variants: an auto-advancing single-slide quote carousel with dot pagination (default), and a horizontally-scrollable row of star-rated Trustpilot review cards with a rating badge and prev/next controls (trustpilot).",
+    "purpose": "A full-width testimonial section for showcasing partner or customer quotes. Ships in two variants: - **Default** — one quote card at a time, with decorative quote marks, an optional author avatar, name, and location; auto-advances every 5 seconds with dot pagination for manual navigation. - **Trustpilot** — a horizontally-scrollable row of star-rated review cards plus a \"Trustpilot\" rating badge and prev/next arrow controls. Modeled after the \"What our customers say\" section on deriv.com's homepage. The 5-second auto-advance is **not configurable** — there is no prop to slow it down or switch it off. The block's only props are `title`, `items` and `className`.",
     "keywords": [
       "testimonial",
       "quote",
@@ -3874,7 +4630,12 @@
       "customer",
       "trader",
       "trading",
-      "deriv"
+      "deriv",
+      "trustpilot",
+      "star rating",
+      "reviews",
+      "customer feedback",
+      "homepage"
     ],
     "sectionType": "testimonial",
     "global": false,
@@ -3882,10 +4643,14 @@
       "items"
     ],
     "optionalFields": [
-      "title"
+      "title",
+      "variant",
+      "trustpilotUrl",
+      "trustpilotScore"
     ],
     "variants": [
-      "default"
+      "default",
+      "trustpilot"
     ],
     "recommendedPosition": 6,
     "placement": [
@@ -3905,6 +4670,9 @@
       "autoAdvance": true,
       "dotPagination": true,
       "quoteMarks": true,
+      "starRating": true,
+      "reviewLinkOut": true,
+      "brandRatingBadge": true,
       "primaryButton": false,
       "secondaryButton": false,
       "badge": false
@@ -3912,7 +4680,11 @@
     "imageRoles": [
       "author-avatar"
     ],
-    "defaultValues": {},
+    "defaultValues": {
+      "variant": "default",
+      "trustpilotUrl": "https://www.trustpilot.com/review/deriv.com?utm_medium=trustbox&utm_source=Mini",
+      "trustpilotScore": 4.5
+    },
     "fields": {
       "items": {
         "type": "array",
@@ -3937,6 +4709,16 @@
             "type": "string",
             "required": true,
             "maxLength": 400
+          },
+          "rating": {
+            "type": "number",
+            "required": false,
+            "min": 0,
+            "max": 5
+          },
+          "reviewUrl": {
+            "type": "string",
+            "required": false
           }
         }
       },
@@ -3944,6 +4726,20 @@
         "type": "string",
         "required": false,
         "maxLength": 80
+      },
+      "trustpilotScore": {
+        "type": "number",
+        "required": false,
+        "min": 0,
+        "max": 5
+      },
+      "trustpilotUrl": {
+        "type": "string",
+        "required": false
+      },
+      "variant": {
+        "type": "enum",
+        "required": false
       }
     }
   },