DiscoveryTeaser

Top-page excerpt showing a handful of "where our products show up" scenes, teasing through to a fuller scene gallery page.

Landing

Usage

import { DiscoveryTeaser } from "@zudo-sg/ui/src/landing/discovery-teaser/discovery-teaser";

<DiscoveryTeaser heading="Everyday places you'll find us" scenes={scenes} href="/company/discovery" />

Default

Narrow (card wrap)

Source

import { DiscoveryTeaser } from "@zudo-sg/ui/src/landing/discovery-teaser/discovery-teaser";

<DiscoveryTeaser heading="Everyday places you'll find us" scenes={scenes} href="/company/discovery" />

Live CSS

Injected into the previews above. DiscoveryTeaser

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