首頁封面滾動特效：

封面為 Logo 壓在影片上，並且有滾動特效，滾動時 Logo 會隨著滾動而縮小，並且有淡入淡出的效果。


最後 Logo 會固定在左上角，navbar 的 logo 位置。

線上卡面編輯器：

這是一個基於 Fabric.js 的卡面線上圖像編輯器，提供了豐富的功能來創建和編輯卡片設計。

用戶可以繪畫、更換卡匡、上傳圖片以及進行文字排版，從而實現個性化的卡片設計。

功能介紹

• 多款卡框供選擇：
  提供多種熱門 IP 的卡框模板，用戶可以根據需要選擇和更換卡框商品。
• 繪畫功能：
  用戶可以使用畫筆工具在卡片上自由繪畫。
  
  
  提供筆刷粗細和顏色選擇，滿足不同的創作需求。
• 上傳圖片：
  用戶可以上傳自製圖片或照片添加到卡片設計中。
  
  
  支持圖片的縮放、旋轉，方便用戶調整圖片位置和大小。
• 文字排版：
  提供豐富的文字編輯功能，包括字體選擇、顏色等。
  
  
  支持文字的拖拽和旋轉，讓文字排版更加靈活。
  
  
  
  
  

Next.js 13 App router 技術使用

通過 Next.js 13 的 App Router，我們實現了更智能的頁面路由和內容加載。這意味著用戶在瀏覽網站時，可以享受到極快的頁面切換和動態內容更新，使整個購物過程變得順暢自然。

我們特別注重網站的性能優化。利用 App Router 的動態靜態混合（DSG）功能，部分頁面內容預先生成，大大加快了加載速度。同時，網站還能根據需要即時更新信息，確保用戶始終看到最新、最相關的商品和優惠。

更值得一提的是，這個技術方案有效解決了傳統 React 應用在搜索引擎優化（SEO）方面的挑戰。

快速的頁面加載、流暢的購物體驗，每一個細節都旨在為用戶和商家創造更好的線上購物環境。

我們期望將新技術帶入以帶來高效、愉悅的用戶體驗。