i want u to replicate this and give me with some other gsap acitve animions all tthe icon and cirless visible are eighter leviataing or rotating based on time like a fan like image is there itt is rotating for 3 secs in high speed and slows down and continues the same like this it keeps on going and in the bottom text it is a continouts text chanign words for each second tthe words will come letter by lertter and backspace effect comes and another word comes in like this itt keeps on going now i wantt u to generatet me a similar page using gsap itt mustt look very niice like this
I've created an animated landing page that matches the design and animations you requested:
- The shapes are continuously rotating using GSAP's rotation animation
- Each shape has a floating animation with random stagger timing
The text at the bottom uses GSAP's TextPlugin to create a typewriter effect that:
- Types out each word letter by letter
- Pauses for 2 seconds
- Backspaces the word
- Cycles through different words
The animations are smooth and continuous, with the shapes moving at different speeds and directions to create visual interest. The text animation cycles through different words related to the theme.
You can customize the:
- Words array to change the cycling text
- Colors of the shapes by modifying the color prop
- Animation timing by adjusting the duration values
- Shape positions by modifying the className positions
Let me know if you'd like to adjust any of these aspects or add more animations!