Implement High-Conversion Immersive Landing Page

[0xarchit]

Overview

This issue tracks the implementation of the PauseCat landing page, a scroll-driven immersive experience designed to showcase the app's features and technical depth.

Core Features

• 7-Act Narrative: Scroll-snapped pinned sections telling the story from problem to solution.
• Interactive Simulator: Live configuration of break modes, bubble UI, and 3D text.
• SaaS Micro-interactions: Sound design, cursor particles, and sticky CTAs.
• Tech Stack: 100% Vanilla HTML/CSS/JS for performance and zero dependencies.

Acceptance Criteria

• Responsive on all screen sizes.
• Accessible (A11y ARIA pass).
• Performance optimized (IntersectionObserver throttling).
• Dark mode support based on system time.