From bb74564d0ff538aae72a4c969e463b8d5eb899c0 Mon Sep 17 00:00:00 2001
From: JusterZhu <zhuzhen723723@outlook.com>
Date: Sat, 29 Aug 2026 12:53:32 +0800
Subject: [PATCH] chore(website): hero section and i18n content update

---
 official_website/src/components/hero.astro | 28 ++++++++++++++++------
 official_website/src/i18n.ts               |  6 +++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/official_website/src/components/hero.astro b/official_website/src/components/hero.astro
index 16f4e3d..0ed03ae 100644
--- a/official_website/src/components/hero.astro
+++ b/official_website/src/components/hero.astro
@@ -2,6 +2,7 @@
 import { getDict } from "@/i18n";
 
 const dict = getDict(Astro.currentLocale);
+const videoTitle = "是的，开源了一个NAS系统fortOS";
 ---
 
 <main class="pt-20 md:pt-28 pb-8 text-center">
@@ -36,14 +37,27 @@ const dict = getDict(Astro.currentLocale);
   </div>
   <div class="mt-14 md:mt-20 px-5">
     <div class="mx-auto max-w-3xl bg-black rounded-3xl overflow-hidden">
-      <img
-        src="/images/fortos-logo-original.png"
-        alt="FortOS logo"
-        width="2208"
-        height="2048"
-        class="w-full h-auto block"
+      <iframe
+        src="https://player.bilibili.com/player.html?bvid=BV1uNuR6fETY&page=1&high_quality=1&danmaku=0&autoplay=0"
+        class="w-full aspect-video block"
+        title={videoTitle}
         loading="eager"
-      />
+        scrolling="no"
+        border="0"
+        frameborder="no"
+        framespacing="0"
+        allowfullscreen="true"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      ></iframe>
     </div>
+    <p class="text-center mt-4 text-slate-400 text-sm">
+      <a
+        href="https://www.bilibili.com/video/BV1uNuR6fETY"
+        target="_blank"
+        rel="noopener"
+        class="text-[#2997ff] hover:underline decoration-[#2997ff] underline-offset-4">
+        {dict.video.watchOnBilibili} <span class="font-medium">&gt;</span>
+      </a>
+    </p>
   </div>
 </main>
diff --git a/official_website/src/i18n.ts b/official_website/src/i18n.ts
index 2646f3c..5b2c805 100644
--- a/official_website/src/i18n.ts
+++ b/official_website/src/i18n.ts
@@ -70,6 +70,9 @@ export const en = {
   logos: {
     heading: "Built on proven open-source foundations",
   },
+  video: {
+    watchOnBilibili: "Watch on Bilibili",
+  },
   cta: {
     title: "Ready to take control of your data?",
     description:
@@ -245,6 +248,9 @@ export const zh: typeof en = {
   logos: {
     heading: "构建于成熟的开源技术之上",
   },
+  video: {
+    watchOnBilibili: "在 B 站观看",
+  },
   cta: {
     title: "准备好掌控你的数据了吗？",
     description: