// Generated by scripts/generate-showcase.mjs. Do not edit directly.
page MarketingShowcase {
  layout = "showcase"
  seo {
    title = "Marketing components"
    description = "1 marketing components from @wrnexus/ui."
  }
  view {
    <header class="showcase-hero showcase-hero--category">
      <span class="showcase-eyebrow">Component category</span>
      <h1 class="showcase-title">Marketing</h1>
      <p class="showcase-description">1 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.</p>
      <div class="category-meta"><span>1 components</span><span>Multiple use cases</span><span>3 live configurations</span></div>
    </header>
    <div class="catalog-grid">
      <article class="catalog-card" data-interactive-preview="false">
        <div class="catalog-card-preview">
          <div class="catalog-card-glow" aria-hidden="true"></div>
          <div class="catalog-card-stage"><TextLink label="Learn more" href="#learn" external="false" icon="" showArrow="true" underline="false" size="default" variant="default" disabled="false" class="showcase-instance showcase-instance--1" /></div>
        </div>
        <div class="catalog-card-body">
          <div><span class="catalog-card-category">Marketing</span><h2>Text Link</h2><p>Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.</p></div>
          <div class="catalog-card-footer"><span>14 props · 0 slots</span><a href="/components/text-link">Explore component <span aria-hidden="true">→</span></a></div>
        </div>
      </article></div>
  }
}