Crypto Ikra — promotional landing page with video hero, multilingual support, and CTA

Crypto Ikra — a one-page promotional landing page designed for brand/community promotion. The site is executed in a dark "premium" style with accent orange elements and expressive typography. The main screen is built on a full-screen background video that automatically adjusts to the device and screen orientation (vertical/landscape). The page features a language switcher, CTA buttons for Telegram/Instagram, as well as neat animations and visual effects that enhance the feeling of a "luxurious" interface.

Implemented functionality

Responsive layout and UI composition: hero block, typography, CTA, content sections.

Video hero with adaptive source selection (vertical/landscape) based on orientation and screen size.

Video optimization for quick start: compression, faststart, control of unnecessary loads.

Stable autoplay on iOS/Safari: playsInline + fallback play() script if necessary.

Performance optimization: lazy loading of media below the first screen (lazy-load via IntersectionObserver).

Multilingual support: language switcher and translation logic through a custom hook.

Connection to the sales system

The landing page is part of a unified solution: CTAs lead to a Telegram bot for sales (catalog → cart → checkout), which is presented as a separate case in the portfolio.

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

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