This card stack transition combining the SVG of each card to the sticky position is giving my brain really satisfying scratches 😘👌

-- I've been doing a lot more Framer developments lately where I don't do the design, I think one of the big advantages of having a strong background in design is that I can see the designers vision to translate it into the web obsessing over the details. I.e. see Figma design screenshot in the comments how each card had the same SVG but in irregular placements, I saw it as an opportunity to perfectly align them on scroll and add a bit of a transparency reveal at the end. It feels way more intentional and ties everything together. Design by @Iverson developed by me

Figma design handoff

Built this 2-page dental clinic website in Framer.

On desktop, the hero section includes service cards that move into place as you scroll and reveal information about each service.

On tablet and mobile, I placed the cards in the services section below the hero instead.

There simply isn't enough space to fit the same interaction without making the hero too crowded, so I kept the layout simpler on smaller screens.

Great Work and the thought behind responsiveness without trying to fit things and simply letting them be a part of the layout without unnecessary animations was a good choice. Just a suggestion the reveal effect with a slight stagger would look great on the mobile i think 😁😁