JSFiddle - React, Tailwind, and code Playground

by neonDog

JavaScript

const t = {"v94":{label: 'Section', blockType: 'section', blockId: 1, children:{
                "v42":{label: 'Container', blockType: 'section', blockId: 1, className:'container py-5', children:{
                    "v92":{label: 'Row', blockType: 'row', blockId: 1, children:{
                        "v223":{label: 'Column', blockType: 'column', blockId: 1, children:{
                            "v133":{label: 'Text', icon:'fa fa-font', blockType:'rich-text', blockId: 1, className:'lazyload fade-in', html:'<h2>Run your agency with ease.</h2>'},
                            "v333":{label: 'Text', icon:'fa fa-font', blockType:'rich-text', blockId: 1, className:'lead lazyload fade-in delay-100', html:'<p>Our system has been built from the ground up to cater to the needs of model and talent agencies. Run your agency effectively and efficiently.</p>'},
                            "v33":{label: 'Text', icon:'fa fa-font', blockType:'rich-text', blockId: 1, className:'checkmarks lead lazyload fade-in delay-200', html:`<ul>
                                <li>Model management</li>
                                <li>Booking system</li>
                                <li>Track models and clients</li>
                                <li>Build and edit your website</li>
                            </ul>`}
                        }},
                        "v224":{label: 'Column', blockType: 'column', blockId: 1, children:{
                            "v345":{label: 'Image', blockType: 'image', blockId: 1, className:'img-fluid lazyload slide-right delay-100', image:'http://runyour.agency.local/images/tab1-1-1.png'}
                        }}
                    }}
                }}
            }},

            "x94":{label: 'Section', blockType: 'section', blockId: 1, children:{
                "x94":{label: 'Container', blockType: 'section', blockId: 1, className:'container py-5', children:{
                    "x92":{label: 'Row', blockType: 'row', reverse: true,...