Loopstudios Landing Page - React.JS / SCSS

Hoo boy! There's a lot going on here!

1. I discovered Javascript's IntersectionObserver feature and how to use it in a React hook, and I just went WILD with it, rigging up animations that fire as soon as sections and components come on screen. That's how I also managed to get the fixed header background to turn black when you start scrolling down.

2. I had to think a bit out of the box when it comes to getting the correct background images to show on desktop and on mobile. That's where JS's window.matchMedia comes in, in combination with a little CSS-in-JS and another React hook.

3. Ionicons is my new go-to for SVG icons.

I loved doing this one, and I hope you enjoy it! Let me know what you think!