x

apps/mcp-server/section-toolkit.ts

@@ -8,6 +8,7 @@ import {
 
 const WEBSITE_PAGE_SECTION_TYPE_LIST = [
   "HERO",
+  "HERO_CAROUSEL",
   "ANNOUNCEMENT_BAR",
   "NEWSLETTER",
   "EDITORIAL_TILE",
@@ -227,6 +228,38 @@ const PAGE_BLOCK_METADATA: Record<string, BlockMetadata> = {
       ]
     }
   },
+  HERO_CAROUSEL: {
+    type: "HERO_CAROUSEL",
+    requiredFields: ["slides[].imageUrl"],
+    optionalFields: ["autoplay", "interval", "aspectRatio", "mobileAspectRatio", "showArrows", "showDots", "backgroundColor", "slides[].mobileImageUrl", "slides[].linkUrl", "slides[].alt", "slides[].title", "slides[].subtitle", "slides[].buttonText", "slides[].focalPoint"],
+    renderedFields: ["autoplay", "interval", "aspectRatio", "mobileAspectRatio", "showArrows", "showDots", "backgroundColor", "slides"],
+    storedOnlyFields: [],
+    discoveryToolsNeeded: [],
+    warnings: ["Full-wide edge-to-edge promotional carousel. Default aspect ratio is '21/7' for a sleek Beautrium-style wide ribbon."],
+    minimalPayload: {
+      slides: [
+        { imageUrl: imageUrlExample, linkUrl: "/shop", alt: localizedObjectExample }
+      ]
+    },
+    recommendedPayload: {
+      autoplay: true,
+      interval: 4500,
+      aspectRatio: "21/7",
+      mobileAspectRatio: "16/9",
+      showArrows: true,
+      showDots: true,
+      slides: [
+        {
+          imageUrl: imageUrlExample,
+          linkUrl: "/shop",
+          alt: { th: "โปรโมชั่นพิเศษ 1", en: "Special Deal 1" },
+          title: { th: "โปรแรงลดสูงสุด [70%]", en: "Mega Sale Up To [70% OFF]" },
+          subtitle: { th: "BEAUTY DEALS", en: "BEAUTY DEALS" },
+          buttonText: { th: "ช้อปเลย", en: "Shop Now" }
+        }
+      ]
+    }
+  },
   EDITORIAL_CAROUSEL: {
     type: "EDITORIAL_CAROUSEL",
     requiredFields: ["title", "slides[].category", "slides[].title", "slides[].description", "slides[].imageUrl"],