Banner (am-banner)

Banner 是 Hero 的 marketing 命名入口，沿用相同的 Section + Container + copy + actions + media contract，讓 consumer 能用更貼近頁面語意的名稱組成 banner。

Contract

• 支援 eyebrow、title、description、align 與 surface
• 支援 primaryAction 與 secondaryAction
• media slot 可放圖片、mockup 或 campaign preview
• 不新增第二套 hero CSS 或 runtime 行為

<Banner
  eyebrow="Spring release"
  title="Give the campaign one clear next step."
  description="A focused promise with supporting visual proof."
  primaryAction={{ label: "Get started", href: "/start" }}
>
  <Fragment slot="media">
    <img src="/campaign-preview.webp" alt="Campaign preview" />
  </Fragment>
</Banner>

詳見 Hero 與 playground /playground/marketing/。