Feel like overall, using a white navbar & footer with black hero image was a little too clashing. Decided black for black, white for white looks better.
Use react-icons library over hericons. There is a greater variety of icons available; including heroicons as a part of it. Using this so I can use stuff like a github logo SVG and others.
