The Guide To Using Componentized Pages

Announcement Bar

Announcement Bars are fixed at the top of the page and can be placed above, on, or below the navigation bar. Announcement text is required, and a timer and CTA are optional.

Placement: If On Navigation is selected, the bar will replace the navigation of the page so that there are no links for the user to navigate to a different page. If Below navigation is selected, the website navigation will be accessible. If Above navigation is selected, and there is no timer or CTA button, it will be a more minimal bar that can contain multiple announcement in the style of the bar on the mindbodygreen.com home page.

Background Color: Select a background color.

Countdown Timer End Date: If a time is selected, the timer will appear. Otherwise, there will be no timer.

CTA Button: If added, the button will appear on the right side of the bar.

Announcements: Announcement text. If Above Nav is selected and there is no timer or CTA, add multiple announcements here and they will appear in the style of the mindbodygreen homepage.

Announcement Bar On Nav

Componentized Page Guide - Announcement Bar - Mockup On Nav

Announcement Bar Below Nav

Componentized Page Guide - Announcement Bar - Mockup Below Nav

Announcement Bar Above Nav

Componentized Page Guide - Announcement Bar - Mockup Above Nav