Discussion posts and replies are publicly visible
Not 100% but you can build something 90% close using sideBySideLayout, stampField, buttonWidget and richTextDisplayField.
But I am having hard time to understand why there are so many empty blocks between 2 and 1?
That blocks needs to be update according to the selected webpage.
1 is the parent node and blocks are the sub node, like that only 2 is the parent node then inside 2 same blocks are there which represent the sub node.
You could use "related milestone" components...something like this:
...where for each step in the top set of steps, you have a different set of sub-steps displayed and managed below.
Or (a bit more like the paradigm you're aiming for) this: