It’s an “Action” for elements. The menu is easy. It’s just a group that sits at the bottom. Or if you want to breakup the layout into scenes, and not just have vertical scrolling, a persistent symbol is also another way to do the menu.
The animations themselves look pretty doable - I’m a biased source but Hype is generally more powerful than Edge Animate was ;).
The viewport actions (aka waypoints) are a great way to trigger animations when scrolled to. It is up to you on how you want to break it up; you could do the whole page as one large Hype document, or split it up into different documents and glue it together via HTML. I’d personally do separate animations because it will be easier to work with.