All solutions

Hi! It's my solution with react, next.js, framer-motion and chakra-ui, I used these tools because I wanted to learn them. Some of my failures:

1. /technology : I don't know how to read current width of user window, to manage which image should load, it is loading while changing width of window or refreshing page but it doesn't work at first load
2. /destination and /crew: I don't know how to animate changing state
3. /crew : Width is chaning while chaning the state, so buttons are not static, and before loading image, is changing width so for a second it look weird, I'm changing width of images so Divider can be still on bottom of picture.
4. homePage: Also I don't know how to make hover button as it is on design, so I make my own animated button

If you find more incompatibilities, bad design, ninja code etc... Please comment and point what I'm doing wrong

i will be appreciate for any feedback