Test: Animation Blocks
Testing animated-section, text-reveal, cursor-trail, parallax-section, and scroll-progress blocks.
1. Animated Section — Default (fade-up)
Fade Up Animation
This section fades up on scroll with default settings. Duration: 1s, ease: power2.out, trigger: top 80%.
2. Animated Section — Slide Left (custom timing)
3. Animated Section — Slide Right
4. Animated Section — Multiple Instances (init guard test)
Instance A — should animate independently.
Instance B — 0.2s delay, should not conflict with Instance A.
Instance C — 0.4s delay, staggered cascade test.
5. Text Reveal — Word Split (fade-up)
Voyager Marketing builds digital experiences that drive measurable growth for ambitious brands.
6. Text Reveal — Character Split (slide-up)
7. Text Reveal — Line Split
Each line appears sequentially creating a dynamic reading experience for visitors.
8. Scroll Progress — Linear Bar
A linear progress bar should appear at the top of the viewport as you scroll this page.
9. Cursor Trail
Move your mouse around — particles should follow the cursor with a trailing effect. 20 particles, size 8, indigo color.
10. Parallax Section
Parallax Layer Content
This content moves at a different speed as you scroll, creating depth.