All solutions

I think overall the site is awesome. I would appreciate any and all feedback, especially about anything that isn't quite right. One very minor problem was that I could not figure out how to disable the submit button when the form was not filled out completely, at least not without having validation messages appear on every line right from the start.

For some reason the margins don't look good on Chrome. They're fine on Firefox and Safari.

I tried to compute the width of the arrow boxes for the homepage so that they would start at the end of the picture above and end with the end of the text below. Most of the time it works, but sometimes it doesn't, and I can't figure it out. Cmd - r usually fixes it. Code is in arrows.js if anyone would care to look.

The only thing I couldn't fix was a brief appearance of the mobile menu when I was changing the size from table to mobile.

React router was the way to go. I also used a custom hook from useContext to make a context provider so that I only had to load the country array once and then could access it from any component. I would appreciate anyone taking a look at the code and letting me know what I could have done better. I think the React code is pretty good, but the css is mediocre.