Skip to content

[BUG] ui: Inconsistent GSAP animations and missing parallax/paragraph effects across sections #22

Description

@NK2552003

Description

Currently, the website has an inconsistent animation experience. While some sections feature animations, many sections are completely static and lack the intended smooth transitions. Furthermore, parallax scrolling effects and paragraph reveal animations are either missing or not functioning correctly across the site.

Tasks to implement

  • Audit Sections: Identify all sections on the homepage and subpages that are currently lacking animations.
  • GSAP Integration: Implement consistent GSAP scroll-triggered animations for elements entering the viewport across all missing sections.
  • Parallax Effects: Add smooth parallax scrolling effects to backgrounds, images, or floating elements in key sections to add depth.
  • Paragraph/Text Effects: Fix and standardize the text reveal/stagger effects on paragraphs and headings so reading feels dynamic as the user scrolls.
  • Performance Check: Ensure that adding these GSAP animations does not cause layout shifts or performance drops (jank) on mobile devices.

Expected Outcome

The website should feel unified, dynamic, and premium, with consistent GSAP entry animations, smooth parallax scrolling, and polished paragraph reveal effects universally applied to all sections.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions