hero

網站首頁資訊，透過動畫生動地顯示資訊。

hero

格式


type Hero = {
  title: string;
  description: string;
  typeAnimationTexts: (string | number)[];
  achievementsList: Achievement[];
};

範例


type Achievement = {
  metric: string;
  value: string;
  postfix?: string;
  prefix?: string;
};
 
export const hero: Hero = {
  title: "我是 tomocat",
  description: "一位立志成為軟體工程師的高中生自我介紹",
  typeAnimationTexts: [
    "擔任機器人社活動長",
    1000,
    "創辦程式貓教育社群",
    1000,
    "擔任FRC程式組組長",
    1000,
  ],
  achievementsList: [
    { metric: "APCS", value: "4", postfix: "級" },
    { metric: "競賽獲獎", value: "20", postfix: "+" },
    { metric: "服務使用者", value: "1000", postfix: "+" },
    { metric: "專案數量", value: "30", postfix: "+" },
    { metric: "社群追蹤數", value: "150", postfix: "+" },
  ],
};