0822最下方项目经历＋logo完成

src/components/common/Navbar.vue

@@ -2,6 +2,7 @@
   <header class="navbar-container" :class="{ scrolled: isScrolled }">
     <div class="container">
       <div class="logo">
+        <img src="/images/logo.png" alt="Company Logo" class="logo-image">
         <a href="#home">{{ t('nav.home') }}</a>
       </div>
       <nav>
@@ -107,6 +108,17 @@ const closeMobileMenu = () => {
   padding: 0.8rem 0; */
 }
 
+.logo {
+  display: flex; /* 让Logo和文字横向排列 */
+  align-items: center; /* 垂直居中对齐 */
+  gap: 0.5rem; /* Logo与文字间距 */
+}
+
+.logo-image {
+  width: 70px; /* Logo宽度，根据需要调整 */
+  height: auto; /* 保持宽高比 */
+}
+
 .container {
   max-width: 1200px;
   margin: 0 auto;

src/locales/ja.ts

@@ -50,7 +50,7 @@ export default {
  },
   
   projects: {
-    title: 'プロジェクト',
+    title: '実績概要',
     viewDetails: '詳細を見る',
     project1: {
       title: "航空券管理システム",
@@ -110,7 +110,7 @@ export default {
     error: 'メッセージの送信に失敗しました。もう一度お試しください。',
   },
   timeline: {
-    title: '実績',
+    title: 'タイムライン',
   },
   
 

src/views/HomePage.vue

@@ -45,6 +45,9 @@ const t = inject<(key: string) => string>('t') || ((key) => key)
 
 
 <style scoped>
+
+
+
 .hero-section {
   height: 100vh;
   background-color: var(--bg-color);