Just JSON

const site = {
  id: 'mega bikes',
  label: 'Mega Bikes',
  pages: [ 
    ...,
    {
      id,
      title,
      content: [
        {
          id: '2d73d',
          width: 'contained',
          columns: [
            {
              id: 'fke93e',
              size: 'w-full',
              rows: [
                {
                  type: 'component',
                  id: 'pe3es4',
                  symbolID: '39diip',
                  value: {
                    raw: {
                      html: '<h1>{{heading}}</h1>',
                      css: '',
                      js: '',
                      fields: [
                        {} // Field object
                      ]
                    },
                    final: {
                      html: '<h1>Welcome to Mega Bikes</h1>',
                      css: '',
                      js: ''
                    }
                  }
                },
                {
                  id: '9ekie',
                  type: 'content',
                  value: {
                    html: '<p>We have everything you need, and more</p>'
                  }
                }
              ]
            }
          ]
        }
      ],
      styles: {}, // Style object
      wrapper: {}, // Wrapper object
      fields: [], // Field objects
      symbols: [
        {} // Symbol object 
      ]
    }
  ],
  styles: {
    raw: 'h1 {@apply text-red-100}',
    final: 'h1 { --text-opacity: 1;color: #f05252;color: rgba(240, 82, 82, var(--text-opacity));}',
    tailwind: `{
      theme: {
        container: {
          center: true
        }
      },
      variants: {}
    }`
  },
  wrapper: {
    head: {
      raw: '<title>Call us at {{phone}}</title>',
      final: '<title>Call us at 382-384-2933</title>'
    },
    below: {
      raw: '',
      final: ''
    }
  },
  fields: [
    {
      id: '83eos3',
      key: "phone",
      label: "Phone Number",
      value: "382-384-2933",
      type: "text",
      fields: [],
    }
  ],
  symbols: [
    {
      id: '39diip',
      value: {
        raw: {
          css: '',
          html: '<h1>{{heading}}</h1>',
          js: '',
          fields: [
            {} // Field object
          ]
        },
        final: {
          css: '',
          html: '<h1>A Heading Goes Here</h1>',
          js: '',
        }
      }
    }
  ]
}