Next.js, SCSS, Flexbox, Grid, SVG animation, Intersection Observer.

Any feedback is welcome, I plan to work on this more when I learn more about Next.js and go through those courses but I got an MVP at least and just pushed through it. I plan to update the readme but too tired lol. Here is what I learned about from this project:

• SVG Animations and Accessibility
• Using CSS Modules
• How to use the animation and @keyframes
• Clip Paths
• Intersection Observer for the navigation bar
• CSS Grid
• Using Next.js <Image /> and <Link /> components
• What _document.js is and how to import fonts into there.
• The difference between getServerProps and getStaticProps.

Here is what I struggle with:

• Organizing css through modules, it felt like a lot of manual work mixing classes for the animations. I'm now wondering if styled components is the way to go.