We used several different code libraries and solutions to get everything working as briefed. Showing different layouts in a single CMS collection isn't something that's native to Webflow so we had to use some custom code to give them control within drop-down options in the CMS. Smooth scroll also creating some issues since they can affect CSS transitions, causing the page to become shaky as you scroll passed elements with transitions applied.
01
Jetboost filter to allow using multi-reference fields for filtration, to save CMS fields.
02
Luxy JS for smooth scrolling since it had better results over Locomotive Scroll.
03
Custom JavaScript to let the client use drop-down field to change the CMS page layout.
04
Anime JS for SVG drawing animation.
05
Zapier API calls to sync their form submissions with their CRM of choice.