Structure
Hero owns the first-viewport message
Section、Container 與 actions 已經在 pattern 內協調好，不必每頁重新拼裝。
am-landing
Hero、FeatureGrid、CTASection組成一條可直接檢查的 landing page flow。
Landing page pattern
Build booking-first sites without re-inventing the UI shell.
這條 flow 模擬內容型商業網站首頁：先給價值主張，再提供 feature proof，最後收斂到明確 CTA。
Launch stack
LayoutContainer / Grid / Section
FormsField / Input / Switch
NavigationTabs / Breadcrumbs / NavMenu
Pattern anatomy
A website foundation, not a gallery of disconnected widgets.
三個可重用區段依序建立首屏訊息、內容證據與轉換出口。
Proof
FeatureGrid gives repeated evidence blocks
適合放賣點、差異點與功能證據，也能延伸成 pricing 或 testimonial。
Conversion
CTASection closes the flow cleanly
把主要轉換和次要說明收斂到同一個 band，避免頁尾只剩零散按鈕。
Continue the journey
Move from the landing story into a focused inquiry flow.
沿用相同的 spacing、surface 與 action hierarchy，讓跨頁體驗維持一致。
Pattern status
3Reusable sections
ResponsiveContainer-aware layout
CSS-firstProgressive enhancement