Описание задачи

Необходимо перенести лендинг с интерактивным калькулятором и динамическими анимациями на платформу Tilda.

1. Главное требование: Калькулятор

На целевом сайте реализован интерактивный калькулятор, который рассчитывает стоимость услуги/товара. Требуется полностью перенести его логику и внешний вид в Tilda.

Как реализовать:

  • Так как стандартный конструктор Tilda (Zero Block) не подходит для сложных расчётов, калькулятор потребуется написать на кастомных HTML/JavaScript в блоке T123.
  • Калькулятор должен корректно обрабатывать все вводимые данные (например, количество, площадь, опции, тарифы) и выдавать итоговую сумму.
  • При отправке заявки все выбранные параметры должны передаваться вместе с финальной суммой в письмо или систему CRM (например, amoCRM).

2. Анимации

Исходный код лендинга содержит плавную анимацию (параллакс, плавное появление при скролле, смена прозрачности). Задача - воспроизвести эту динамику на Tilda, используя:

  • Встроенные анимации L28 блоков;
  • Кастомные настройки CSS3 (пошаговую анимацию) для блоков другого типа.

3. Требования к исполнителю: как откликаться

Если вы понимаете, что какое-то визуальное или функциональное качество невозможно воспроизвести «один в один», в вашем ответе необходимо указать:

  • Какой элемент/поведение (эффект): например, поворот 3D элемента с параллаксом на +15° по оси Y.
  • Предлагаемое решение: «Анимацию реализую с помощью стандартного приближения вперед (css-transform: translateZ) для достижения схожего визуального эффекта», или «Для точного воспроизведения потребуется легкий скрипт». Объясните компромисс.
  • План по мобильной версии: опишите, как решена производительность (эффект via requestAnimationFrame или анимация только на десктопе). Обьясните переключение на мобильную разверстку.