Instructions

Introductory Guide: Use this simple guide to start editing your website smoothly.
Support
Discover Webflow University's extensive library of video lessons to help you get started with ease.
Before Publishing
Delete unused sections/pages, clean up CSS classes, clean up unused interactions and delete unused components.
Custom Animation
In this template, we are using GSAP and Lenis. The code for these animations are located in the Page Scroll Component. Here is how you can modify or remove the custom animation.

1. Navigate to any page using webflow designer
2. Look for Page Scroll component in the Nabvigator
3. Double click on Page Scroll Component or right click and then click on edit component from the context menu to edit the component
4. Once you are on the edit component screen, look for Code Embed Settings on the right sidebar
5. Click on the open code editor button just under the Code Embed Settings
6. Change any values in the custom code and save to apply the changes 

Here are some additional documentation resources you may look at for further customization and understanding of GSAP and Lenis.
Breakpoints
Test your design on various devices by selecting different options in the viewport's Bottom bar.
Backups
Restore previous versions from the Backups section in the left sidebar and clicking Settings in case of accidental deletions.
Editing Images and Text
Edit text by double-clicking on static content or use the CMS section for dynamic text. Replace images easily by clicking on them and choosing "Replace Image."
Dynamic Content (CMS)
Learn how to manage and update dynamic content using the CMS, which instantly updates referenced content across pages.
Components
Utilize reusable components for efficient editing and consistency across layouts.