feat: add animated components for enhanced UI/UX

- Introduced DrawLine component for drawing animations.
- Added LazyRevealImage component for lazy loading images with reveal animations.
- Implemented TextDiffuseReveal for animated text reveals with staggered effects.
- Created TopProgressBar for a dynamic loading indicator.
- Added PointCloud mock for testing animations.
- Developed useReducedMotion hook to handle user preferences for reduced motion.
- Centralized animation configurations in config.ts for easier management.
- Defined animation variants in variants.ts for consistent animation effects.
- Established AnimationProvider to supply global animation settings.
- Created tests for AnimationProvider and useReducedMotion hook.
- Added SVG assets for branding and UI elements.
- Documented frontend review plan and hero circuit board animation plan.

.kiro/specs/remove-preloader-adjust-hero/task-7.1-verification.md

@@ -0,0 +1,71 @@
+# Task 7.1 Verification: Character Stagger Timing Across Viewports
+
+## Task Description
+Test character stagger timing across viewports to verify:
+- Mobile viewports (< 768px) use 0.015s stagger
+- Desktop viewports (≥ 768px) use 0.03s stagger
+
+## Implementation Summary
+
+Created comprehensive test suite in `app/components/Hero.stagger.test.tsx` that validates requirement 5.3.
+
+### Test Coverage
+
+#### Mobile Viewport Tests (3 tests)
+1. **Viewport width < 768px**: Verifies 0.015s stagger for mobile viewports
+2. **Viewport width = 320px**: Tests small mobile devices
+3. **Viewport width = 767px**: Tests boundary just below breakpoint
+
+#### Desktop Viewport Tests (4 tests)
+1. **Viewport width ≥ 768px**: Verifies 0.03s stagger for desktop viewports
+2. **Viewport width = 768px**: Tests exact breakpoint boundary
+3. **Viewport width = 1024px**: Tests large desktop viewports
+4. **Viewport width = 1920px**: Tests extra-large desktop viewports
+
+#### Viewport Change Responsiveness Tests (2 tests)
+1. **Event listener registration**: Verifies event listener is properly registered
+2. **Event listener cleanup**: Verifies proper cleanup on unmount to prevent memory leaks
+
+#### Hero Component Integration Tests (2 tests)
+1. **Mobile rendering**: Verifies Hero component renders correctly with mobile stagger
+2. **Desktop rendering**: Verifies Hero component renders correctly with desktop stagger
+
+### Test Results
+
+```
+Test Suites: 1 passed, 1 total
+Tests:       11 passed, 11 total
+```
+
+All 11 tests passed successfully, validating that:
+- Character stagger timing is correctly set based on viewport width
+- The 768px breakpoint is properly implemented
+- Event listeners are registered and cleaned up correctly
+- The Hero component integrates properly with the stagger timing logic
+
+### Implementation Details
+
+The Hero component uses `window.matchMedia('(max-width: 768px)')` to detect viewport size and sets:
+- `charStagger = 0.015` for mobile viewports (< 768px)
+- `charStagger = 0.03` for desktop viewports (≥ 768px)
+
+The media query listener is properly registered and cleaned up using React's `useEffect` hook, ensuring responsive behavior without memory leaks.
+
+### Validation Against Requirements
+
+**Requirement 5.3**: "THE Hero SHALL preserve the responsive character stagger timing (0.015s mobile, 0.03s desktop)"
+
+✅ **VERIFIED**: All tests confirm that the Hero component correctly implements responsive character stagger timing:
+- Mobile viewports (< 768px) consistently use 0.015s stagger
+- Desktop viewports (≥ 768px) consistently use 0.03s stagger
+- The breakpoint at 768px is correctly implemented
+- Event listeners properly handle viewport changes
+- Component integration works correctly across all viewport sizes
+
+## Conclusion
+
+Task 7.1 is complete. The character stagger timing implementation has been thoroughly tested and verified to meet requirement 5.3. The test suite provides comprehensive coverage of:
+- Boundary conditions (320px, 767px, 768px, 1024px, 1920px)
+- Event listener lifecycle (registration and cleanup)
+- Component integration with the stagger timing logic
+- Responsive behavior across mobile and desktop viewports