{
  "root": "frame",
  "elements": {
    "frame": {
      "type": "Frame",
      "props": {
        "width": 1200,
        "height": 630,
        "backgroundColor": "var(--background)",
        "padding": 56,
        "display": "flex",
        "flexDirection": "column",
        "alignItems": "flex-start",
        "justifyContent": "space-between"
      },
      "children": [
        "badge-row",
        "content",
        "footer"
      ]
    },
    "badge-row": {
      "type": "Row",
      "props": {
        "gap": 8,
        "alignItems": "center",
        "justifyContent": "flex-start",
        "padding": null,
        "flex": null,
        "wrap": null
      },
      "children": [
        "badge"
      ]
    },
    "badge": {
      "type": "Box",
      "props": {
        "padding": 10,
        "paddingTop": null,
        "paddingBottom": null,
        "paddingLeft": 16,
        "paddingRight": 16,
        "margin": null,
        "backgroundColor": "var(--primary)",
        "borderWidth": null,
        "borderColor": null,
        "borderRadius": 999,
        "flex": null,
        "width": null,
        "height": null,
        "alignItems": "center",
        "justifyContent": "center",
        "flexDirection": "row",
        "position": "relative",
        "top": null,
        "left": null,
        "right": null,
        "bottom": null,
        "overflow": null
      },
      "children": [
        "badge-text"
      ]
    },
    "badge-text": {
      "type": "Text",
      "props": {
        "text": "NOW LIVE",
        "fontSize": 20,
        "color": "var(--primary-foreground)",
        "align": "center",
        "fontWeight": "bold",
        "fontStyle": null,
        "lineHeight": 1.2,
        "letterSpacing": 1.5,
        "textDecoration": null
      }
    },
    "content": {
      "type": "Column",
      "props": {
        "gap": 18,
        "alignItems": "flex-start",
        "justifyContent": "center",
        "padding": null,
        "flex": 1
      },
      "children": [
        "title",
        "subtitle",
        "divider",
        "stats"
      ]
    },
    "title": {
      "type": "Heading",
      "props": {
        "text": "Ship AI Features in Days",
        "level": "h1",
        "color": "var(--foreground)",
        "align": "left",
        "letterSpacing": null,
        "lineHeight": 1.1
      }
    },
    "subtitle": {
      "type": "Text",
      "props": {
        "text": "Build UI, PDF, video, and image artifacts from natural language.",
        "fontSize": 34,
        "color": "var(--muted-foreground)",
        "align": "left",
        "fontWeight": "normal",
        "fontStyle": null,
        "lineHeight": 1.3,
        "letterSpacing": null,
        "textDecoration": null
      }
    },
    "divider": {
      "type": "Divider",
      "props": {
        "color": "var(--border)",
        "thickness": 2,
        "marginTop": 8,
        "marginBottom": 8
      }
    },
    "stats": {
      "type": "Row",
      "props": {
        "gap": 28,
        "alignItems": "center",
        "justifyContent": "flex-start",
        "padding": null,
        "flex": null,
        "wrap": null
      },
      "children": [
        "stat-one",
        "stat-two",
        "stat-three"
      ]
    },
    "stat-one": {
      "type": "Text",
      "props": {
        "text": "12k weekly builders",
        "fontSize": 24,
        "color": "var(--foreground)",
        "align": "left",
        "fontWeight": "bold",
        "fontStyle": null,
        "lineHeight": 1.2,
        "letterSpacing": null,
        "textDecoration": null
      }
    },
    "stat-two": {
      "type": "Text",
      "props": {
        "text": "3x faster iteration",
        "fontSize": 24,
        "color": "var(--foreground)",
        "align": "left",
        "fontWeight": "bold",
        "fontStyle": null,
        "lineHeight": 1.2,
        "letterSpacing": null,
        "textDecoration": null
      }
    },
    "stat-three": {
      "type": "Text",
      "props": {
        "text": "SVG + PNG export",
        "fontSize": 24,
        "color": "var(--foreground)",
        "align": "left",
        "fontWeight": "bold",
        "fontStyle": null,
        "lineHeight": 1.2,
        "letterSpacing": null,
        "textDecoration": null
      }
    },
    "footer": {
      "type": "Text",
      "props": {
        "text": "json-render-image",
        "fontSize": 20,
        "color": "var(--muted-foreground)",
        "align": "left",
        "fontWeight": "normal",
        "fontStyle": null,
        "lineHeight": 1.2,
        "letterSpacing": 0.6,
        "textDecoration": null
      }
    }
  }
}