Digital Hub Guide
Component Gallery
DVM CX Component Library is a collection of pre-built User Interface (UI) components fully responsive that can have multiple variants and can be individually configured based on branding rules.
Page Header
Page Header component is used to display the navigation bar, logo, signin/signup.
Footer
Footer is usually used at the bottom of the site.
The component provides buttons that link to company information and other important links to secondary pages that may not be part of the navigation structure as T&C or privacy policies.
Hero Block
The hero component is a flexible component, usually placed at the top of the page, between the navigation and the start of the content, that can combine images, colours, text, links and calls to action.
There are Hero Block components tailored for specific page:
Offers Container Block
The Offers Container component is used across different page type to display offers and enable the checkout process. It can combine images, colours, text, links and calls to action.
Consumer Offers Container Block
The Consumer Offers Container component is used into MyHome page to display all subscription and/or benefits with dedicated CTA based on status.
Product Block
Product Block components contains the list of promoted products. The component displays product logo and product name and link directly to the product page.
FAQ Block
This component is used to display frequently asked questions & answers.
Info Block Component
The info block component provides concise information on the key capabilities or support information for consumer.
Banner
The CTA sections are designed to encourage users to take action. With clear and concise messaging and visually appealing images and buttons, can help to guide users towards specific goals and actions.