Buttons for navigation should be anchors [A11y][Good First Issue]

Currently the navigation uses buttons to activate the navigation.

As these affect navigation they should be actual links (anchors) for accessibility.

SUggested

Change from:

<button class="px-4 py-2 font-bold text-black bg-white rounded hov-bg-theme">4C</button>

To:

<a href="https://www.4c.rocks/" class="px-4 py-2 font-bold text-black bg-white rounded hov-bg-theme">4C</a>

Repeat adding relevant hyperlinks for each menu item.

Bonus points

You should wrap the anchors in <li> to ease navigation for screen reader users (as it states how many items there are in the list so they know how large the menu is).

Markup outline:

<nav>
  <ul> <!-- replace the current div here with the <ul>
    <li><a href="ref">text</a></li>
    <li><a href="ref">text</a></li>
    <li><a href="ref">text</a></li>
    <li><a href="ref">text</a></li>
  </ul>
<nav>

[olybeke]

hi @FrancescoXX , I would like to work on this issue. Can you assign me?

[tobySolutions]

Fixed by #390