Responsive designo-multipage-website using NextJS & TailwindCSS

Hello FrontendMentor community !

It has been a little while since the last challenge I completed. I took my time on this one, since it is quite a big one (I took a break for 1 weak, which delayed a bit the challenge), even if at first sight, I wasn't really sure I would succeed it. I also used technology I never used before like NextJs or Figma, and I was a bit lost at first. I think I could have done better with the component system of NextJs, but since it was my first time using NextJs, I feel proud of the result. Using Figma was really a great experience, it makes the work way easier than it is to guess with a base image.

About the challenge, it was really fun, it allowed to practice a lot of things, flex, grid, decorative hover effects, the usage of Leaflet, a really basic form validation (which could be improved), the mobile hamburger and more importantly, the responsive of the website, with many other things on the road. There's some details I wasn't really sure to add or how to do them, for example the circle design on the background of most pages, I thought of using position relative/absolute, but... I'm not really convinced it is the best way to proceed.

Globally, I'm really proud of the results I have got, looks pretty and couldn't hope any better than that. I'm still open to suggestions and feedbacks, since I know for sure it is far from being perfect.