2 files changed, 132 insertions, 0 deletions
diff --git a/lib/widgets/wake_word_command_processing.dart b/lib/widgets/wake_word_command_processing.dart
new file mode 100644
index 0000000..9872d36
--- /dev/null
+++ b/lib/widgets/wake_word_command_processing.dart
@@ -0,0 +1,61 @@
+import 'package:flutter/material.dart';
+
+class ProcessingCommandSection extends StatefulWidget {
+  @override
+  ProcessingCommandSectionState createState() => ProcessingCommandSectionState();
+}
+
+class ProcessingCommandSectionState extends State<ProcessingCommandSection>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+
+    // Create an animation controller
+    _controller = AnimationController(
+      vsync: this,
+      duration: Duration(seconds: 2), // Adjust the duration as needed
+    );
+
+    // Start the animation
+    _controller.repeat();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose(); // Dispose of the animation controller
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        AnimatedBuilder(
+          animation: _controller,
+          builder: (context, child) {
+            return Transform.rotate(
+              angle: _controller.value * 2.0 * 3.1415927, // 2 * pi
+              child: Icon(
+                Icons.autorenew, // Replace with your processing icon
+                size: 60,
+                color: Colors.blueAccent,
+              ),
+            );
+          },
+        ),
+        SizedBox(height: 8),
+        Text(
+          'Processing...',
+          style: TextStyle(
+            fontSize: 18,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ],
+    );
+  }
+}
+\ No newline at end of file
diff --git a/lib/widgets/wake_word_recording.dart b/lib/widgets/wake_word_recording.dart
new file mode 100644
index 0000000..38ccc77
--- /dev/null
+++ b/lib/widgets/wake_word_recording.dart
@@ -0,0 +1,71 @@
+import 'package:flutter/material.dart';
+
+class WakeWordRecording extends StatefulWidget {
+  @override
+  WakeWordRecordingState createState() => WakeWordRecordingState();
+}
+
+class WakeWordRecordingState extends State<WakeWordRecording>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<double> _bounceAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+
+    // Create an animation controller
+    _controller = AnimationController(
+      vsync: this,
+      duration: Duration(milliseconds: 500), // Adjust the duration as needed
+    );
+
+    // Create a bounce animation
+    _bounceAnimation = Tween<double>(
+      begin: 0,
+      end: 10,
+    ).animate(CurvedAnimation(
+      parent: _controller,
+      curve: Curves.easeInOut,
+    ));
+
+    // Start the animation
+    _controller.repeat(reverse: true);
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose(); // Dispose of the animation controller
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        AnimatedBuilder(
+          animation: _controller,
+          builder: (context, child) {
+            return Transform.translate(
+              offset: Offset(0, _bounceAnimation.value),
+              child: Icon(
+                Icons.mic, // Replace with your recording icon
+                size: 60,
+                color: Colors.redAccent,
+              ),
+            );
+          },
+        ),
+        SizedBox(height: 8),
+        Text(
+          'Recording...',
+          style: TextStyle(
+            fontSize: 18,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ],
+    );
+  }
+}
+\ No newline at end of file