Crypto Ikra — promocyjna strona lądowania z wideo hero, wielojęzycznością i CTA

Crypto Ikra — jednolita strona promocyjna, która została zaprojektowana w celu promocji marki/community. Strona wykonana jest w ciemnej “premium” stylistyce z akcentującymi pomarańczowymi elementami i wyrazistą typografią. Główny ekran oparty jest na pełnoekranowym tle wideo, które automatycznie dostosowuje się do urządzenia i orientacji ekranu (pionowej/poziomej). Na stronie zrealizowano przełącznik języków, przyciski CTA na Telegram/Instagram, a także staranne animacje i efekty wizualne, które wzmacniają wrażenie “drogiego” interfejsu.

Zrealizowana funkcjonalność

Responsywna szata graficzna i kompozycja UI: blok hero, typografia, CTA, sekcje treści.

Wideo hero z responsywnym wyborem źródła (pionowe/poziome) w zależności od orientacji i rozmiaru ekranu.

Optymalizacja wideo dla szybkiego uruchomienia: kompresja, faststart, kontrola zbędnych ładowań.

Stabilne autoplay na iOS/Safari: playsInline + rezerwowy scenariusz uruchomienia play() w razie potrzeby.

Optymalizacja wydajności: opóźnione ładowanie mediów poniżej pierwszego ekranu (lazy-load przez IntersectionObserver).

Wielojęzyczność: przełącznik języków i logika tłumaczeń przez niestandardowy hook.

Połączenie z systemem sprzedaży

Landing jest częścią jednego rozwiązania: CTA prowadzą do bota Telegram do sprzedaży (katalog → koszyk → składanie zamówienia), który jest przedstawiony jako osobny przypadek w portfolio.

Stos: React, TypeScript, Tailwind CSS, Vite, Lucide Icons.

#landing #react #typescript #tailwind #vite #frontend #wielojęzyczność #wydajność #wideo