{
  "surface_id": "onboadring-13th-floor-escape",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "onboadring-13th-floor-escape",
          "root": "root-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "onboadring-13th-floor-escape",
          "components": [
            {
              "id": "root-card",
              "component": {
                "Card": {
                  "child": "main-column"
                }
              }
            },
            {
              "id": "main-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "hero-image",
                      "story-title",
                      "story-tags",
                      "summary-card",
                      "read-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "hero-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/13th-floor-escape-desert/1200/900"
                  },
                  "size": "full"
                }
              }
            },
            {
              "id": "story-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "《13th Floor Escape》"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "story-tags",
              "component": {
                "FilterTags": {
                  "tags": {
                    "literalArray": [
                      "#Thriller",
                      "#Puzzle",
                      "#Survival"
                    ]
                  }
                }
              }
            },
            {
              "id": "summary-card",
              "component": {
                "Card": {
                  "child": "summary-column"
                }
              }
            },
            {
              "id": "summary-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "summary-text"
                    ]
                  }
                }
              }
            },
            {
              "id": "summary-text",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Midnight. The elevator halts at the non-existent 13th floor. A bloody countdown begins ticking, and every wrong door choice brings you closer to whatever is breathing in the dark."
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "read-button",
              "component": {
                "Button": {
                  "child": "read-button-content",
                  "style": "secondary",
                  "action": {
                    "name": "onboarding_read_story",
                    "handler": {
                      "operation": "open_miniapp",
                      "value": {
                        "project_id": "xxxxxxxxx"
                      }
                    }
                  }
                }
              }
            },
            {
              "id": "read-button-content",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "read-icon",
                      "read-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "read-icon",
              "component": {
                "Icon": {
                  "name": {
                    "literalString": "book-open"
                  }
                }
              }
            },
            {
              "id": "read-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Read"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      }
    ]
  }
}