feat: enhance typography with new font sources, update footer layout, and improve navigation structure

pages/home.vue

@@ -1,5 +1,48 @@
+<script setup lang="ts">
+import { gsap } from 'gsap'
+import { TextPlugin } from 'gsap/TextPlugin'
+gsap.registerPlugin(TextPlugin)
+const { t } = useI18n();
+
+const popMessage = ref(null);
+const messages = [t("home.moving.newsPlatform"), t("home.moving.miniWikipedia"), t("home.moving.newsComparePlatform"), "BlindSpec"];
+
+
+onMounted(() => {
+  const tl = gsap.timeline({ repeat: -1 })
+  messages.forEach((message) => {
+    tl.to(popMessage.value, {
+      duration:0.5,
+      text:message,
+      ease: "none."
+    }).to(popMessage.value, {
+      duration:2,
+      text:message,
+      ease: "none."
+    })
+    
+    for (let i = message.length; i >=0; i--) {
+      tl.to(popMessage.value, {
+        duration:0.06,
+        text:message.substring(0, i),
+        ease: "none"
+      })
+    }
+  })
+})
+</script>
 <template>
   <div>
-    <h1 class="text-3xl font-bold text-center">嗨！</h1>
+    <div class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0">
+        <span class="text-3xl">
+          <span class="bg-gradient-to-b from-[#eee] to-[#333] bg-clip-text text-transparent">{{ t("home.nonMoving") }}</span>
+          <span ref="popMessage" class="bg-gradient-to-r from-[#2a7b9b] then-[#8d57c7] to-[#ed4242] bg-clip-text text-transparent"></span></span>
+        <NuxtLink>
+          <button class="m-4 bg-[#8C9393] text-white p-3 rounded-full bg-gradient-to-l from-sky-500 to-purple-600 transition-all duration-100"> 
+            <span>{{ t("home.startusing") }}</span>
+          </button>
+        </NuxtLink>
+    </div>
+    <div class="h-screen"></div>
   </div>
-</template>
+</template>