[
  {
    "id": "social_hub_root",
    "type": "Stack",
    "props": {
      "className": "flex flex-col gap-6"
    },
    "children": [
      {
        "id": "social_hub_hero",
        "type": "Card",
        "props": {
          "className": "p-6"
        },
        "children": [
          {
            "id": "social_hub_heading",
            "type": "Heading",
            "props": {
              "children": "Social Hub",
              "level": "2",
              "className": "text-2xl font-bold"
            },
            "children": []
          },
          {
            "id": "social_hub_subtitle",
            "type": "Text",
            "props": {
              "children": "A modern feed for creator updates, curated stories, and live moments."
            },
            "children": []
          }
        ]
      },
      {
        "id": "social_hub_stats",
        "type": "Grid",
        "props": {
          "className": "grid grid-cols-3 gap-4"
        },
        "children": [
          {
            "id": "social_hub_stat_1",
            "type": "Card",
            "props": {
              "className": "p-4"
            },
            "children": [
              {
                "id": "social_hub_stat_label_1",
                "type": "Text",
                "props": {
                  "children": "Creators live",
                  "className": "text-sm text-muted-foreground"
                },
                "children": []
              },
              {
                "id": "social_hub_stat_value_1",
                "type": "Heading",
                "props": {
                  "children": "128",
                  "level": "3",
                  "className": "text-xl font-semibold"
                },
                "children": []
              }
            ]
          },
          {
            "id": "social_hub_stat_2",
            "type": "Card",
            "props": {
              "className": "p-4"
            },
            "children": [
              {
                "id": "social_hub_stat_label_2",
                "type": "Text",
                "props": {
                  "children": "Trending tags",
                  "className": "text-sm text-muted-foreground"
                },
                "children": []
              },
              {
                "id": "social_hub_stat_value_2",
                "type": "Heading",
                "props": {
                  "children": "42",
                  "level": "3",
                  "className": "text-xl font-semibold"
                },
                "children": []
              }
            ]
          },
          {
            "id": "social_hub_stat_3",
            "type": "Card",
            "props": {
              "className": "p-4"
            },
            "children": [
              {
                "id": "social_hub_stat_label_3",
                "type": "Text",
                "props": {
                  "children": "Live rooms",
                  "className": "text-sm text-muted-foreground"
                },
                "children": []
              },
              {
                "id": "social_hub_stat_value_3",
                "type": "Heading",
                "props": {
                  "children": "7",
                  "level": "3",
                  "className": "text-xl font-semibold"
                },
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": "social_hub_composer",
        "type": "Card",
        "props": {
          "className": "p-4"
        },
        "children": [
          {
            "id": "social_hub_composer_label",
            "type": "Label",
            "props": {
              "children": "Share a quick update"
            },
            "children": []
          },
          {
            "id": "social_hub_composer_input",
            "type": "Textarea",
            "props": {
              "placeholder": "What are you building today?",
              "rows": 3
            },
            "children": []
          },
          {
            "id": "social_hub_composer_actions",
            "type": "Flex",
            "props": {
              "className": "flex gap-2"
            },
            "children": [
              {
                "id": "social_hub_composer_publish",
                "type": "Button",
                "props": {
                  "children": "Publish",
                  "variant": "default"
                },
                "children": []
              },
              {
                "id": "social_hub_composer_media",
                "type": "Button",
                "props": {
                  "children": "Add media",
                  "variant": "outline"
                },
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": "social_hub_feed",
        "type": "Stack",
        "props": {
          "className": "flex flex-col gap-4"
        },
        "children": [
          {
            "id": "social_hub_feed_post_1",
            "type": "Card",
            "props": {
              "className": "p-5"
            },
            "children": [
              {
                "id": "social_hub_feed_post_1_title",
                "type": "Heading",
                "props": {
                  "children": "Launch day recap",
                  "level": "3",
                  "className": "text-lg font-semibold"
                },
                "children": []
              },
              {
                "id": "social_hub_feed_post_1_body",
                "type": "Text",
                "props": {
                  "children": "We shipped the new live rooms and saw a 32% boost in engagement."
                },
                "children": []
              },
              {
                "id": "social_hub_feed_post_1_badge",
                "type": "Badge",
                "props": {
                  "children": "Community"
                },
                "children": []
              }
            ]
          },
          {
            "id": "social_hub_feed_post_2",
            "type": "Card",
            "props": {
              "className": "p-5"
            },
            "children": [
              {
                "id": "social_hub_feed_post_2_title",
                "type": "Heading",
                "props": {
                  "children": "Creator spotlight",
                  "level": "3",
                  "className": "text-lg font-semibold"
                },
                "children": []
              },
              {
                "id": "social_hub_feed_post_2_body",
                "type": "Text",
                "props": {
                  "children": "Nova shares her workflow for livestreaming and managing subscribers."
                },
                "children": []
              },
              {
                "id": "social_hub_feed_post_2_badge",
                "type": "Badge",
                "props": {
                  "children": "Spotlight",
                  "variant": "secondary"
                },
                "children": []
              }
            ]
          }
        ]
      }
    ]
  }
]
