Announcement Bar
Publish a responsive notice with badge, icon, supporting copy, action, dismiss behavior, and width controls.
// Generated by scripts/generate-showcase.mjs. Do not edit directly.
page MarketingShowcase {
layout = "showcase"
seo {
title = "Marketing components"
description = "10 marketing components from @wrnexus/ui."
}
view {
10 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.Marketing
Publish a responsive notice with badge, icon, supporting copy, action, dismiss behavior, and width controls.
Add a screenshot, product preview, media block, chart, form, or illustration.
Close a page or major section with conversion-focused copy, actions, and optional supporting visual content.
Present one linked feature or service with media, icon, badge, description, and action.
Present a compact feature or benefit with a styled icon, title, description, badge, and optional link.
Add a screenshot, product preview, media block, chart, form, or illustration.
Build a full-width responsive hero with constrained content, actions, trust signals, and a structured or custom visual panel.
Group hero and campaign actions with consistent alignment, orientation, sizing, and responsive mobile stacking.
Introduce marketing content with an eyebrow, title, description, and optional linked action.
Introduce an internal or public page with breadcrumbs, icon, title, description, and primary or secondary actions.
Add a screenshot, product preview, media block, chart, form, or illustration.
Build a responsive two-column introduction balancing descriptive content with a visual, image, or structured data panel.
Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.