Page Compositions

3 patterns — Full page layouts and section building blocks

Complete page-level compositions assembled from multiple components — hero sections, feature showcases, and full page layouts.

A full-page scaffold combining a site header, main content area with sidebar, card content blocks, and a site footer.

Components used

PageLayout

SiteHeader

SiteFooter

Card

Marketing feature section with an icon-driven grid, badge labels, and a call-to-action button row. Suitable for landing pages.

Components used

FeatureGrid

Badge

Button

Full-width hero section with headline, subhead, badge tag, and primary/secondary CTA buttons. Includes decorative gradient background.

Components used

Button

Badge