// 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 {
Component category

Marketing

10 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.

10 componentsMultiple use cases30 live configurations
Marketing

Announcement Bar

Publish a responsive notice with badge, icon, supporting copy, action, dismiss behavior, and width controls.

Composable visual panel

Add a screenshot, product preview, media block, chart, form, or illustration.

Marketing

CTASection

Close a page or major section with conversion-focused copy, actions, and optional supporting visual content.

Marketing

Feature Card

Present one linked feature or service with media, icon, badge, description, and action.

Marketing

Feature Icon Card

Present a compact feature or benefit with a styled icon, title, description, badge, and optional link.

Composable visual panel

Add a screenshot, product preview, media block, chart, form, or illustration.

Marketing

Hero

Build a full-width responsive hero with constrained content, actions, trust signals, and a structured or custom visual panel.

Marketing

Hero Actions

Group hero and campaign actions with consistent alignment, orientation, sizing, and responsive mobile stacking.

Marketing

Marketing Section Header

Introduce marketing content with an eyebrow, title, description, and optional linked action.

Marketing

Page Header

Introduce an internal or public page with breadcrumbs, icon, title, description, and primary or secondary actions.

Composable visual panel

Add a screenshot, product preview, media block, chart, form, or illustration.

Marketing

Split Hero

Build a responsive two-column introduction balancing descriptive content with a visual, image, or structured data panel.

Marketing

Text Link

Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.

} }