ValuePillars

Numbered card grid for a "where we create value" positioning section — an accent number badge over a title and body.

Content

Usage

import { ValuePillars } from "@zudo-sg/ui/src/landing/value-pillars/value-pillars";

<ValuePillars heading="Where we create value" pillars={pillars} />

Default

Narrow (card wrap)

Source

import { ValuePillars } from "@zudo-sg/ui/src/landing/value-pillars/value-pillars";

<ValuePillars heading="Where we create value" pillars={pillars} />

Live CSS

Injected into the previews above. ValuePillars

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */