Chat Application Landing Page

Це повністю адаптивна лендінг-сторінка для умовного чат-додатку. Проєкт реалізований з нуля — від структури до найменших деталей інтерфейсу. Основна мета — створити сучасний, легкий та анімований вебінтерфейс, який виглядає однаково добре на всіх пристроях та підкреслює цінність продукту для користувача.

Що реалізовано:
Піксель-перфект верстка відповідно до Figma-дизайну.

Адаптивний інтерфейс з підтримкою всіх популярних роздільностей — мобільні, планшети, десктоп.
Stack: React · Tailwind CSS · Framer Motion · Responsive Design
Семантична структура HTML + ARIA-атрибути — для кращої доступності та SEO.

Tailwind CSS — для швидкого, уніфікованого та чистого стилізування з кастомними класами.

Фіксований хедер з анімованим бургер-меню, що відкриває навігацію та попап із CTA.

Футер з кількома секціями: логотип, навігація, політики, соцмережі.

Анімація з framer-motion при завантаженні футера та появі соціконок — для підвищення залученості.

Плавне керування класами overflow-hidden при відкритті попапів, щоб уникнути зміщень сторінки.

Валідація кнопок та правильна логіка закриття попапів.

Основний фокус:
Якість верстки та логіка адаптації

Візуальна узгодженість з UI

Плавна взаємодія з інтерфейсом (UX)

Акуратність та масштабованість коду

Результат:
Сторінка виглядає професійно, не "ламається" на жодному пристрої, має приємну анімацію та зручну навігацію. Це чудовий приклад чистого, продуманого фронтенду, який можна легко масштабувати.