Заменил самодельный радужный эффект на профессиональный компонент GlowEffect с плавной анимацией вращающегося градиента. Новый эффект использует motion/react для плавных анимаций без мерцания и предоставляет настраиваемые цвета, режимы анимации и размытие. Кнопка ИИ агента теперь имеет красивое радужное свечение с 6 цветами, которое плавно вращается за 3 секунды.
dот так с кнопкойimport { GlowEffect } from '@/components/core/glow-effect';import { ArrowRight } from 'lucide-react';export function GlowEffectButton() { return ( <div className='relative'> <GlowEffect colors={['#FF5733', '#33FF57', '#3357FF', '#F1C40F']} mode='colorShift' blur='soft' duration={3} scale={0.9} /> <button className='relative inline-flex items-center gap-1 rounded-md bg-zinc-950 px-2.5 py-1.5 text-sm text-zinc-50 outline outline-1 outline-[#fff2f21f]'> Explore <ArrowRight className='h4 w-4' /> </button> </div> );}
Обновил структуру кнопки ИИ агента согласно предоставленному примеру. Теперь кнопка обернута в div с relative позиционированием, GlowEffect размещен как фоновый элемент с правильными параметрами, а кнопка имеет темный стиль с outline и relative позиционированием для корректного наложения поверх эффекта свечения.