# Calm Hero With Floating Session Player

> A hero built as one borderless stage filled with a live sea and sky effect. On desktop the effect dissolves toward the left, where the eyebrow, heading, description and two buttons sit on the page color, and a glass session player with a waveform floats over the water on the right. On small screens the player sits on the effect at the top and the text follows below, where the effect has faded out.

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/hero281).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/hero281
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/hero281-light-7300e05acfda3fa3.png
- Listed: 2026-10-13

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/hero281

## Dependencies

- npm packages: `clsx`, `lucide-react`, `tailwind-merge`
- Registry items: `button`