Scroll Sections

This React component enables smooth fullscreen scrolling between multiple sections with dynamic parallax effects, animated headings, and fully customizable navigation. Designed with GSAP-style animations in mind, it provides an immersive visual experience for websites, portfolios, and landing pages.

Key Features:

• Fullscreen Sections: Each section occupies the full viewport for a clean and immersive layout.

• Animated Transitions: Smooth fade and parallax effects when scrolling or navigating between sections.

• Interactive Navigation: Fixed header navigation with hover color transitions and clickable section links.

• Touch & Wheel Support: Swipe gestures and mouse wheel scrolling are fully supported.

• Customizable Design: Control section images, titles, colors, fonts, and gradient overlays directly via props.

• Responsive & Framer Ready: Works seamlessly in Framer projects with full property control integration.