Requirements
Home hero will be manually managed by an admin in the CMS.
Users will be able to conduct a site-wide search from this hero by typing terms in the space provided and either hitting the "enter" key or clicking the search icon.
Dots in the lower left corner of the image will always be present.
Video can be upload to Sitecore, must be b-roll, up to 10-15 seconds max.
Video will play in screen and crop based on screensize. No audio will play in the video.
Video will loop and have no controls.
Will default to fall back image on mobile.
CMS Fields
# | Field Label | Field Type | Required? | Notes |
|---|---|---|---|---|
1 | Image | image select | yes | required for primary image or to use as a fall back if video is used. By default mobile will display image, no video. Image dimensions: 1000 x 786 |
2 | Video | video select | no | If video is selected - video will play on page load. Fall back image will show if video cannot play based on user preferences. Video dimensions: 1000 x 786 |
3 | Title | multi-line text | yes | |
4 | Description | multi-line text | no | |
5 | Link | no | no | button style; included text and URL |
6 | Search Bar Helper Text | single-line text | no |
https://styleguide.asce.org/section-components.html#asgref-components-home-hero