Skip to content

Infinite animations run even when off-screen markdown #30

@Harsh-goswami-103

Description

@Harsh-goswami-103

Problem

Services.tsx has 4 repeat: Infinity aurora/gradient animations, plus animate-pulse blur blobs in Hero/QuoteForm. These start on mount and never stop, including while scrolled out of view. whileInView only gates entrance animations, not these loops.

Impact

  • Continuous main-thread/compositor work and battery drain on mobile, even when nothing is visible.

Acceptance Criteria

  • Pause looping animations when their section is off-screen (IntersectionObserver / useInView).
  • Gate all infinite loops behind prefers-reduced-motion.

Priority

Medium

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions