It is not clear as to what you want your output to look like. Write out or show what you want.
Do you want to show all the Headings first e.g. Attitude, Friendship etc. and for the user to select one, or do you want to show everything, so all the first items from Attitude, Friendship etc., then all the second items and so on.
OK, we are getting somewhere. When a user presses on one of the categories, what do you want them to see, all of the numbered items...without images, or just one image at the top for the category?
After clicking on a specific category, the data in the data node should appear on screen 2, not the image, and the category name that accompanies that data will appear in label 1 of screen 2.
I have used dynamic list view before, there were some issues while loading large data, due to that I have used recycle, I am also using second screen for this purpose.
OK, so, for example, the category Friendship will have 1000 quotes in your final app.
What is your user going to do with that ? Probably scroll the first 25 or so then give up / go back.... on their second visit to the category quotes, they will be presented with all the quotes they have already read? Does the quote list need to be randomised / filtered ?
Just trying to get you to think outside the box on this one.