JSFiddle - React, Tailwind, and code Playground
by Marco Abate
JavaScript
const pageModel = {":items":{"root":{"gridClassNames":"aem-Grid aem-Grid--12 aem-Grid--default--12","columnClassNames":{"navigation":"aem-GridColumn aem-GridColumn--default--12","search":"aem-GridColumn aem-GridColumn--default--12","languagenavigation":"aem-GridColumn aem-GridColumn--default--12","logo":"aem-GridColumn aem-GridColumn--default--12"},"columnCount":12,"allowedComponents":{"applicable":false,"components":[]},":items":{"navigation":{"id":"navigation-c6a0e9112d","items":[{"id":"navigation-c6a0e9112d-item-ee41322bf1","path":"/content/jlr-spa/us/en","link":{"valid":true,"url":"/content/jlr-spa/us/en.html"},"children":[{"id":"navigation-c6a0e9112d-item-295eb7d813","path":"/content/jlr-spa/us/en/jlr-react-page","link":{"valid":true,"url":"/content/jlr-spa/us/en/jlr-react-page.html"},"children":[],"level":1,"active":false,"current":false,"lastModified":1682669435762,"title":"JLR React Page",":type":"jlr-spa/components/reactpage","dataLayer":{"navigation-c6a0e9112d-item-295eb7d813":{"@type":"jlr-spa/components/navigation/item","repo:modifyDate":"2023-04-27T16:32:21Z","dc:title":"JLR React Page","xdm:linkURL":"/content/jlr-spa/us/en/jlr-react-page.html"}}}],"level":0,"active":false,"current":false,"title":"JLR SPA Back-end",":type":"jlr-spa/components/spa","dataLayer":{"navigation-c6a0e9112d-item-ee41322bf1":{"@type":"jlr-spa/components/navigation/item","repo:modifyDate":"2023-04-27T16:32:21Z","dc:title":"JLR SPA...