Hero (am-hero)

am-hero 是 landing flow 的第一個 pattern。它不是單純的大標題樣式，而是把首屏常見的 Section + Container + copy + actions + media 一起收進來。

Contract

• 內建 Section 與 Container
• 支援 eyebrow、title、description
• 支援 primaryAction、secondaryAction
• media slot 可放 mockup、image、dashboard preview

使用

<Hero
  eyebrow="Astrologistic x Astromer"
  title="Build booking-first sites without re-inventing the UI shell."
  primaryAction={{ label: "Start", href: "#" }}
>
  <Fragment slot="media">
    <img src="/hero-preview.png" alt="" />
  </Fragment>
</Hero>

詳見 playground /playground/landing/ 範例。