Scrolling animation with framer motion

I’m learning to use framer motion in React.

I want to create a scroll type animation where I enter the webpage, scroll down and when I get to some section looks like the webpage sticks in that section and if I keep scrolling it displays some cards with an image. When I finish scrolling that section the flow continues with the sections below.

It is something similar with the landing page of Jet rains. https://www.jetbrains.com/

I’ve tried to read the documentation but I think it’s not fully explained how some hooks work and all the options available and honestly I don’t know how could I start.