Create header for Astro

The navigation menu is going to be implemented as a "mega menu". These are expandable menus which display menu items in a two-dimensional dropdown layout.

Reference this to learn more about mega-menus.

@mkokabi was inspired by Cisco's mega menu which can be found here.

For larger screens, the menu should be able to display:

• Ads
• Headings for columns
• Columns of links
• Right-aligned column reserved for adverts

For smaller screens, the menu should:

• Display columns stacked vertically
• Nest menu items (includes column headings as a navigable menu item)

Mock-ups and assets

The mockups for the mega-menu are listed below:

• Desktop (default state)
• Desktop (opened state)
• Mobile (both states)