Product Showcase

product_showcase presents capabilities beside a product-style card with a metric and system rows.

When to Use

Use it when explaining what a product does and why the interface supports the promise.

{{ product_showcase(title="Product", panel_title="Dashboard", panel_metric="99%") }}

Showcase

Use the mock panel for abstract products, services, or internal platforms.

Turn process into visible structure.

Anchor the visual around measurable progress.

Dashboard

96%

Parameter	Description
`container`	Inner content width.
`eyebrow`	Small uppercase label above the heading.
`title`	Section heading.
`description`	Supporting copy.
`panel_label`	Mock panel label.
`panel_title`	Mock panel title.
`panel_metric`	Prominent metric text.
`item_N_icon`	Capability icon, up to 3.
`item_N_title`	Capability title.
`item_N_desc`	Capability description.
`reverse`	Use `true` to place mock first.
`bg`	Full-width section background token.
`class`	Additional CSS classes on the outer section.