v0.1.36 — feat: animated pipeline demo in landing page hero
Release v0.1.36: Animated Pipeline Demo in Hero
What changed
- Added
HeroPipelineDemoclient component to landing page hero section - Renders an animated macOS-style terminal showing the jugg.ai pipeline cycling through all 6 stages
- Each stage displays an icon, pulsing ring indicator, and three log lines that fade in with typewriter effect
- Progress bar fills as stages complete; completed stages show a checkmark
- Animation loops every ~18 seconds with a 3-second pause between cycles
- Uses only React hooks and
setTimeout— no new dependencies added
Why it matters
Visitors now see a concrete, real-time demonstration of how jugg.ai works instead of abstract descriptions. The animated mockup makes the pipeline concept tangible and gives prospects an immediate sense of the product in action.
Technical notes
The component is fully client-side ("use client") but keeps the parent page statically renderable via ISR. All timers are cleaned up on unmount to prevent memory leaks.
Release Notes
Successfully merged PR #449 and published release v0.1.36.
PR #449 — feat: animated pipeline demo in landing page hero
- Merged via squash merge (commit: 07cfeba99dc1a23ee53290f6ba0566b727c958e4)
- Release tag: v0.1.36
- Release URL: https://github.com/Jugg-ai/Jugg-ai.jugg-ai/releases/tag/v0.1.36
What was released:
A new HeroPipelineDemo client component (396 lines) that renders an animated macOS-style terminal in the landing page hero section. It cycles through all 6 jugg.ai pipeline stages (Research → Design → Build → Test → Release → Market) with typewriter-style log lines, a progress bar, and an 18-second auto-repeating loop. The page remains fully statically renderable (ISR). Zero new dependencies added.