style: Aida页面

src/lang/zh-cn.ts

@@ -64,9 +64,9 @@ export default {
 	},
 	Aida: {
 		description:
-			'AiDA 3.1 是一项开创性的技术，它使时装设计师能够基于自己的创意灵感，借助人工智能创作原创设计。设计师只需点击几下，即可选择或调整方案来开发时装系列，为传统且耗时的设计工作室流程注入敏捷性、高效性和灵活性。',
+			'AiDA 3.1，一项首次上市的技术，使时装设计师能够根据他们的创意灵感，与AI合作创造原创设计。 只需简单数下点击，设计师便可轻松地在时装系列中进行微调或加入个人化选项，以灵活、高效及别具弹性的方式提升传统而密集的工作室设计流程。',
 		slogan: '互动性人工智能时装设计助理',
-		desc: 'AiDA 3.1 是一项开创性的技术，它使时装设计师能够基于自己的创意灵感，借助人工智能创作原创设计。设计师只需点击几下，即可选择或调整方案来开发时装系列，为传统且耗时的设计工作室流程注入敏捷性、高效性和灵活性。',
+		desc: 'AiDA 3.1，一项首次上市的技术，使时装设计师能够根据他们的创意灵感，与AI合作创造原创设计。 只需简单数下点击，设计师便可轻松地在时装系列中进行微调或加入个人化选项，以灵活、高效及别具弹性的方式提升传统而密集的工作室设计流程。',
 		annual: '年费: $5,000 HKD / 年(50000积分)',
 		monthly: '月费: $500 HKD / 月 (3500 积分)',
 		monthlyCheaper: '月费: $100 HKD / 月 (500 积分)',
@@ -98,8 +98,8 @@ export default {
 		trial: '试用',
 		days: '7天免费试用',
 		start: '开始使用',
-		corporate: '企业',
+		corporate: '公司账户',
-		customised: '定制计划',
+		customised: '客制方案',
 		contactUs: '联系我们',
 		termsAndConditions: '条款及细则',
 		agreement: '订阅协议'

src/lang/zh-tw.ts

@@ -62,6 +62,48 @@ export default {
 		EmailInputTitle: '有興趣使用精準時裝屬性及顏色辨識系統 (Mixi)？',
 		EmailInputTip: '請留下電郵地址，以獲取度身訂造的計劃'
 	},
+	Aida: {
+		description:
+			'AiDA 3.1，一項首次上市的技術，使時裝設計師能夠根據他們的創意靈感，與AI合作創造原創設計。 只需簡單數下點擊，設計師便可輕鬆地在時裝系列中進行微調或加入個人化選項，以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。',
+		slogan: '互動性人工智能時裝設計助理',
+		desc: 'AiDA 3.1，一項首次上市的技術，使時裝設計師能夠根據他們的創意靈感，與AI合作創造原創設計。 只需簡單數下點擊，設計師便可輕鬆地在時裝系列中進行微調或加入個人化選項，以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。',
+		annual: '年費: $5,000 HKD / 年(50000積分)',
+		monthly: '月費: $500 HKD / 月 (3500 積分)',
+		monthlyCheaper: '月費: $100 HKD / 月 (500 積分)',
+		tips: '可提供專屬教育優惠，詳情請聯絡我們',
+		subscribe: '立即訂閱',
+		userManual: '用戶手冊',
+		keyFeatures: '技術特點',
+		feature1:
+			'世界上第一個服裝設計領域的人工智能系統，強調用戶控制，確保人工智能生成的設計與設計師的獨特願景和品牌身份無縫結合。',
+		feature2:
+			'擅長綜合不同的輸入，如情緒板、織物印花、顏色選擇和草圖，成為一個有凝聚力的集合，快速，和諧，高效。',
+		feature3: '設計過程顯著加快超過60%，根據用戶輸入快速生成無限的設計。',
+		feature4: '採用尖端的AIGC技術，生成創新設計，並在創作過程中提供全面的協助。',
+		benefits: '對行業的好處',
+		benefits1:
+			'加快設計流程: AiDA為個人設計師和時尚品牌提供快速創意構思，革新了時裝設計過程，讓設計師以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。',
+		benefits2: '加快產品上市速度: 同時又能確保品牌的標誌性設計元素在新設計中得以體現。',
+		benefits3:
+			'更有彈性: 讓沒有繪畫基礎的時裝設計初學者也可以簡易地創作自己的設計。設計師們通過和 AI 一起合作，可以迅速創作多樣化的原創設計產品，並快速把這些產品推向市場。',
+		demo: '示範影片',
+		play: '點擊播放',
+		choosePlan: '選擇你的訂閱方案',
+		plan1: '根據你的創意靈感及品牌DNA，只需要10秒時間去設計一個時裝系列',
+		plan2: '上載靈感板、顏色、布料印花圖案及草圖等，生成無限設計建議',
+		plan3: '只需點擊幾下，儲存及取回你的設計',
+		plan4: '訂閱後只需透過雲端系統就能隨時隨地存取',
+		plan5: '操作精簡，只需大概十分鐘就能學習使用方法',
+		plan6: '通過 info\\@code-create.com.hk 聯絡我們了解更多',
+		trial: '試用',
+		days: '7天免費試用',
+		start: '開始使用',
+		corporate: '公司賬戶',
+		customised: '客製方案',
+		contactUs: '聯絡我們',
+		termsAndConditions: '條款及細則',
+		agreement: '訂閱協議'
+	},
 	helpCentre: {
 		Title: '支援中心',
 		FAQ: '常見問題',

src/pages/aida/index.vue

@@ -443,12 +443,14 @@
 
 				<div class="plans-grid">
 					<article v-for="plan in plans" :key="plan.name" class="plan-card">
-						<img
+						<div class="plan-icon-wrap">
-							class="plan-icon"
+							<img
-							:src="plan.icon"
+								class="plan-icon"
-							:alt="`${plan.name} plan icon`"
+								:src="plan.icon"
-							loading="lazy"
+								:alt="`${plan.name} plan icon`"
-						/>
+								loading="lazy"
+							/>
+						</div>
 						<h3 class="plan-title">{{ plan.name }}</h3>
 						<p class="plan-copy">{{ plan.description }}</p>
 						<a class="plan-button" :href="plan.href">{{ plan.action }}</a>
@@ -816,16 +818,17 @@
 		margin-bottom: 27px;
 		font-size: clamp(28px, 3vw, 43px);
 		line-height: 1.2;
-		text-align: left;
+		text-align: center;
 	}
 
 	.subscription-list {
 		margin: 0 auto 52px;
 		padding: 0;
 		list-style: none;
-		color: #333333;
+		color: #555;
-		font-size: 13px;
+		font-size: 16px;
-		line-height: 1.48;
+		font-weight: 400;
+		// line-height: 1.48;
 	}
 
 	.subscription-list li {
@@ -870,11 +873,21 @@
 		text-align: center;
 	}
 
-	.plan-icon {
+	.plan-icon-wrap {
-		width: 86px;
+		display: flex;
-		height: 86px;
+		align-items: center;
-		object-fit: contain;
+		justify-content: center;
+		width: 100px;
+		height: 100px;
 		margin-bottom: 30px;
+		border: 3px solid #666666;
+		border-radius: 50%;
+	}
+
+	.plan-icon {
+		width: 50px;
+		height: 50px;
+		object-fit: contain;
 	}
 
 	.plan-title {