Update src/components/logo/Logo.scss

src/components/logo/Logo.scss

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