Button Variants Demo


This demo page showcases the three CTA button variants used by the Cta block: primary, primary-secondary, and text-link.

Use this page to verify CTA button styling and behavior across variants.

Primary CTA Variant

This example renders a single primary call-to-action button.

Primary and Secondary CTA Variant

This example renders both a primary and secondary call-to-action button.

CTA With Image Left

This example demonstrates CTA with an image positioned to the left.
Recycling facility scene

CTA With Image Right

This example demonstrates CTA with an image positioned to the right.
Recycling facility scene