Loading
Showcase
Loading component registry groups and selected install bundle...
Rotating hero / multi-slide hero — a full-bleed homepage hero carousel and featured-stories rotator. Each slide reuses the hero content shape (eyebrow, title, subtitle, description, primary/secondary CTA, image or background-video media) rendered with the hero overlay design; slides come from a treelist of hero items. Autoplay interval (off/4s/6s/8s, pauses on hover/focus, respects prefers-reduced-motion), slide or fade transition, arrows, indicator dots, loop, and indicator placement (inside the slides or below the band on the page background — pairs with inset hero media) are rendering parameters. For a single static hero use Hero; for mid-page bands use Promo.
src/components/registry/components/heros-and-promos/hero-carousel.tsx→components/registry/components/heros-and-promos/hero-carousel.tsxsrc/components/registry/components/heros-and-promos/hero-carousel.sitecore.ts→components/registry/components/heros-and-promos/hero-carousel.sitecore.tssrc/components/registry/components/heros-and-promos/hero-carousel.recipe.ts→src/recipes/hero-carousel.recipe.tsembla-carouselembla-carousel-autoplay@8.6.0embla-carousel-fade@8.6.0