Landing Page реалізація на React js, Tailwind (вже є код, його треба доправцювати до макету в Figma)

Доброго дня!

Ознайомився з описом завдання. Розумію, що основна робота — це доопрацювання існуючого коду, адаптація під макет і акуратна опрацювання всіх деталей (відступи, шрифти, адаптив, UI).

Готовий реалізувати:
— правки верстки з повною адаптацією під усі пристрої
— доопрацювання модальних вікон (PDF, сертифікати)
— коректну роботу форми (валидація, success popup)
— реалізацію логіки блоків (включаючи View Explanation)
… — акуратну інтеграцію анімацій та інтерактивних елементів

Також зараз активно вивчаю React, тому за необхідності зможу розібратися в поточному коді і доопрацювати логіку без проблем.

Працюю уважно до деталей, орієнтуюсь на pixel perfect і зручність подальшої підтримки коду.

Готовий обговорити деталі, подивитися макет і запропонувати оптимальний варіант реалізації.

Показати оригінал

Перекласти

Добрий день!
Готова доопрацювати ваш сайт під макет Figma з акцентом на адаптивність, точні відступи, шрифти, модальні вікна, блок Tools, форму та проходження Speed Test.

Можу акуратно допрацювати існуючий React-код або переробити окремі частини, якщо так буде чистіше та надійніше. Для мене тут зрозумілий пріоритет: максимальна відповідність макету + коректна робота на всіх екранах.

Вітаю, подивість мій останній проєк, він написаний на реак, є посилля.

Speed Test 98%

Можу реалізувати проєкт в піксель перфект

Вітаю! Проект виглядає просто неймовірно — дуже стильний і сучасний дизайн. Я з великим задоволенням допоможу довести його до ідеалу. Мені подобається ваш підхід до дрібниць (неонові ефекти, шрифти Lexend, скляний морфізм).

Мій план дій по вашому ТЗ:

Tools Animation (Скляні кульки): Налаштую фізику так, щоб кульки відчувались «вагомими», та додам візуальної глибини (градієнти, блюр, відблиски), щоб вони виглядали як справжнє скло.
View Explanation: Реалізую плавну трансформацію іконок у картки з описом. Це буде виглядати як природна частина інтерфейсу.
Сертифікати та Case Studies: Відполірую модальні вікна, налаштую скляний ефект (glassmorphism) та зроблю структуру коду такою, щоб ви могли легко додавати нові сертифікати через один масив у коді.
Форма та валідація: Додам випадаючий список країн за алфавітом та налаштую логіку успішної відправки з вашим PopUp повідомленням.
Адаптивність та Speed Test: Перевірю кожен відступ (80px по боках) та оптимізую завантаження, щоб сайт літав.
… Маю глибокі знання React.js та досвід роботи з анімаціями, тому результат буде максимально відповідати макету.

З вашого боку знадобиться лише код та посилання на Figma. Готовий розпочати «магію» над вашим сайтом прямо зараз!

Вітаю.

Я NodeJS розробник. Готовий взятися. Пишіть, обговоримо.

доброго дня, маю досвід із react + tailwindcss.
Це не всі правки? Чи можете надати більше інформації по правкам і який ваш бюджет на проект? 880 - це фінальна сума?

Доброго дня, Маріно! Уважно прочитав весь опис — завдання об'ємне, але чітке. Досвід з React + Tailwind є, з Figma теж працюю.
По кожному пункту:
1. Анімація Tools (скляні кульки) — реалізую реалістичне падіння з гравітацією + зіткнення через CSS/Framer Motion, прибираю зайву рамку з поточного коду
2. PDF Modal (Case Studies) — модальне вікно з гортанням сторінок всередині, анімована кнопка-хрестик, відповідність макету Figma
3. Сертифікати (glassmorphism) — 2 картки з ефектом матового скла + градієнт, клік відкриває як презентацію, легко масштабувати через код
4. View Explanation у Tools — трансформація іконки → картка з назвою та описом, спливаюче вікно з гортанням вниз
5. Лід-форма — валідація з glow-ефектом на порожніх полях, PopUp «Request sent» після успіху, Dropdown вибору коду країни (+00) в алфавітному порядку
Адаптивність, відступи 80px від країв, 3 шрифти (Lexend Mega, Lexend Exa, Lexend) — все звірю по макету Figma. Здам чистий код, який можна одразу показувати в портфоліо.

Вітаю! Виконаю ваше завдання швидко і якісно.

Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!