Function
Optionalhref?: stringOptionalnumber?: stringOptionalnumberPosition?: "left" | "right"Optionaleyebrow?: stringOptionalheadline?: stringOptionalposterUrl?: string | nullOptionalposterAlt?: stringOptionalpriority?: booleanPreload the artwork — set only on the above-the-fold card.
Optionalbadge?: ReactNodeOptionalshowPlay?: booleanOptionalshowMeta?: booleanOptionalframed?: booleanOptionalaspect?: "video" | "wide"Optionalsize?: "sm" | "md" | "lg"OptionalclassName?: string
The reusable Immersion Cinema "poster". Composes an artwork box (warm radial glow, optional cover image behind a scrim, an oversized sequence number, an optional eyebrow/headline, and a decorative play circle) with an optional meta row (title + badge) beneath it.
When
hrefis set the whole card is a locale-aware Link whose accessible name is the title — that link IS the control, so the inner play circle is purely decorative and never nests a button inside a link.Set
priorityon the one card that is above the fold (the home page's featured poster). It preloads the artwork instead of lazy-loading it, which is what Next.js asks for when that image is the Largest Contentful Paint. Leave it off for cards in a grid — preloading them all would compete for bandwidth and defeat the purpose.