Animature 是一個高性能、視覺沉浸式的前端專案，它複現了 Zentry 屢獲殊榮的設計和動畫機制。
該專案採用尖端的 Next.js 15 和 React 19 構建，是現代網頁動畫的大師級作品。它利用 GSAP (GreenSock) 來編排複雜的程式碼時間軸、滾動觸發效果和影片處理，同時通過 Tailwind CSS 保持響應式佈局。
主要功能
- 電影級 Hero 欄目：複雜的影片遮罩和隨使用者互動動態變化的切換效果。
- 滾動觸發動畫：利用 GSAP ScrollTrigger 實現元素的淡入、滑動和變形，打造敘事化體驗。
- 互動式 Bento 網格：支持傾斜效果的現代化卡片佈局，具有 3D 觸感回饋。
- 文字揭示效果：交錯出現的字元動畫，賦予排版生命力。
- 裁剪路徑（Clip-Path）過渡：在網站各部分之間使用高級 CSS 幾何過渡效果。
- 效能優化：與 React 19 伺服器端元件整合的流暢 60fps 動畫。
Animature 彌合了電影級敘事與實用網頁效能之間的鴻溝，展示了 GSAP 在 React 19 環境下的強大能力。