Showcase
Loading component registry groups and selected install bundle...
Promo / marketing banner block — eyebrow, title, description, image or video media, and CTAs. Text-led (Default) and media-led (Media, Placeholders) variants for prominent full-width feature blocks; a concrete SecondarySurfaceTone on the start/end splits flips Default into the flush two-tone panel read (copy panel on SurfaceTone, contained media shot on SecondarySurfaceTone — the retired SplitPanel variant's look). Supports video in every ImagePosition: a populated VideoUrl renders a video promo band — full-bleed background video section or split/stacked video + text — with the Image field as the poster / click-to-play thumbnail; the VideoPlayback param picks click-to-play (default, poster + play button) vs muted ambient autoplay (MediaMuted/MediaLoop compose; muted is forced under autoplay). Not for thin one-line notices — use Alert Banner for an announcement/news strip. Vertical padding param for dense stacked bands; Inset switches full-bleed band vs contained vs rounded card panel. Background-image binding (Default variant): when the source section shows text over a full-bleed photo or texture (imageTreatment: full-bleed / overlay-scrim), set the Image field to the section's image URL with ImagePosition=background and BackgroundScrim=dark (light text over a dimmed photo); use BackgroundScrim=light for pale washed imagery with dark text, or none when the raw image is legible. BackgroundPosition (center/top/bottom) anchors the crop. These params are inert on split/stacked ImagePositions and on the Media/Placeholders variants.
src/components/registry/components/heros-and-promos/promo.tsx→components/registry/components/heros-and-promos/promo.tsxsrc/components/registry/components/heros-and-promos/promo.recipe.ts→src/recipes/promo.recipe.ts