Design KitComponentv0.3.0

NBProductPricingPackage

Heavy-duty pricing card with massive slanted 12px drop shadow and accent tags.

When to use

Use for displaying subscription tiers, product packages, or premium offerings.

Import

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

Example

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

Live preview

People also ask

Where do I import NBProductPricingPackage from?

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

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.