All Posts
February 26, 20260.1.36Jugg.ai

v0.1.36 — feat: animated pipeline demo in landing page hero

Release v0.1.36: Animated Pipeline Demo in Hero

What changed

  • Added HeroPipelineDemo client 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

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.