All solutions

It was a bit weird to have to emulate the steps. Nonetheless, it works and now I just have to refactor the code for clarity

Curious to hear about other styling strategies for multiple themed apps

I'd love to know what's happening to Åland Islands. My getStaticPaths returns "Åland Islands", which, when passed into the API call, works. However, getStaticProps running that query fails and gives me a 404.

My architectural choices were definitely not great, but I don't have the time to refactor it :)

I chose redux to avoid this, but ideally I would have used context and a very good structure for the project.

I also made some small UI changes: inverted tip and # of people fields, since they make more sense this way; removed padding for the left-side, to be aligned with the right side

I'm really curious what's the best practice to have a hover on the svg icon but not have the parent div hovered :)

I mean, I can if I include the SVG inline rather than import it, but I tried to keep the input pure