Video Thumbnail

Gradient thumbnail with a circled play button and duration badge.

Sunlight through a forest canopy2:48Product tour

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Media2 } from "@/components/beste/piece/media2";

<Media2
  src="https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=800&fit=crop"
  alt="Sunlight through a forest canopy"
  duration="2:48"
  title="Product tour"
  tone="ocean"
/>