Hero home Component

Synopsys: The Hero home component can be used in home page.This component will display at top of the page (Below the Header Component).

Usage: This component can be used in home page with in a container (Full Width), or without conatiner.

Content Fields:

 Intro Copy, CTA Text, CTA Link, CTA Analytics Tag, Static Title, Image Desktop, Image Mobile, Title, Alt Text, 

Options:

 Static Title Color: Fiserv color palette.

Color: Fiserv color palette.

Image fields (Specifications): We have option to select images for Desktop & Mobile. For desktop image left-side 40% is blur area, so should select the image content should be on "Right". For mobile & Tab  bottom part of the image is blurred, so the content of the imge should be on top.

1. If we don't author the mobile image desktop image will display as mobile image.

2. If we don't author the desktop image to the field, previous "Section" of  desktop image will dispaly(Only the title will "Rotate")

3.The component height is Static (539px).

4. By Default "Static title" & Rotator text color is (White) ( We have option to change the "Text" color).

Note: This should be used as an example only. 

Scenario 1

Ingredients: Hero home components