JSFiddle - React, Tailwind, and code Playground

JavaScript

let arr = [
    {
        "name": "sunrise",
        "levels": "1-12",
        "url": "/answers/sunrise/",
        "nested": [
            {
                "name": "rise",
                "level": "1-4",
                "url": "/answers/sunrise/rise/"
            },
            {
                "name": "grow",
                "level": "5-8",
                "url": "/answers/sunrise/grow/"
            },
            {
                "name": "grow",
                "level": "9-12",
                "url": "/answers/sunrise/shine/"
            }
        ]
    },
    {
        "name": "forest",
        "levels": "13-80",
        "url": "/answers/forest/",
        "nested": [
            {
                "name": "pine",
                "level": "13-20",
                "url": "/answers/sunrise/pine/"
            },
            {
                "name": "dew",
                "level": "21-32",
                "url": "/answers/sunrise/dew/"
            },
            {
                "name": "flow",
                "level": "33-48",
                "url": "/answers/sunrise/flow/"
            },
            {
                "name": "fog",
                "level": "49-64",
                "url": "/answers/sunrise/fog/"
            },
            {
                "name": "life",
                "level": "65-80",
                "url": "/answers/sunrise/life/"
            }
        ]
    }
];
console.log(arr);