🎧 Премиум 3D-сайт наушников с расширенными визуальными эффектами

Создайте захватывающий веб-сайт с плавными 3D-анимациями и интерактивными эффектами.

Основная концепция:
Визуальное путешествие по миру звука, стиля и инноваций. Пользователь видит каждую деталь дизайна через динамичные 3D-трансформации.

Ключевые анимационные сцены:

1. Вступительная сцена — наушники вращаются в 3D-пространстве, демонстрируя все детали конструкции
2. Погружение в кейс — плавная анимация складывания наушников в элегантный чехол
3. Цветовая презентация — демонстрация всех доступных цветовых вариантов с переходами
4. Детали мастерства — крупные планы материалов, швов, элементов защиты

Технические требования для анимаций:

CSS Transform (обязательно):
— Использовать только корректные свойства: translateX, translateY, translateZ
— Применять transformStyle: preserve-3d для всех 3D-элементов
— Избегать устаревшего свойства z (заменить на translateZ)
— Использовать perspective для глубины сцены

Расширенные визуальные эффекты:

• 3D-трансформации — все элементы с transformStyle: preserve-3d для объемного эффекта
• Динамическое градиентное освещение — градиенты меняются в зависимости от выбранного цвета наушников
• Анимированные системы частиц — частицы реагируют на скролл и ховер курсора
• Фоновое освещение — ambient-подсветка по всему сайту, синхронизированная с основными элементами

Важно — избегать ошибок:
— Не использовать проблемные коллбэки, вызывающие ошибки webpack/runtime
— Удалить некорректные свойства transform
— Все анимации должны быть на чистом CSS или безопасных JavaScript-библиотеках

Цветовая палитра:
Представить минимум 5 ярких цветовых вариантов с плавными переходами между ними.

Настроение:
Премиум, технологичный, динамичный, современный.
Посмотрите на наушники. Почувствуйте звук. Ощутите инновации.