feat: 首页i18n

src/pages/home/components/ProductFeature.vue

@@ -5,9 +5,9 @@
 		defineProps<{
 			name: string
 			title: string
-			backgroundImage: string
+			backgroundImage?: string
 			backgroundAlt: string
-			panelImage: string
+			panelImage?: string
 			panelAlt: string
 			reversed?: boolean
 		}>(),
@@ -51,7 +51,7 @@
 				translate-y-s="100"
 				translate-y="0"
 			>
-				View More
+				{{$t('Home.viewMore')}}
 			</RouterLink>
 		</div>
 	</section>
@@ -62,7 +62,7 @@
 		display: flex;
 		align-items: center;
 		gap: clamp(48px, 5.5vw, 76px);
-		width: 1440px;
+		max-width: 1440px;
 		min-width: 0;
 		min-height: 690px;
 		margin: 0 auto;

src/pages/home/components/ProjectCta.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { RouterLink } from 'vue-router'
+	import { RouterLink } from 'vue-router'
 </script>
 
 <template>
 	<section class="project-cta">
 		<div class="project-cta-inner">
-			<h2 class="project-cta-title">Talk To Us About Your Next Project</h2>
+			<h2 class="project-cta-title">{{ $t('Home.contactSlogan') }}</h2>
 			<RouterLink class="project-cta-link" to="/contact">
-				Contact Us
+				{{ $t('Home.contactUs') }}
 			</RouterLink>
 		</div>
 	</section>