Create src/components/logo/Logo.scss

src/components/logo/Logo.scss

@@ -0,0 +1,29 @@
+// src/components/logo/Logo.scss
+
+// انیمیشن برای زمانی که کاربر صحبت می‌کند
+@keyframes user-pulse-animation {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.05);
+    opacity: 0.9;
+  }
+}
+
+// این کلاس به کل SVG اعمال می‌شود
+.user-speaking {
+  // و انیمیشن را روی بخش "انسان" اجرا می‌کند
+  .human-part {
+    animation: user-pulse-animation 1.5s infinite ease-in-out;
+  }
+}
+
+// انیمیشن برای موج صدای AI
+// از یک متغیر CSS برای کنترل اندازه استفاده می‌کنیم
+.ai-speaking-ripple {
+  // --ai-voice-scale توسط کامپوننت React تنظیم می‌شود
+  transform: scale(var(--ai-voice-scale, 1));
+  transition: transform 0.2s ease-out;
+}