chore: update project files

demo/frontend/src/views/Welcome.vue

@@ -3,14 +3,16 @@
     <!-- 导航栏 -->
     <header class="navbar">
       <div class="navbar-content">
-        <div class="logo">Logo</div>
+        <div class="logo">
+          <img src="/images/backgrounds/logo.svg" alt="Logo" />
+        </div>
         <nav class="nav-links">
-          <a href="#" class="nav-link" @click="scrollToSection('features')">文生视频</a>
-          <a href="#" class="nav-link" @click="scrollToSection('features')">图生视频</a>
-          <a href="#" class="nav-link" @click="scrollToSection('features')">分镜视频</a>
-          <a href="#" class="nav-link" @click="scrollToSection('features')">订阅套餐</a>
+          <a href="#" class="nav-link" @click.prevent="goToTextToVideo">{{ $t('welcome.textToVideo') }}</a>
+          <a href="#" class="nav-link" @click.prevent="goToImageToVideo">{{ $t('welcome.imageToVideo') }}</a>
+          <a href="#" class="nav-link" @click.prevent="goToStoryboardVideo">{{ $t('welcome.storyboardVideo') }}</a>
+          <a href="#" class="nav-link" @click="scrollToSection('features')">{{ $t('welcome.pricing') }}</a>
         </nav>
-        <button class="nav-button" @click="goToLogin">开始体验</button>
+        <button class="nav-button" @click="goToLogin">{{ $t('welcome.startExperience') }}</button>
       </div>
     </header>
 
@@ -18,39 +20,39 @@
     <main class="content">
       <h1 class="title">
         <span class="title-line">
-          <span class="bright-text">智创</span><span class="fade-text">无限,</span>
+          <span class="bright-text">{{ $t('welcome.title1') }}</span><span class="fade-text">{{ $t('welcome.title2') }}</span>
         </span>
         <span class="title-line">
-          <span class="bright-text">灵感</span><span class="fade-text">变现。</span>
+          <span class="bright-text">{{ $t('welcome.title3') }}</span><span class="fade-text">{{ $t('welcome.title4') }}</span>
         </span>
       </h1>
-      <p class="subtitle">使用邮箱验证码登录，安全便捷</p>
-      <button class="main-button" @click="goToLogin">立即体验</button>
+      <p class="subtitle">{{ $t('welcome.subtitle') }}</p>
+      <button class="main-button" @click="goToLogin">{{ $t('welcome.tryNow') }}</button>
     </main>
 
     <!-- 功能说明 -->
     <section id="features" class="features-section">
       <div class="features-container">
-        <h2 class="features-title">核心功能</h2>
+        <h2 class="features-title">{{ $t('welcome.coreFeatures') }}</h2>
         <div class="features-grid">
-          <div class="feature-card">
-            <h3>文生视频</h3>
-            <p>输入文字描述，AI自动生成高质量视频内容</p>
+          <div class="feature-card" @click="goToTextToVideo" style="cursor: pointer;">
+            <h3>{{ $t('welcome.textToVideo') }}</h3>
+            <p>{{ $t('welcome.textToVideoDesc') }}</p>
+          </div>
+          <div class="feature-card" @click="goToImageToVideo" style="cursor: pointer;">
+            <h3>{{ $t('welcome.imageToVideo') }}</h3>
+            <p>{{ $t('welcome.imageToVideoDesc') }}</p>
+          </div>
+          <div class="feature-card" @click="goToStoryboardVideo" style="cursor: pointer;">
+            <h3>{{ $t('welcome.storyboardVideo') }}</h3>
+            <p>{{ $t('welcome.storyboardVideoDesc') }}</p>
           </div>
           <div class="feature-card">
-            <h3>图生视频</h3>
-            <p>上传图片，AI智能分析并生成动态视频</p>
-          </div>
-          <div class="feature-card">
-            <h3>分镜视频</h3>
-            <p>专业分镜制作，打造电影级视频效果</p>
-          </div>
-          <div class="feature-card">
-            <h3>订阅套餐</h3>
-            <p>灵活的价格方案，满足不同创作需求</p>
+            <h3>{{ $t('welcome.pricing') }}</h3>
+            <p>{{ $t('welcome.pricingDesc') }}</p>
           </div>
         </div>
-        <button class="features-button" @click="goToLogin">开始创作</button>
+        <button class="features-button" @click="goToLogin">{{ $t('welcome.startCreating') }}</button>
       </div>
     </section>
   </div>
@@ -66,6 +68,21 @@ const goToLogin = () => {
   router.push('/login')
 }
 
+// 跳转到文生视频页面
+const goToTextToVideo = () => {
+  router.push('/text-to-video/create')
+}
+
+// 跳转到图生视频页面
+const goToImageToVideo = () => {
+  router.push('/image-to-video/create')
+}
+
+// 跳转到分镜视频页面
+const goToStoryboardVideo = () => {
+  router.push('/storyboard-video/create')
+}
+
 // 滚动到功能说明部分
 const scrollToSection = (sectionId) => {
   const element = document.getElementById(sectionId)
@@ -112,9 +129,13 @@ const scrollToSection = (sectionId) => {
 }
 
 .logo {
-  color: white;
-  font-size: 18px;
-  font-weight: 500;
+  display: flex;
+  align-items: center;
+}
+
+.logo img {
+  height: 35px;
+  width: auto;
 }
 
 .nav-links {