Add headshots index

change/@acedatacloud-nexior-c6ca0437-d2f0-4833-84af-ac1a9d6f1af0.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "add headshots index",
+  "packageName": "@acedatacloud/nexior",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

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">

src/i18n/zh-CN/index.json

@@ -55,6 +55,10 @@
     "message": "对接最新的 Luma 模型，一键生成自定义的视频，并支持灵活的视频扩展选项。",
     "description": "AI 音乐章节标题"
   },
+  "subtitle.headshots": {
+    "message": "对接最新的 AI 模型，一键生成自定义模板的证件照，并支持多种分格的证件照。",
+    "description": "AI 证件照章节标题"
+  },
   "subtitle.comments": {
     "message": "我们很高兴能够帮助这些客户，他们对我们的服务给予了很高的评价。",
     "description": "客户评价章节标题"

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'
+              }
+            ]
           : [])
       ];
     }