Main Screen and Channels

Architecture and functionality of the main page first screen

The upper part of the site's main page is a well-thought-out interface for quick access to content. The Header features the main menu with sections: "Movies", "Series", "Cartoons", "Tajik Films", "Reports", "Radio", and "TV". It also includes global search, language switcher, theme toggle (light/dark), and a user profile widget displaying the current balance.

The main focus is drawn to the massive Hero-banner — an animated carousel featuring major premieres. The banner scrolls smoothly and has convenient side controls. Right below it is the "Channels" block with horizontal scrolling, offering quick access to popular national and sports TV channels.

1. Header ergonomics and personal services

The platform's header is designed on the principle of "everything important is one click away" and is fixed at the top during scrolling (sticky header).

Thematic navigation: Special emphasis is placed on balancing global and local content. Highlighting categories like "Tajik Films" and "Radio" emphasizes cultural identity.

Global "smart" search: Equipped with autocomplete, popular queries, and filters by actors, directors, and genres.

Customization and profile: Dark/light theme switcher reduces eye strain. The personal account block combines subscription management and a balance widget for instant payments.

2. Interactive Hero-banner as a premiere showcase

The central visual dominant — the cinematic Hero-slider — serves as the platform's key promo tool:

Visual presentation: Uses adaptive high-resolution background posters, short synopsis, age ratings, and badges. Dynamic micro-animations engage the viewer.

Call-to-Action: Each card has direct buttons for "Watch online", "Trailer", and "Add to favorites".

Navigation control: Equipped with a time indicator for auto-scrolling and dot pagination.

3. Live broadcast module: "Channels" block

Connecting classic TV format and modern streaming:

Horizontal scroll (Carousel): A compact ribbon of channel cards.

Interactive TV channel cards: Show the "Live" badge and the current broadcast name with a progress indicator.

Instant stream transition: Clicking a channel immediately starts the low-latency live broadcast.