Update src/components/logo/Logo.tsx

src/components/logo/Logo.tsx

@@ -28,10 +28,17 @@ export default function Logo({ isAi, isActive, isMini, speakingVolume = 0, isUse
         color pre-loader
       </div>
       <div className={cn("relative", isMini ? "w-[80px] h-[80px]" : "w-[200px] h-[200px]")}>
+        {/* این انیمیشن اصلی شماست که همیشه فعال است */}
+        <div className={cn("absolute rounded-full opacity-50 animate-ping", isAi ? "bg-green-200 dark:bg-green-700" : "bg-blue-200 dark:bg-blue-700", isMini ? "inset-[10px]" : "inset-[40px]")} />
+        
+        {/* این دایره با صدای ربات بزرگ و کوچک می‌شود */}
         <div className={cn("absolute rounded-full opacity-50", isAi ? "bg-green-200 dark:bg-green-700" : "bg-blue-200 dark:bg-blue-700", isMini ? "inset-[10px]" : "inset-[40px]")} style={animatedCircleStyle} />
+        
+        {/* بقیه دایره‌های ثابت */}
         <div className={cn("absolute inset-0 rounded-full opacity-50", isAi ? "bg-green-200 dark:bg-green-700" : "bg-blue-200 dark:bg-blue-700")} />
         <div className={cn("absolute rounded-full opacity-50", isAi ? "bg-green-300 dark:bg-green-600" : "bg-blue-300 dark:bg-blue-600", isMini ? "inset-[5px]" : "inset-[20px]")} />
         <div className={cn("absolute rounded-full opacity-50", isAi ? "bg-green-400 dark:bg-green-500" : "bg-blue-400 dark:bg-blue-500", isMini ? "inset-[12px]" : "inset-[50px]")} />
+        
         <div className={cn("z-10 absolute flex items-center justify-center inset-0")}>
           {humanAiIcon({ size: isMini ? 24 : 45, isUserSpeaking: isUserSpeaking })}
         </div>