Пагинация, отображение в колонках

Всем привет. Ищу специалиста, который поможет решить проблему с исходниками React. Проблема в том что их нет. Поэтому нужно сделать новый репозиторий, вытащить максимум из DevTools/source maps, а затем довосстановить проект. Подробности распишу кандидатам. Жду ваших откликов.

Сайт работает на фреймворке Next.js (на базе React). Необходимо выполнить все пункты по ТЗ. ТЗ прилагается в файле. Жду предложений.

это сайт https://perfect-okna.com.ua/ основные проблемы: АНАЛИЗ СКОРОСТИ ЗАГРУЗКИ (Performance) Ключевые проблемы (типичные для таких сайтов): · Большие неоптимизированные изображения (JPEG/PNG без сжатия, нет WebP). · Отсутствие lazy loading для картинок в каталоге. · Не минифицированные CSS/JS, подключено много ненужных библиотек. · Нет кэширования на уровне браузера, не используется CDN. · Сервер не отдает сжатие (gzip/brotli). · Не используется HTTP/2. Чек-лист «Скорость»: · Сжать все изображения, перевести в WebP и добавить fallback. · Настроить ленивую загрузку изображений (loading="lazy"). · Минифицировать HTML, CSS, JS. Объединить файлы, где это уместно. · Включить Gzip/Brotli на сервере. · Настроить кэш-заголовки (Cache-Control, Expires) для статики. · Подключить CDN (Cloudflare бесплатно). · Удалить лишние плагины/скрипты (особенно если WordPress). · Использовать асинхронную загрузку для некритичных скриптов (async/defer). На главной часто нет четкой структуры «кто мы – что предлагаем – почему выбрать нас – как заказать». · Конструктор окон (если есть) может быть запутанным, без подсказок, не видно финальной цены сразу. · На мобильных устройствах меню может съезжать, калькулятор не адаптирован под пальцы. · Формы обратной связи длинные, без маски телефона, без валидации. · Нет «быстрых действий»: позвонить в один клик, мессенджеры, чат. · Отсутствие «хлебных крошек» на внутренних страницах. · Сделать мобильную версию без горизонтального скролла, кнопки не меньше 48x48 px. · На главной добавить сразу калькулятор цены «за 3 клика». · В шапке – номер телефона кликабельный (tel:), мессенджеры (Viber/Telegram) с иконками. · Формы: только имя + телефон + поле «комментарий» (необязательное). Маска для телефона. · Добавить плавающую кнопку «Быстрое заказ / Рассчитать стоимость» на мобильном. · На карточках товара – кнопка «Купить в 1 клик» (открывается мини-форма). · Добавить «хлебные крошки», улучшить навигацию по разделам. · Проверить контраст текста, размер шрифтов (не менее 14 px на мобильном). · Нет срочного предложения (акции с ограничением во времени). · Недостаточно социальных доказательств (отзывы, видеообзоры, количество выполненных работ). · Не объясняется, что цена "под ключ" (монтаж, доставка, демонтаж). · Нет CTA (призыва к действию) на каждом экране. Добавить «счетчик» – сколько клиентов уже выбрали, сколько окон установлено. · Видео-отзывы реальных клиентов (короткие, на 30–60 сек). · Блок «Рассчитать за 30 секунд» прямо на первом экране. · Показать цену «под ключ»: окно + монтаж + доставка, с прозрачной расшифровкой. · Акции с таймером: «Скидка -15% при заказе до конца недели». · Всплывающее окно с предложением бесплатного замера, когда пользователь пытается закрыть вкладку. Что сделать: · Интерактивный 3D конфигуратор окна (изменение цвета, открывание, стеклопакет) – об этом далее. · Мини-игра или тест: «Какое окно подходит для вашей квартиры?» · Кейсы: фото «до/после» в реальных интерьерах. · Гайды: «Как выбрать окна для шумной улицы», «Энергосбережение: какой стеклопакет выбрать». · Калькулятор экономии на отоплении после замены окон. Срочно (Critical) 1. Мобильная адаптация всего сайта, особенно конструктора и корзины. 2. Ускорить загрузку: сжатие картинок, кэширование, CDN. 3. Кнопка быстрого заказа (One Click Buy) на всех карточках товаров. Всплывающий чат с возможностью оставить сообщение в Viber/Telegram. 5. Валидный HTTPS и редирект с HTTP → HTTPS всех страниц. 6. Микроразметка Schema.org (Organization, Product, BreadcrumbList, Review). Важно (High) 1. Обновить главную: добавить УТП, акции, видео, быстрый калькулятор. 2. Страница «Акции» с таймером, которые обновляются ежемесячно. 3. Форма обратного звонка – простая, с маской и автоматической подстановкой кода города. 4. Подключение CRM (например, amoCRM / Bitrix24) для автоматического подхвата лидов. 5. Добавить онлайн-оплату (LiqPay, WayForPay) хотя бы предоплату за замер. 6. SEO-структура URL: /produkciya/plastikovi-vikna/, а не /?page_id=123. Желательно (Medium) 1. Расширить блог статьями под ключевые запросы (5 статей сразу). 2. Интерактивный конструктор с 3D-просмотром (отдельный блок ниже). 3. Фильтр продукции по характеристикам (размер, профиль, цвет, цена). 4. Персональный кабинет клиента, где можно видеть статус заказа. 5. Генерация PDF-коммерческого предложения прямо на сайте. КАК УЛУЧШИТЬ КОНСТРУКТОР (Конфигуратор окон) Если сейчас это обычная форма с выпадающими списками – это устарело. Нужен современный 3D-конструктор: Обязательные фишки: · Пошаговый мастер (wizard): 1) выбор комнаты, 2) размеры, 3) количество створок, 4) цвет, 5) стеклопакет, 6) фурнитура, 7) москитная сетка. · Мгновенный пересчет цены на каждом шаге (AJAX). · 3D-визуализация (Three.js или готовый js-фреймворк). · Сохранение выбранной конфигурации в PDF (генерация на сервере) и отправка на e-mail. · Кнопка «Отправить расчет менеджеру» – и в CRM летит карточка со всеми параметрами. · Возможность поделиться ссылкой на свою конфигурацию (например, чтобы отправить мужу/жене). · Полная адаптация под тач-жесты (свайп для вращения 3D-модели на телефоне) Цена договорная!

Метапроект Реализовать интеграцию Viber без использования сторонних CRM-систем. Вся работа с сообщениями должна выполняться непосредственно в нашей внутренней CRM на базе BAS / 1С 8.3.Текущая система BAS / 1С 8.3 Самописная конфигурация "Обслуживание клиентов" База более 40 000 абонентовНеобходимо реализовать Интеграцию через официального Viber Business-провайдера (TurboSMS, GMS Worldwide или другой согласованный сервис). Кнопку «Написать в Viber» в карточке абонента. Отправку сообщений непосредственно из BAS. Прием входящих сообщений через Webhook. Автоматическую привязку сообщений к абоненту по номеру телефона. Полное сохранение истории переписки в карточке абонента. Отображение времени, статуса сообщения и менеджера, который отвечал. Работу нескольких менеджеров одновременно. Шаблоны сообщений для быстрой реакции. Помощь с настройкой Viber-провайдера, API-ключей и Webhook. Передачу всего исходного кода и настроек после завершения работ.Условия приемки Работа считается выполненной после успешного тестирования всех функций на рабочей базе и передачи исходного кода.Гарантия 1 месяц гарантии на исправление ошибок, связанных с реализованным функционалом. Дальнейшие доработки выполняются по отдельной договоренности.Результат После завершения проекта менеджеры должны иметь возможность полностью работать с Viber непосредственно в BAS: писать клиентам, получать ответы, просматривать историю переписки и вести коммуникацию без использования сторонних CRM. Весь исходный код, доработки, API-ключи и настройки после завершения проекта передаются заказчику.

Форма уже существует и работает. Нужно изменить только логику для услуги домашней уборки. Другие формы и услуги трогать не нужно. 1. Первый шаг формыСейчас клиент выбирает:- площадь жилья (м²);- тип уборки:- Однократная; - еженедельная; - раз в 2 недели; - раз в 4 недели.Этот шаг нужно оставить без изменений.2. Изменить логику расчетаСейчас система автоматически рассчитывает или рекомендует количество часов в зависимости от площади жилья.Этот функционал нужно полностью убрать.Площадь жилья должна оставаться только как информация в заявке и не влиять на расчет стоимости.3. Добавить выбор количества часовПосле выбора типа уборки клиент должен выбрать количество часов:- 1 час- 2 часа;- 3 часа;- 4 часа;- Другое количество часов. Если выбрано «Другое количество часов», клиент должен иметь возможность ввести нужное количество вручную.4. Новый расчет стоимостиСтоимость должна рассчитываться исключительно на основе:- типа уборки;- количества часов.Тарифы после RUT:- Однократная уборка — 260 SEK/час- Раз в 4 недели — 250 SEK/час- Раз в 2 недели — 240 SEK/час- Еженедельная уборка — 230 SEK/час5. Отображение стоимостиПосле выбора количества часов нужно автоматически показывать:- цену до RUT;- цену после RUT.Для регулярной уборки желательно показывать стандартную цену зачеркнутой, а рядом — новую цену после скидки.Например:/780 SEK/720 SEKили/780 SEK/690 SEK6. Добавить примечаниеДобавить под формой текст:«Для адрес, находящихся на расстоянии более 15 км от Skellefteå, может взиматься дополнительная плата за выезд. Точная стоимость согласовывается индивидуально после получения заявки.»7. Сохранить существующую логику заявкиПосле внесения изменений нужно обязательно сохранить весь существующий функционал.Сейчас после оформления заказа заявка поступает:- в Telegram-бот;- Электронной почтой.Этот функционал должен работать так же, как сейчас.Также нужно оставить без изменений все финальные поля формы, в частности: контактные поля, которые уже есть в форме. В заявку должны передаваться все данные, включая:- площадь жилья;- тип уборки;- количество часов;- стоимость до RUT;- стоимость после RUT;- контактные данные клиента.8. Возможность самостоятельно изменять ценыЖелательно реализовать тарифы так, чтобы в будущем я могла самостоятельно изменять стоимость за час для каждого типа уборки без внесения изменений в код.Хотелось бы, чтобы цены можно было редактировать через админку или другим простым способом.9. Что ожидаю от исполнителя- Проверить существующий код формы.- Внести изменения только в форму домашней уборки.- Не нарушить работу других форм и страниц сайта.- Проверить правильность расчетов.- Убедиться, что все данные корректно поступают в Telegram-бот и на email.- Проверить работу формы на мобильных устройствах и компьютере.Пожалуйста, напишите:- стоимость выполнения;- ориентировочный срок;