From 2fa9e3b270165165a0c68fbf2f12182c24aae2cd Mon Sep 17 00:00:00 2001
From: HCode <71808213+hyf-github-user@users.noreply.github.com>
Date: Thu, 14 Nov 2024 10:44:50 +0800
Subject: [PATCH] Add headshots index (#150)

---
 ...-c6ca0437-d2f0-4833-84af-ac1a9d6f1af0.json |  7 ++++
 src/components/headshots/task/Preview.vue     |  2 +-
 src/i18n/zh-CN/index.json                     |  4 +++
 src/pages/index/Index.vue                     | 35 +++++++++++++++++++
 4 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 change/@acedatacloud-nexior-c6ca0437-d2f0-4833-84af-ac1a9d6f1af0.json

diff --git a/change/@acedatacloud-nexior-c6ca0437-d2f0-4833-84af-ac1a9d6f1af0.json b/change/@acedatacloud-nexior-c6ca0437-d2f0-4833-84af-ac1a9d6f1af0.json
new file mode 100644
index 00000000..e83344fd
--- /dev/null
+++ b/change/@acedatacloud-nexior-c6ca0437-d2f0-4833-84af-ac1a9d6f1af0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "add headshots index",
+  "packageName": "@acedatacloud/nexior",
+  "email": "1348977728@qq.com",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/headshots/task/Preview.vue b/src/components/headshots/task/Preview.vue
index ac952f51..cc4be432 100644
--- a/src/components/headshots/task/Preview.vue
+++ b/src/components/headshots/task/Preview.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="preview">
     <div class="left">
-      <el-image src="https://cdn.acedata.cloud/ahjfwi.png" class="avatar" />
+      <el-image src="https://cdn.acedata.cloud/isxyfw.png" class="avatar" />
     </div>
     <div class="main">
       <div class="bot">
diff --git a/src/i18n/zh-CN/index.json b/src/i18n/zh-CN/index.json
index 8921919d..b797039d 100644
--- a/src/i18n/zh-CN/index.json
+++ b/src/i18n/zh-CN/index.json
@@ -55,6 +55,10 @@
     "message": "对接最新的 Luma 模型，一键生成自定义的视频，并支持灵活的视频扩展选项。",
     "description": "AI 音乐章节标题"
   },
+  "subtitle.headshots": {
+    "message": "对接最新的 AI 模型，一键生成自定义模板的证件照，并支持多种分格的证件照。",
+    "description": "AI 证件照章节标题"
+  },
   "subtitle.comments": {
     "message": "我们很高兴能够帮助这些客户，他们对我们的服务给予了很高的评价。",
     "description": "客户评价章节标题"
diff --git a/src/pages/index/Index.vue b/src/pages/index/Index.vue
index 3ce1718e..da6bee5f 100644
--- a/src/pages/index/Index.vue
+++ b/src/pages/index/Index.vue
@@ -194,6 +194,32 @@
         </el-row>
       </div>
     </div>
+    <div v-if="site?.features?.headshots?.enabled" id="headshots" class="block">
+      <div class="container">
+        <el-row>
+          <el-col :md="8" :xs="24" class="info">
+            <h2 class="title">{{ $t('index.title.headshots') }}</h2>
+            <p class="subtitle">{{ $t('index.subtitle.headshots') }}</p>
+            <el-button
+              type="primary"
+              round
+              class="btn-try"
+              @click="
+                $router.push({
+                  path: '/headshots'
+                })
+              "
+            >
+              {{ $t('index.button.try') }}
+            </el-button>
+          </el-col>
+          <el-col :md="16" :xs="24" class="preview">
+            <img src="https://cdn.acedata.cloud/zlyshj.png" class="image desktop" />
+            <img src="https://cdn.acedata.cloud/8as0cx.png" class="image mobile" />
+          </el-col>
+        </el-row>
+      </div>
+    </div>
     <div id="comments">
       <div class="container">
         <el-row class="mb-6">
@@ -324,6 +350,15 @@ export default defineComponent({
                 icon: 'fa-solid fa-film'
               }
             ]
+          : []),
+        ...(this.site?.features?.headshots?.enabled
+          ? [
+              {
+                title: this.$t('index.title.headshots'),
+                subtitle: this.$t('index.subtitle.headshots'),
+                icon: 'fa-solid fa-id-card'
+              }
+            ]
           : [])
       ];
     }