Нет меня
Функциональность модуля
Этот модуль позволяет пользователям получать ежедневный бонус за привлечение рефералов. Бонус зависит от двух показателей: суммы реферального дохода и количества привлеченных рефералов.Внешний вид и структура
Модуль оформлен в современном стиле с градиентным фоном, закругленными углами и полупрозрачными элементами. Основные блоки:- Информационная панель с показателями пользователя
- Раскрывающаяся таблица уровней бонусов
- Блок с баннером и кнопкой получения бонуса
- Таймер обратного отсчета (после получения бонуса)
- История последних полученных бонусов
Процесс получения бонуса
- Пользователь видит баннер и должен кликнуть на него
- После клика появляется кнопка "Получить бонус"
- После нажатия кнопки запускается анимация и бонус зачисляется
Анимация получения бонуса
- Затемняется экран с эффектом полупрозрачного наложения
- Сверху вниз "падают" анимированные монетки (эффект дождя из монет)
- В центре экрана появляется окно с поздравлением
- Счетчик полученной суммы анимированно увеличивается от 0 до итогового значения
- Отдельно показывается разбивка бонуса на две части (за доход и за рефералов)
- Монетки вращаются во время падения (эффект достигается с помощью GSAP)
- После завершения анимации (5 секунд) происходит перезагрузка страницы
Интерактивные элементы
- Кнопка показа/скрытия таблицы уровней с эффектом плавного появления
- Баннер с эффектом увеличения при наведении
- Кнопка получения бонуса с эффектом пульсации
- Живой таймер обратного отсчета обновляющийся каждую секунду
- Строки в таблице истории с эффектом подсветки при наведении
Нюансы и особенности
- Бонус доступен один раз в 24 часа
- Сумма бонуса случайная в заданных диапазонах в зависимости от показателей
- Пользователи с нулевыми показателями не получают бонус
- Весь интерфейс модуля адаптивно перестраивается для разных размеров экрана
Посмотреть вложение Видео-13-04-2025 160808.mp4
