Icon Animations for React Presentation

*In your bid please provide samples to relevant animations in order to be considered*

Project Overview
We are seeking an experienced graphics designer/animator to create 4-5 professional animations for a cybersecurity product presentation. The animations will be integrated into a web-based presentation built with modern frontend technologies.

Technical Stack
Frontend Framework: React with TypeScript
Styling: Tailwind CSS with custom animations
Animation Requirements: SVG-based animations, Lottie files, or CSS/JS-compatible formats
File Formats: Must be web-optimized (SVG, JSON for Lottie, or similar)
Integration: Files will be imported into React components
Animation Requirements (4-5 animations)
Data Flow Animation - Visualizing security data moving through different stages of analysis and processing
Threat Detection Visualization - Illustrating real-time threat identification and response
Metrics Dashboard Animation - Dynamic visualization of security metrics and performance indicators
Architecture/Workflow Diagram - Animated representation of a cybersecurity system architecture
Success/Impact Visualization (Optional) - Showcasing security outcomes and results
Design Requirements
Color Scheme: Dark theme (slate/navy blue backgrounds) with cyan/blue accents
Style: Modern, professional, tech-focused aesthetic
Complexity: Enterprise-grade quality suitable for B2B presentations
Responsiveness: Must work well on different screen sizes
Performance: Optimized for web (lightweight file sizes)
Deliverables
4-5 fully animated graphics in web-compatible formats
Source files (editable formats like Adobe After Effects, Figma, etc.)
Animation files optimized for React integration (Lottie JSON, SVG with SMIL, or similar)