3D 產品揭示

安裝

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

包含的區段

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

1. 1

   導覽與開場英雄

   深色電影感開場，頂部品牌導覽加上聚光下的 3D 手錶，捲動時上浮放大並淡出。

   hero
2. 2

   規格解構舞台

   sticky 舞台讓手錶隨捲動 3D 旋轉，六張規格卡連線逐一浮現，並以四項關鍵數字帶收尾。

   features
3. 3

   五層拆解工程

   捲動時五個結構層在 3D 空間中散開，左側同步點亮藍寶石玻璃到鈦合金背蓋的逐層說明。

   product
4. 4

   來自腕上的證言

   三則潛水教練、資安研究員與攝影師的使用心得，以水平視差卡片呈現。

   testimonial
5. 5

   三種版本選擇

   Core、Titan、Aurora 三款材質版本的價格、工藝與配備比較，並標示最受歡迎方案。

   pricing
6. 6

   常見問題

   以手風琴形式回答資料隱私、續航實測、錶帶更換與保固維修等疑問。

   faq
7. 7

   預訂行動呼籲

   捲入時光暈漸強的結尾邀請，提供立即預訂與線下試戴雙按鈕與保固保證。

   cta
8. 8

   頁尾資訊

   品牌簡介搭配產品、支援、公司三欄連結與版權宣告。

   footer