Skip to Main Content

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.