# Content

Here is where the main dashboard content gets wrapped in three neat separated  news sections.

Just like the dashboard there is two content components one for each dashboard to view the options suitable for the page  `<GuestContent />` for the guest dashboard and `<Content />` for the user dashboard

We map over the three items of the news sections to fill the page with the required data.&#x20;

```jsx
{['Most Read', 'Trending', 'Latest'].map(value => (
            <Grid key={value} item>
              <Typography  variant="h6" noWrap>
                {value} 
              </Typography>
              <Paper className={classes.paper} >
                <TitlebarGridList name = {value}/>
              </Paper>
            </Grid>
          ))}
```
