ContentSection (am-content-section)

ContentSection 用同一份 copy/media contract 支援等寬 split、media-wide 與 stacked 版型，適合 landing page 的功能介紹、品牌敘事與內容導流。imagePosition="start" 或 "end" 控制媒體位置；也可以使用 media slot 放入 consumer 自己的視覺內容。

---
import ContentSection from "@astromer/core/components/ContentSection.astro";
---

<ContentSection
  eyebrow="A calmer workflow"
  title="Give every story room to breathe"
  description="Use a predictable content block while your CMS owns the actual copy and media."
  image={{ src: "/images/workflow.webp", alt: "A team reviewing a content workflow", width: 1200, height: 900 }}
  imagePosition="end"
  layout="split"
>
  <a href="/docs/getting-started/" class="am-button am-button--outline">Read the guide</a>
</ContentSection>

元件負責 section 結構、圖片比例、responsive layout、focus 與 reduced-motion presentation；CMS 查詢、內容版本、圖片資產與 action workflow 仍由 consumer 管理。詳見 playground /playground/marketing/。