FeatureSplit

Two-pillar positioning section for a company with two distinct sides (e.g. two business lines). Fixed 2-column layout, collapsing to 1 column on narrow screens.

Landing

Default

Narrow (collapses to 1 column)

Source

import { FeatureSplit } from "@zudo-sg/demo-ui/src/landing/feature-split/feature-split";

<FeatureSplit
  heading="Two strengths, one company"
  pillars={[
    { index: "01", title: "Electronics", body: "..." },
    { index: "02", title: "Chemicals", body: "..." },
  ]}
/>

Live CSS

Injected into the previews above. FeatureSplit

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