People Voice - Hero Section

People Voice is a responsive hero section designed for a voice translation service that helps TikTok creators connect with audiences across languages. Its purple gradient background, coral accents, and clean typography create a welcoming visual identity, while the custom waveform logo reinforces the brand’s focus on voice and communication.

The centered headline, “International Class People Dubbing,” introduces the service with a rotating sequence of words, including Subtitling, Translators, Voice Artists, and Sound Engineers. Each word changes through a soft blur-and-fade transition, adding movement to the headline.

Below it, a continuously rotating carousel presents twelve AI-generated portraits of fictional creative professionals. The cards follow a curved path, facing forward at the center and gradually turning toward the edges to create a sense of depth. Hovering over a portrait reveals a highlighted coral rectangle containing a sample TikTok handle and subscriber count. These details also appear on keyboard focus or tap, making the interaction accessible across devices.

The supporting message focuses on voice translation for TikTok channels, accompanied by a TikTok-style icon. Lavender “Contact Us” and coral “Get Started” buttons complete the central layout, with a circular diagonal arrow adding emphasis to the primary action.

A compact hamburger menu opens to reveal About People, How it works, Our clients, and Contact. Each item includes a diagonal arrow and changes to coral on hover. A theme control switches to a darker purple appearance, while a pause/play button lets visitors control the animation.

The section adapts to desktop and mobile screens and supports touch dragging, keyboard interaction, and reduced-motion preferences. It currently functions as an interactive visual prototype: buttons and menu items remain on the page without redirecting visitors.