長敘事首頁

安裝

整頁原始碼會落在 app/templates/long-story-home/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   導覽與開場英雄

   茶事品牌導覽列搭配滿版開場標題、視差淡出與開始閱讀行動按鈕。

   hero
2. 2

   第一章 起霧

   以首字下沉長文敘述梨山晨霧風土，附山嵐插畫與四項茶園數據滾動。

   content
3. 3

   第二章 手採

   手採一心二葉的故事、深綠茶葉圖解與製茶師視差引言。

   content
4. 4

   第三章 焙火製程

   十八小時五道工序時間軸，捲動時綠線隨進度延伸。

   timeline
5. 5

   第四章 茶款

   清、醇、藏三款茶罐卡片，含焙度標籤、風味描述與價格。

   product
6. 6

   讀者的話

   三則讀完故事後下單的讀者短評與頭像卡片。

   testimonial
7. 7

   尾聲訂閱

   春摘限量預告與訂閱山信的電子郵件表單。

   cta
8. 8

   頁尾

   品牌地址、章節導覽、茶事連結與聯絡資訊的頁尾區。

   footer