Right now the collection of menus in the footer are hard coded. For code reuse and modularity, this feature really should be created from data files, like a siteFooter object in src/data/site.json. Then each submenu could be a child object of a menus property. For example:
"siteFooter": {
"menus": [
[
{
"href": "/about/",
"text": "About"
},
{
"href": "/news/",
"text": "News"
}
],
[
{
"href": "/directory/",
"text": "Find a Church"
},
{
"href": "/map/",
"text": "District Map"
}
],
]
}
Right now the collection of menus in the footer are hard coded. For code reuse and modularity, this feature really should be created from data files, like a
siteFooterobject insrc/data/site.json. Then each submenu could be a child object of amenusproperty. For example: