Crypto Ikra — промо-лендінг із video hero, мультимовністю та CTA

Crypto Ikra — односторінковий промо-лендінг, який розробленний для просування бренду/ком’юніті. Дизайн виконаний у темній “преміальній” стилістиці з акцентними помаранчевими елементами та виразною типографікою. Перший екран побудований на повноекранному фоновому відео, яке автоматично підбирається під пристрій та орієнтацію екрана (vertical/landscape). На сторінці реалізовано перемикач мов, CTA-кнопки на Telegram/Instagram, а також акуратні анімації та візуальні ефекти, що підсилюють відчуття “дорогого” інтерфейсу.

Реалізований функціонал

Адаптивна верстка та UI-композиція: hero-блок, типографіка, CTA, секції контенту.

Відео-hero з адаптивним вибором джерела (vertical/landscape) під орієнтацію та розмір екрана.

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

Стабільний autoplay на iOS/Safari: playsInline + резервний сценарій запуску play() за потреби.

Оптимізація продуктивності: відкладене завантаження медіа нижче першого екрану (lazy-load через IntersectionObserver).

Мультимовний інтерфейс: перемикач мов та реалізована логіка перекладу через кастомний хук.

Інтеграція в систему продажів

Лендінг є частиною єдиного рішення: CTA ведуть у Telegram-бот для продажів (каталог → кошик → оформлення замовлення), який описаний окремим кейсом у портфоліо.

Стек: React, TypeScript, Tailwind CSS, Vite, Lucide Icons.

#landing #react #typescript #tailwind #vite #frontend #multilanguage #performance #video