Design KitComponentv0.3.0

NBPromoCardLink

Loud, high-impact CTA tile with background patterns (stripes/dots) and large SVG icons.

When to use

Use to cross-promote flagship tools or digital products inline within deep articles.

Import

Import
tsx
import NBPromoCardLink from "@/components/NBPromoCardLink";

Example

Example
tsx
// See import NBPromoCardLink from "@/components/NBPromoCardLink"; for import usage.

Live preview

People also ask

Where do I import NBPromoCardLink from?

Use: import NBPromoCardLink from "@/components/NBPromoCardLink";

How do I keep it multi-domain safe?

Don’t hardcode domains in metadata/JSON-LD. Use getSiteUrl() + toAbsoluteUrl().

Design kit

Turn this into a sellable export

If you want the “packaged kit” (versioning, license, exportable docs and components), we can scope the release pipeline.