Section Preview
← Back to site
All Headers Heroes Features Content Testimonials Stats CTA FAQ Gallery Dividers Silhouettes Icons Components
_section-library/headers/HeaderSimple.astro

HeaderSimple

Single-row sticky header. Logo, nav links, phone CTA.

_section-library/headers/HeaderTwoTier.astro

HeaderTwoTier

Logo/phone row + primary-colored navigation bar.

_section-library/headers/HeaderThreeTier.astro

HeaderThreeTier

Top utility bar + logo/phone row + nav bar. Pass topBarLinks for extra utility links.

_section-library/headers/HeaderTopBar.astro

HeaderTopBar

Slim utility bar (phone, hours, socials) on top, clean white nav bar below with logo left, nav + CTA right. Utility bar hidden on mobile.

_section-library/headers/HeaderContainedDark.astro

HeaderContainedDark

Floating pill navbar (dark). Sits on top of hero imagery. Logo inverted to white. Ghost CTA button.

Hero background

Hero content goes here

_section-library/headers/HeaderContainedLight.astro

HeaderContainedLight

Floating pill navbar (light/white). Great over dark hero backgrounds for contrast. Solid primary CTA.

Hero background

Hero content goes here

Section Library Preview - Not included in client builds