Работа с изображением на сайте

Всім привіт. Шукаю спеціаліста, який допоможе вирішити проблему з вихідниками 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.- Перевірити роботу форми на мобільних пристроях і комп'ютері.Будь ласка, напишіть:- вартість виконання;- орієнтовний термін;