This is an h1 heading

Default size for main page headings (5xl by default)

This is an h2 heading

Good for section headings (4xl by default)

This is an h3 heading

Good for subsection headings (3xl by default)

This is an h4 heading

Good for card titles (2xl by default)

This is an h5 heading

Good for smaller section titles (xl by default)

This is an h6 heading

Good for the smallest headings (lg by default)

Custom sized heading

You can override the default size with the size prop and set classes

Primary Button

Used for primary calls to action

Secondary Button

Used for secondary actions

Button Combinations

Common button pairing as seen in the Hero component