The nav menu must have the following structure and use the tags that indicate the menu sections.

In the structure you can see some labels with [xxx-hover] at the end, you can add a different style to these elements for the hover.
If you are going to use the class workflow, just add the class to the main element: [nav-menu] Main menu {menu-class}
PS: In the figma file you will find this ready-made structure that will save you time.